/* =========================================================
   CP TEAM
   ========================================================= */

.cp-team-wrapper{width:100%;margin:0 auto;}
.cp-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%;}


/* =========================================================
   TEAM CARD
   ========================================================= */

.cp-team-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.06);}


/* =========================================================
   IMAGE
   ========================================================= */

.cp-team-image{display:block;position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#f1f2f3;}
.cp-team-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;}


/* =========================================================
   CONTENT
   ========================================================= */

.cp-team-content{position:relative;display:flex;flex-wrap:wrap;align-items:center;min-height:120px;padding:25px 28px;background:#efefef;}


/* =========================================================
   NAME
   ========================================================= */

.cp-team-person{flex:1 1 auto;min-width:0;}
.cp-team-name{margin:0 0 6px;padding:0;color:#12383b;font-size:22px;font-weight:700;line-height:1.2;}
.cp-team-position{color:#70777a;font-size:16px;line-height:1.4;}


/* =========================================================
   CONTACT
   ========================================================= */

.cp-team-contact{display:flex;align-items:center;gap:8px;margin-left:20px;}

.cp-team-contact-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(18,56,59,.15);border-radius:50%;color:#12383b;text-decoration:none!important;}

.cp-team-contact-link:hover{background:#4d858d;border-color:#4d858d;color:#fff;}

.cp-team-icon{display:flex;align-items:center;justify-content:center;font-size:17px;}


/* =========================================================
   ACTION BUTTONS
   ========================================================= */

.cp-team-actions{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:10px;margin-top:20px;}

.cp-team-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1 1 0;min-height:42px;padding:9px 16px;border-radius:7px;text-align:center;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none!important;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;}

.cp-team-button:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,0,0,.10);}


/* =========================================================
   BUTTON – PROFIL
   ========================================================= */

.cp-team-button-more{background:transparent;color:#12383b;border:1px solid rgba(18,56,59,.25);}

.cp-team-button-more:hover{background:#4d858d;border-color:#4d858d;color:#fff;}


/* =========================================================
   BUTTON – TERMIN
   ========================================================= */

.cp-team-button-booking{background:#4d858d;color:#fff;border:1px solid #4d858d;}

.cp-team-button-booking:hover{background:#12383b;border-color:#12383b;color:#fff;}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:991px){

    .cp-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}

    .cp-team-content{padding:22px;}

    .cp-team-name{font-size:20px;}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .cp-team-grid{grid-template-columns:1fr;gap:22px;}

    .cp-team-image{aspect-ratio:4/3;}

    .cp-team-content{padding:20px;}

    .cp-team-contact{margin-left:15px;}

    .cp-team-actions{flex-direction:row;margin-top:18px;}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:480px){

    .cp-team-content{padding:18px;}

    .cp-team-name{font-size:19px;}

    .cp-team-position{font-size:15px;}

    .cp-team-contact-link{width:34px;height:34px;}

    .cp-team-actions{flex-direction:column;}

    .cp-team-button{width:100%;}

}