/* =====================================================
   6ª FPSS 2027 • CONVERSAO MASTER LIMPO
   Apenas ajustes globais temporários
===================================================== */

/* =====================================================
   BARRA SUPERIOR
===================================================== */

.barra-urgencia{
    position:relative;
    z-index:1000;
    background:#facc15;
    color:#111111;
    text-align:center;
    padding:11px 14px;
    font-weight:800;
    font-size:14px;
    line-height:1.4;
}

/* =====================================================
   HEADER DESKTOP
===================================================== */

.topbar-master{

    position:sticky;

    top:0;

    z-index:2147483646;

    overflow:visible !important;

    width:100%;

    background:linear-gradient(
        180deg,
        #8b0000,
        #b30000
    );

    box-shadow:0 4px 14px rgba(0,0,0,.25);
}

.header-main{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    width:100%;

    min-height:48px;

    padding-top:6px;

    padding-bottom:6px;

}
.menu-master{

    display:flex;

    align-items:center;

    gap:26px;

    margin-left:auto;

    margin-right:auto;

}
.header-ctas{

    display:flex;

    align-items:center;

    gap:10px;

    justify-self:end;

}
.menu-toggle{
    display:none;
}

/* =====================================================
   FAIXA INTERMEDIARIA -- antes do hamburguer assumir
   Evita o menu quebrar em varias linhas quando a janela
   ainda nao atingiu o breakpoint mobile (980px), mas ja
   nao tem espaco pra caber tudo numa linha so.

   A causa raiz era que os botoes CTA do header (Minha
   Cartela / Churrasco Antecipado) so trocavam pro texto
   compacto dentro do breakpoint mobile (768px do
   mobile.css). Entre 768px e a largura desktop total,
   sempre usavam o texto completo, que e longo demais
   pra caber ao lado do menu nessa faixa intermediaria.
===================================================== */
@media (max-width:1500px){

    .menu-master{
        gap:14px;
    }

    .menu-master a{
        font-size:13px;
        white-space:nowrap;
    }

    .brand-text{
        max-width:160px;
    }

    .brand-text h1{
        font-size:16px;
        white-space:nowrap;
    }

    .brand-text p{
        font-size:10px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    /* troca os CTAs pro texto compacto, igual já acontece no mobile */
    .btn-header-buy__full{
        display:none;
    }
    .btn-header-buy__compact{
        display:inline;
    }

    .btn-header-whatsapp,
    .btn-header-buy{
        padding:7px 14px;
        font-size:12px;
    }

}

@media (max-width:1080px){

    .menu-master{
        gap:10px;
    }

    .header-ctas{
        gap:6px;
    }

}

.brand-text h1{
    margin:0;
    color:#ffffff;
    font-size:20px;
    font-weight:900;
}

.brand-text p{
    margin:0;
    color:#fecaca;
    font-size:11px;
}



.menu-master a[href="cliente/login.html"]{

    color:#ffd54f;

    font-weight:800;

    position:relative;

}

.menu-master a[href="cliente/login.html"]:hover{

    color:#ffffff;

}

.menu-master a[href="cliente/login.html"]::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-4px;

    width:100%;
    height:2px;

    background:#ffd54f;

    border-radius:20px;

}
.menu-toggle{
    display:none;
}

@media (max-width:980px){

    .menu-toggle{
        display:flex !important;
        align-items:center;
        justify-content:center;

        width:42px;
        height:42px;

        border:none;
        border-radius:10px;

        background:#ffffff;
        color:#8b0000;

        font-size:24px;
        font-weight:900;

        cursor:pointer;
    }

}

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

@media (max-width:768px){

body{
    overflow-x:hidden;
}

/* HEADER */

.topbar-master{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    z-index:999999;

    overflow:visible !important;

    height:auto !important;

    background:#8b0000;
}

.header-main{
    min-height:44px;
    padding:6px 12px;
    gap:10px;
}

.brand-area{
    max-width:150px;
}

.brand-text h1{
    font-size:15px;
    line-height:1;
}

.brand-text p{
    font-size:10px;
    line-height:1.1;
}

.brand-area img,
.logo img{
    width:38px;
    height:38px;
}

/* MENU */



/* BOTÕES */



.btn-header-whatsapp,
.btn-header-buy{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:40px;

    padding:8px 10px;

    border-radius:10px;

    font-size:10px;
    font-weight:800;

    line-height:1.1;

    white-space:nowrap;
}

/* WHATSAPP FLOAT */

.whatsapp-float,
.atendimento-float{
    transform:scale(.82);
    right:6px;
    bottom:8px;
}

}