/* =========================================================
   FIX: Floating social buttons + back-to-top icon scaling
   This file should be loaded AFTER style.css.
   ========================================================= */

.floating-social{
    position:fixed !important;
    right:18px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:99999 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    width:52px !important;
    max-width:52px !important;
    pointer-events:auto !important;
}

.floating-social .social-btn,
.floating-social a.social-btn{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    max-width:52px !important;
    max-height:52px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    line-height:0 !important;
    font-size:0 !important;
    border-radius:50% !important;
    background:rgba(255,248,239,.88) !important;
    border:1px solid rgba(212,175,55,.35) !important;
    color:#b38232 !important;
    box-shadow:0 16px 38px rgba(112,65,42,.16) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    transform:none !important;
}

.floating-social .social-btn svg,
.floating-social a.social-btn svg{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    display:block !important;
    flex:0 0 22px !important;
    fill:currentColor !important;
    stroke:none !important;
    overflow:visible !important;
    transform:none !important;
}

.floating-social .social-btn svg path,
.floating-social a.social-btn svg path{
    fill:currentColor !important;
}

.floating-social .social-btn:hover,
.floating-social a.social-btn:hover{
    background:linear-gradient(135deg,#fff,#e9c76a) !important;
    color:#2d2017 !important;
    transform:translateY(-3px) !important;
}

.to-top{
    position:fixed !important;
    right:18px !important;
    bottom:18px !important;
    z-index:99999 !important;
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    max-width:52px !important;
    max-height:52px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    line-height:0 !important;
    font-size:0 !important;
    border-radius:50% !important;
    background:rgba(255,248,239,.9) !important;
    border:1px solid rgba(212,175,55,.35) !important;
    color:#b38232 !important;
    box-shadow:0 16px 38px rgba(112,65,42,.16) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
}

.to-top svg{
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    min-height:21px !important;
    max-width:21px !important;
    max-height:21px !important;
    display:block !important;
    flex:0 0 21px !important;
    fill:currentColor !important;
    transform:none !important;
}

.to-top svg path{
    fill:currentColor !important;
}

.to-top:hover{
    background:linear-gradient(135deg,#fff,#e9c76a) !important;
    color:#2d2017 !important;
    transform:translateY(-3px) !important;
}

/* Fix WhatsApp SVG inside contact band buttons */
.btn-pill-icon svg{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
    display:inline-block !important;
    flex:0 0 20px !important;
    fill:currentColor !important;
    overflow:visible !important;
}

.btn-pill-icon svg path{
    fill:currentColor !important;
}

@media(max-width:900px){
    .floating-social{
        right:12px !important;
        width:46px !important;
        max-width:46px !important;
        gap:8px !important;
    }

    .floating-social .social-btn,
    .floating-social a.social-btn,
    .to-top{
        width:46px !important;
        height:46px !important;
        min-width:46px !important;
        min-height:46px !important;
        max-width:46px !important;
        max-height:46px !important;
    }

    .floating-social .social-btn svg,
    .floating-social a.social-btn svg{
        width:20px !important;
        height:20px !important;
        min-width:20px !important;
        min-height:20px !important;
        max-width:20px !important;
        max-height:20px !important;
        flex-basis:20px !important;
    }
}

@media(max-width:560px){
    .floating-social{
        right:10px !important;
        width:42px !important;
        max-width:42px !important;
    }

    .floating-social .social-btn,
    .floating-social a.social-btn,
    .to-top{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
        max-width:42px !important;
        max-height:42px !important;
    }

    .floating-social .social-btn svg,
    .floating-social a.social-btn svg,
    .to-top svg{
        width:18px !important;
        height:18px !important;
        min-width:18px !important;
        min-height:18px !important;
        max-width:18px !important;
        max-height:18px !important;
        flex-basis:18px !important;
    }
}