/* =========================================================
   AS SALIK V3.10.6
   - Slider panel hanya pada dashboard
   - Kontras halaman butiran pelanggan
   - Media sosial footer dan halaman Hubungi
   ========================================================= */

/* ---------- Butiran pelanggan: pastikan semua teks hero jelas ---------- */
body.panel-body .customer-detail-hero-v3105,
body.panel-body .customer-detail-hero-v3105 *{
    text-shadow:none;
}
body.panel-body .customer-detail-hero-v3105 .customer-detail-back-v3105{
    color:#ffe59b!important;
}
body.panel-body .customer-detail-hero-v3105 .customer-detail-back-v3105:hover{
    color:#fff8df!important;
}
body.panel-body .customer-detail-hero-v3105 .customer-detail-identity-v3105 h1{
    color:#fffaf0!important;
    opacity:1!important;
    text-shadow:0 2px 18px rgba(35,0,7,.22)!important;
}
body.panel-body .customer-detail-hero-v3105 .customer-detail-identity-v3105 p{
    color:rgba(255,250,240,.88)!important;
    opacity:1!important;
}
body.panel-body .customer-detail-hero-v3105 .pdo-eyebrow{
    color:#71101f!important;
    background:#fff0bf!important;
    border-color:rgba(255,224,129,.78)!important;
    opacity:1!important;
}
body.panel-body .customer-detail-hero-v3105 .badge{
    opacity:1!important;
}
body.panel-body .customer-detail-hero-v3105 .customer-detail-status-v3105 .btn{
    color:#fff!important;
}
body.panel-body .customer-detail-hero-v3105 .customer-detail-status-v3105 .btn:hover{
    color:#5d0715!important;
    background:#ffe5a0!important;
}

/* ---------- Footer media sosial ---------- */
.footer-social-v3106{
    display:grid;
    gap:10px;
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid rgba(255,239,193,.16);
}
.footer-social-v3106>span{
    color:#f5d77e;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.footer-social-v3106>div{
    display:flex;
    align-items:center;
    gap:10px;
}
.footer-social-v3106 a{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid rgba(255,226,142,.38);
    border-radius:14px;
    color:#fff5d4!important;
    background:rgba(255,255,255,.07);
    font-size:1.05rem;
    transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease;
}
.footer-social-v3106 a:hover{
    transform:translateY(-3px);
    border-color:#f1ca62;
    color:#5e0816!important;
    background:#f6d477;
}

/* ---------- Media sosial pada halaman Hubungi ---------- */
.contact-social-v3106{
    display:grid;
    grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);
    align-items:center;
    gap:18px;
    margin-top:18px;
    padding:18px;
    border:1px solid #ead8cd;
    border-radius:20px;
    background:linear-gradient(135deg,#fffaf2 0%,#fff 100%);
}
.contact-social-v3106>div{
    display:grid;
    gap:7px;
}
.contact-social-v3106>div .eyebrow{
    width:max-content;
    margin:0;
}
.contact-social-v3106>div>strong{
    color:#4b2028;
    font-size:.92rem;
    line-height:1.45;
}
.contact-social-v3106 nav{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.contact-social-v3106 nav a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:50px;
    padding:10px 12px;
    border:1px solid #e8d5cc;
    border-radius:15px;
    color:#721021;
    background:#fff;
    font-size:.78rem;
    font-weight:800;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
}
.contact-social-v3106 nav a i{
    font-size:1.05rem;
}
.contact-social-v3106 nav a:hover{
    transform:translateY(-2px);
    color:#fff;
    background:#7f1022;
    box-shadow:0 12px 24px rgba(91,10,23,.14);
}

@media(max-width:980px){
    .contact-social-v3106{
        grid-template-columns:1fr;
    }
}
@media(max-width:620px){
    .contact-social-v3106{
        padding:15px;
        border-radius:17px;
    }
    .contact-social-v3106 nav{
        grid-template-columns:1fr;
    }
    .contact-social-v3106 nav a{
        justify-content:flex-start;
        min-height:48px;
        padding-inline:16px;
    }
    .footer-social-v3106 a{
        width:40px;
        height:40px;
    }
}