
:root{
    --kkset-contact-blue:var(--theme-palette-color-1,#1769ff);
    --kkset-contact-navy:#071d45;
    --kkset-contact-border:#dce5f1;
    --kkset-contact-soft:#f6f9fd;
}

/* AUTO TOP BAR */
.kkset-auto-topbar-host{
    position:relative!important;
}
.kkset-top-wa-auto,
.kkset-top-wa{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#fff!important;
    text-decoration:none!important;
    white-space:nowrap;
    font-size:11px;
    line-height:1;
    font-weight:700;
}
.kkset-top-wa-auto{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:4;
}
.kkset-top-wa-auto:hover,
.kkset-top-wa:hover{opacity:.86}
.kkset-top-wa-auto__icon,
.kkset-top-wa__icon{
    display:inline-flex;
    width:16px;
    height:16px;
    color:#25D366;
}
.kkset-top-wa-auto__icon svg,
.kkset-top-wa__icon svg,
.kkset-wa-float__icon svg,
.kkset-product-wa-icon svg,
.kkset-auto-footer-icon svg,
.kkset-footer-contact-card__icon svg{
    display:block;
    width:100%;
    height:100%;
}
.kkset-top-wa-auto__number,
.kkset-top-wa__number{
    font-weight:600;
}

/* AUTO FOOTER FIVE-COLUMN ROW */
.kkset-auto-footer-host{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:34px!important;
    align-items:start!important;
}
.kkset-auto-footer-contact,
.kkset-footer-contact-card{
    min-width:0;
    color:#10233f;
    font-size:14px;
}
.kkset-auto-footer-title,
.kkset-footer-contact-card__eyebrow{
    margin:0 0 22px;
    color:#071a37;
    font-size:15px;
    line-height:1.2;
    font-weight:800;
}
.kkset-auto-footer-group,
.kkset-footer-contact-card__group{
    margin:0 0 17px;
}
.kkset-auto-footer-label,
.kkset-footer-contact-card__label{
    margin-bottom:7px;
    color:#071a37;
    font-size:10px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.08em;
}
.kkset-auto-footer-link,
.kkset-footer-contact-card__link{
    display:inline-flex;
    align-items:center;
    gap:7px;
    max-width:100%;
    color:#0b57d0!important;
    text-decoration:none!important;
    font-size:13px;
    line-height:1.45;
    font-weight:700;
    word-break:break-word;
}
.kkset-auto-footer-link:hover,
.kkset-footer-contact-card__link:hover{
    text-decoration:underline!important;
}
.kkset-auto-footer-icon,
.kkset-footer-contact-card__icon{
    display:inline-flex;
    flex:0 0 18px;
    width:18px;
    height:18px;
    color:#25D366;
}
.kkset-auto-footer-note,
.kkset-footer-contact-card__note{
    max-width:220px;
    color:#68778c;
    font-size:11px;
    line-height:1.55;
}

/* FLOATING WHATSAPP */
.kkset-wa-float{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:9998;
    display:flex;
    align-items:center;
    gap:8px;
    min-height:48px;
    padding:0 15px 0 11px;
    border-radius:999px;
    background:#25D366;
    color:#fff!important;
    font-size:13px;
    font-weight:800;
    text-decoration:none!important;
    box-shadow:0 10px 28px rgba(0,0,0,.18);
    transition:transform .18s ease,box-shadow .18s ease;
}
.kkset-wa-float:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.kkset-wa-float__icon{
    display:inline-flex;
    width:23px;
    height:23px;
    color:#fff;
}

/* PRODUCT PAGE HELP */
.kkset-product-contact{
    margin:18px 0 0;
    padding:16px;
    border:1px solid var(--kkset-contact-border);
    border-radius:12px;
    background:var(--kkset-contact-soft);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.kkset-product-contact__copy{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.kkset-product-contact__copy strong{
    color:var(--kkset-contact-navy);
    font-size:15px;
}
.kkset-product-contact__copy span{
    color:#637189;
    font-size:13px;
}
.kkset-product-contact__actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}
.kkset-contact-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:38px;
    padding:0 13px;
    border:1px solid var(--kkset-contact-border);
    border-radius:8px;
    background:#fff;
    color:var(--kkset-contact-navy)!important;
    font-size:13px;
    font-weight:700;
    text-decoration:none!important;
}
.kkset-contact-btn--wa{
    border-color:var(--kkset-contact-blue);
    background:var(--kkset-contact-blue);
    color:#fff!important;
}
.kkset-product-wa-icon{
    display:inline-flex;
    width:17px;
    height:17px;
}

/* SIMPLE FALLBACK */
.kkset-shortcode-contact{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}
.kkset-shortcode-contact a{
    color:var(--kkset-contact-navy);
    text-decoration:none;
    font-weight:600;
}

@media(max-width:1180px){
    .kkset-top-wa-auto__label{display:none}
    .kkset-auto-footer-host{
        gap:24px!important;
    }
}
@media(max-width:900px){
    .kkset-top-wa-auto__number{display:none}
    .kkset-top-wa-auto__icon{width:18px;height:18px}
    .kkset-auto-footer-host{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        row-gap:34px!important;
    }
}
@media(max-width:767px){
    .kkset-top-wa-auto{
        right:8px;
    }
    .kkset-auto-footer-host{
        grid-template-columns:1fr!important;
        gap:26px!important;
    }
    .kkset-wa-float{
        right:14px;
        bottom:14px;
        width:50px;
        height:50px;
        min-height:50px;
        padding:0;
        justify-content:center;
    }
    .kkset-wa-float__text{display:none}
    .kkset-product-contact{
        align-items:flex-start;
        flex-direction:column;
    }
    .kkset-product-contact__actions{width:100%}
    .kkset-contact-btn{flex:1 1 140px}
}
