/* Wantalin WhatsApp Sales Team + Contact Us v39 */

/* Hide only the theme's original one-number WhatsApp button. */
.apl-floating-contact .apl-float-whatsapp { display: none !important; }

/* ===== Floating WhatsApp selector ===== */
.wantalin-wa-v33 {
    --wa-green: #25d366;
    --wa-dark: #0b1f19;
    --wa-blue: #0d4f8b;
    font-family: inherit;
}
.wantalin-wa-v33__trigger {
    position: fixed; right: 18px; top: 58%; transform: translateY(-50%); z-index: 9997;
    width: 58px; height: 58px; border-radius: 999px; border: 3px solid #fff;
    background: #111; color: #e4b91f; box-shadow: 0 8px 24px rgba(0,0,0,.18);
    display: grid; place-items: center; cursor: pointer; transition: .2s ease;
}
.wantalin-wa-v33__trigger:hover { transform: translateY(-50%) translateX(-3px); }
.wantalin-wa-v33__trigger svg { width: 30px; height: 30px; }
.wantalin-wa-v33__backdrop { position: fixed; inset: 0; z-index: 9998; background: rgba(5,19,26,.42); backdrop-filter: blur(2px); }
.wantalin-wa-v33__panel {
    position: fixed; z-index: 9999; right: 18px; top: 50%; transform: translate(115%,-50%);
    width: min(520px,calc(100vw - 36px)); max-height: min(760px,calc(100vh - 36px)); overflow: auto;
    border-radius: 22px; background: #fff; box-shadow: 0 24px 80px rgba(0,25,45,.28); transition: transform .24s ease;
}
.wantalin-wa-v33.is-open .wantalin-wa-v33__panel { transform: translate(0,-50%); }
.wantalin-wa-v33__head {
    position: sticky; top: 0; z-index: 2; display:flex; align-items:flex-start; justify-content:space-between; gap:20px;
    padding:24px 24px 18px; color:#fff; background:linear-gradient(135deg,#073863,#0d5a9d);
}
.wantalin-wa-v33__eyebrow { margin:0 0 8px; font-size:11px; letter-spacing:.16em; font-weight:800; opacity:.88; }
.wantalin-wa-v33__head h2 { margin:0 0 6px; color:#fff; font-size:25px; line-height:1.15; }
.wantalin-wa-v33__head p:last-child { margin:0; opacity:.9; font-size:14px; }
.wantalin-wa-v33__close { border:0; background:rgba(255,255,255,.12); color:#fff; width:38px; height:38px; border-radius:50%; font-size:28px; line-height:1; cursor:pointer; }
.wantalin-wa-v33__list { padding:14px; }
.wantalin-wa-v33__contact { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:14px; align-items:center; padding:14px; border:1px solid #e3edf4; border-radius:16px; background:#fbfdff; }
.wantalin-wa-v33__contact + .wantalin-wa-v33__contact { margin-top:10px; }
.wantalin-wa-v33__avatar { width:48px; height:48px; border-radius:50%; display:grid; place-items:center; color:#0d4f8b; background:#e6f3ff; font-weight:800; font-size:18px; }
.wantalin-wa-v33__meta h3 { margin:0 0 3px; color:#0d3151; font-size:16px; }
.wantalin-wa-v33__region { margin:0 0 4px; color:#55758d; font-size:12px; line-height:1.35; }
.wantalin-wa-v33__phone { color:#0d4f8b; text-decoration:none; font-size:13px; font-weight:700; }
.wantalin-wa-v33__chat { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 13px; border-radius:999px; color:#0c3a28; background:#d9f7e5; text-decoration:none; font-size:12px; font-weight:800; white-space:nowrap; }
.wantalin-wa-v33__chat:hover { background:#c3f2d5; }
body.wantalin-wa-lock { overflow:hidden; }

/* ===== Contact Us page ===== */
.wantalin-contact-main {
    margin-block-start: 0 !important;
    padding: clamp(58px,6vw,94px) 0 clamp(72px,7vw,112px);
    background: #f6f7f3;
}
.wantalin-contact-intro {
    display:grid !important;
    grid-template-columns: minmax(0,1.05fr) minmax(320px,.72fr);
    gap: clamp(32px,5vw,84px);
    align-items:end;
    margin-bottom: clamp(34px,4vw,54px) !important;
    padding-bottom: 30px;
    border-bottom: 1px solid #d7dfda;
}
.wantalin-contact-intro .apl-eyebrow { margin-bottom: 13px; }
.wantalin-contact-intro h2 {
    margin:0;
    max-width:760px;
    font-size:clamp(2.2rem,3.3vw,3.8rem);
    line-height:1.02;
    letter-spacing:-.035em;
    color:#101915;
}
.wantalin-contact-intro .apl-lede {
    margin:0 0 5px;
    max-width:610px;
    color:#61706a;
    font-size:clamp(1rem,1.15vw,1.18rem);
    line-height:1.7;
}
.wantalin-team-grid {
    display:grid !important;
    grid-template-columns:repeat(24,minmax(0,1fr));
    gap:22px;
    align-items:stretch;
}
.wantalin-team-card {
    grid-column:span 6;
    min-width:0;
    display:flex !important;
    flex-direction:column;
    margin:0 !important;
    overflow:hidden;
    border:1px solid #d9e1dc;
    border-radius:14px;
    background:#fff;
    box-shadow:0 10px 28px rgba(16,36,28,.055);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.wantalin-team-card:nth-child(5) { grid-column:4 / span 6; }
.wantalin-team-card:nth-child(6) { grid-column:10 / span 6; }
.wantalin-team-card:nth-child(7) { grid-column:16 / span 6; }
.wantalin-team-card:hover { transform:translateY(-4px); border-color:#c5d4cc; box-shadow:0 18px 42px rgba(16,36,28,.095); }
.wantalin-team-photo { margin:0 !important; overflow:hidden; background:#e8efeb; }
.wantalin-team-photo img {
    display:block; width:100%; aspect-ratio:4/3; object-fit:cover; object-position:center 24%;
    transition:transform .35s ease;
}
.wantalin-team-card:hover .wantalin-team-photo img { transform:scale(1.018); }
.wantalin-team-card__body { display:flex !important; flex-direction:column; flex:1; padding:22px 22px 21px; }
.wantalin-team-kicker { margin:0 0 8px !important; color:#087d65; font-size:10px; line-height:1.2; font-weight:800; letter-spacing:.15em; }
.wantalin-team-card__body h3 { margin:0 0 10px !important; color:#12201a; font-size:1.35rem; line-height:1.15; letter-spacing:-.015em; }
.wantalin-team-role { margin:0 0 16px !important; min-height:2.9em; color:#5b6c65; font-size:.91rem; line-height:1.48; }
.wantalin-team-phone { margin:0 0 19px !important; }
.wantalin-team-phone a { color:#173f35; text-decoration:none; font-size:.93rem; font-weight:760; }
.wantalin-team-card .wp-block-buttons { margin-top:auto !important; }
.wantalin-team-card .wp-block-button, .wantalin-team-card .wp-block-button__link { width:100%; }
.wantalin-team-card .wp-block-button__link {
    display:flex; align-items:center; justify-content:center; gap:8px; min-height:45px; padding:11px 14px;
    border-radius:7px; background:#123f34 !important; color:#fff !important; font-size:.88rem; font-weight:780;
    text-decoration:none; transition:background .18s ease, transform .18s ease;
}
.wantalin-team-card .wp-block-button__link:hover { background:#0c3028 !important; transform:translateY(-1px); }
.wantalin-team-whatsapp span { font-size:1rem; line-height:1; }
.wantalin-contact-note {
    margin-top:clamp(34px,4vw,52px) !important;
    padding:22px 26px !important;
    border:1px solid #d9e1dc;
    border-radius:10px;
    background:#eef3ef;
    color:#52645c;
    gap:22px;
}
.wantalin-contact-note p { margin:0 !important; }
.wantalin-contact-note__title { margin-bottom:4px !important; color:#153b31; font-weight:800; }
.wantalin-contact-note__meta { color:#728179; font-size:.88rem; white-space:nowrap; }

/* Make the same layout readable inside Gutenberg. */
.editor-styles-wrapper .wantalin-contact-main { padding-left:20px; padding-right:20px; }
.editor-styles-wrapper .wantalin-team-card { box-sizing:border-box; }

@media (max-width:1100px) {
    .wantalin-team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .wantalin-team-card,
    .wantalin-team-card:nth-child(5),
    .wantalin-team-card:nth-child(6),
    .wantalin-team-card:nth-child(7) { grid-column:auto; }
}
@media (max-width:781px) {
    .wantalin-wa-v33__trigger { right:10px; top:auto; bottom:20px; transform:none; width:50px; height:50px; }
    .wantalin-wa-v33__trigger:hover { transform:none; }
    .wantalin-wa-v33__panel { left:10px; right:10px; top:auto; bottom:10px; width:auto; max-height:min(78vh,720px); transform:translateY(110%); border-radius:20px; }
    .wantalin-wa-v33.is-open .wantalin-wa-v33__panel { transform:translateY(0); }
    .wantalin-wa-v33__contact { grid-template-columns:44px minmax(0,1fr); }
    .wantalin-wa-v33__chat { grid-column:2; justify-self:start; }
    .wantalin-contact-main { padding-top:48px; }
    .wantalin-contact-intro { grid-template-columns:1fr; gap:18px; align-items:start; }
}
@media (max-width:620px) {
    .wantalin-team-grid { grid-template-columns:1fr; gap:16px; }
    .wantalin-team-photo img { aspect-ratio:16/11; object-position:center 20%; }
    .wantalin-team-card__body { padding:20px; }
    .wantalin-team-role { min-height:0; }
    .wantalin-contact-note { align-items:flex-start !important; }
    .wantalin-contact-note__meta { white-space:normal; }
}