/* =========================================================
   MAMBORÊ CONECTA — AJUSTES MOBILE v1.0.10
   SOMENTE MOBILE. DESKTOP INTACTO.
   Seletores reais conferidos no plugin:
   mambore-conecta-servicos-uteis v1.2.9
   ========================================================= */

@media (max-width: 767px) {

    /* HERO MOBILE */
    .mc-home-hero{
        min-height:460px !important;
    }

    .mc-home-hero__inner{
        min-height:460px !important;
        padding-top:24px !important;
        padding-bottom:92px !important;
    }

    .mc-home-hero__description{
        display:none !important;
        height:0 !important;
        min-height:0 !important;
        max-height:0 !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
    }

    .mc-home-hero__title{
        margin-bottom:0 !important;
    }

    .mc-home-hero__actions{
        margin-top:14px !important;
    }

    .mc-home-hero__stats-wrap{
        bottom:-78px !important;
    }

    /* =====================================================
       PRÓXIMOS ÔNIBUS
       HTML REAL:
       <button class="mcsu-outline mcsu-open-modal">
         <span class="mcsu-calendar-icon">▣</span>
         <span>Ver todos os<br>horários</span>
       </button>
       ===================================================== */

    .mcsu-bus .mcsu-outline.mcsu-open-modal{
        grid-column:1 / -1 !important;
        width:auto !important;
        min-height:60px !important;
        margin:14px 20px 16px !important;
        padding:12px 18px !important;

        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:center !important;
        gap:10px !important;

        background:#ff7a00 !important;
        color:#111111 !important;
        border:2px solid #ff7a00 !important;
        border-radius:14px !important;
        box-shadow:none !important;

        font-size:18px !important;
        font-weight:800 !important;
        line-height:1 !important;
        text-align:center !important;
        cursor:pointer !important;
    }

    /* remove exatamente a quebra inserida no HTML do plugin */
    .mcsu-bus .mcsu-outline.mcsu-open-modal br{
        display:none !important;
    }

    .mcsu-bus .mcsu-outline.mcsu-open-modal > span:last-child{
        display:inline !important;
        width:auto !important;
        max-width:none !important;
        white-space:nowrap !important;
        color:#111111 !important;
        font-size:18px !important;
        font-weight:800 !important;
        line-height:1 !important;
    }

    .mcsu-bus .mcsu-outline.mcsu-open-modal .mcsu-calendar-icon{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        color:#111111 !important;
        font-size:21px !important;
        line-height:1 !important;
    }

    /* =====================================================
       FARMÁCIA DE PLANTÃO
       HTML REAL:
       .mcsu-ph-action
         .mcsu-logo
         a.mcsu-primary
       ===================================================== */

    .mcsu-pharmacy .mcsu-logo{
        display:none !important;
    }

    .mcsu-pharmacy .mcsu-ph-action{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
        padding:14px 16px 18px !important;
        gap:0 !important;
    }

    .mcsu-pharmacy .mcsu-primary{
        margin:0 auto !important;
        min-width:210px !important;
        min-height:54px !important;
        padding:12px 24px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:10px !important;

        background:#ff7a00 !important;
        color:#111111 !important;
        border:2px solid #ff7a00 !important;
        border-radius:12px !important;
        box-shadow:none !important;

        font-size:17px !important;
        font-weight:800 !important;
        line-height:1 !important;
        text-decoration:none !important;
        white-space:nowrap !important;
    }

    .mcsu-pharmacy .mcsu-primary span{
        color:#111111 !important;
        font-size:20px !important;
        line-height:1 !important;
    }
}


@media (max-width: 767px) {

    /* Botão ônibus: texto e ícone brancos */
    .mcsu-bus .mcsu-outline.mcsu-open-modal,
    .mcsu-bus .mcsu-outline.mcsu-open-modal > span:last-child,
    .mcsu-bus .mcsu-outline.mcsu-open-modal .mcsu-calendar-icon{
        color:#ffffff !important;
    }

    /* Corrige explicitamente o texto para "Ver todos os horários" em linha única */
    .mcsu-bus .mcsu-outline.mcsu-open-modal > span:last-child{
        white-space:nowrap !important;
        word-spacing:normal !important;
        letter-spacing:normal !important;
    }

    /* Botão farmácia: texto e seta brancos */
    .mcsu-pharmacy .mcsu-primary,
    .mcsu-pharmacy .mcsu-primary span{
        color:#ffffff !important;
    }
}


/* =========================================================
   PROMO EVENTOS — CARROSSEL EXCLUSIVO MOBILE
   O desktop continua 30% / 40% / 30% como já está.
   ========================================================= */
@media (max-width: 767px) {

    .mcpe-promo{
        width:100% !important;
        max-width:100% !important;
        left:auto !important;
        margin-left:0 !important;
        margin-right:0 !important;
        overflow:hidden !important;
        background:transparent !important;
    }

    .mcpe-promo__inner{
        position:relative !important;
        display:block !important;
        width:calc(100% - 24px) !important;
        max-width:none !important;
        height:180px !important;
        min-height:180px !important;
        margin:0 auto !important;
        overflow:hidden !important;
    }

    .mcpe-promo__item{
        position:absolute !important;
        inset:0 !important;
        width:100% !important;
        height:180px !important;
        min-height:180px !important;
        max-height:180px !important;
        margin:0 !important;
        padding:0 !important;

        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        transform:translateX(12px) !important;
        transition:opacity .45s ease, transform .45s ease !important;

        background-repeat:no-repeat !important;
        background-position:center center !important;
        background-size:contain !important;
        background-color:#ffffff !important;
        border-radius:12px !important;
        overflow:hidden !important;
    }

    .mcpe-promo__item.mc-mobile-promo-active{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        transform:translateX(0) !important;
        z-index:2 !important;
    }

    .mc-mobile-promo-dots{
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        gap:7px !important;
        margin:9px 0 0 !important;
    }

    .mc-mobile-promo-dot{
        width:7px !important;
        height:7px !important;
        border-radius:50% !important;
        border:0 !important;
        padding:0 !important;
        background:#d8d8d8 !important;
        cursor:pointer !important;
    }

    .mc-mobile-promo-dot.is-active{
        background:#ff7a00 !important;
    }
}


/* =========================================================
   CORREÇÃO CARROSSEL PROMO v1.0.10
   Estrutura real do plugin Promo Eventos v1.0.4:
   .mcpe-promo > .mcpe-promo__inner > .mcpe-promo__item
   ========================================================= */
@media (max-width: 767px) {

    .mcpe-promo .mcpe-promo__inner{
        position:relative !important;
        display:block !important;
        width:calc(100vw - 36px) !important;
        height:180px !important;
        min-height:180px !important;
        max-height:180px !important;
        margin:0 auto !important;
        overflow:hidden !important;
    }

    .mcpe-promo .mcpe-promo__item{
        position:absolute !important;
        inset:0 !important;
        display:block !important;
        width:100% !important;
        height:180px !important;
        min-height:180px !important;
        max-height:180px !important;

        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        transform:none !important;

        background-repeat:no-repeat !important;
        background-position:center center !important;
        background-size:contain !important;
        background-color:#ffffff !important;
    }

    /* FALLBACK: mesmo se o JS não rodar, a primeira arte aparece.
       Portanto nunca haverá quadro branco. */
    .mcpe-promo:not(.mc-mobile-carousel-ready) .mcpe-promo__item:first-child{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        z-index:2 !important;
    }

    .mcpe-promo.mc-mobile-carousel-ready .mcpe-promo__item.mc-mobile-promo-active{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        z-index:3 !important;
    }

    .mcpe-promo .mc-mobile-promo-dots{
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        gap:7px !important;
        margin:9px 0 0 !important;
    }
}


/* =========================================================
   v1.0.10 — ESPAÇAMENTO PROMO + BANNER "DESTAQUE SUA MARCA"
   SOMENTE MOBILE
   Seletores conferidos no plugin Home atual.
   ========================================================= */
@media (max-width: 767px) {

    /* Remove o espaço excedente deixado pelo widget/contêiner
       que contém o shortcode do carrossel temporário. */
    .elementor-widget-shortcode:has(.mcpe-promo),
    .elementor-widget-shortcode:has(.mcpe-promo) > .elementor-widget-container{
        margin-bottom:0 !important;
        padding-bottom:0 !important;
        min-height:0 !important;
    }

    .mcpe-promo{
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }

    .mcpe-promo .mc-mobile-promo-dots{
        margin-top:7px !important;
        margin-bottom:0 !important;
    }

    /* Aproxima o próximo bloco do carrossel. */
    .mc-home-banner{
        padding-top:6px !important;
        padding-bottom:10px !important;
        margin-top:0 !important;
    }

    /* BANNER DESTAQUE SUA MARCA
       Título em cima; megafone + botão lado a lado embaixo. */
    .mc-home-banner__inner{
        width:calc(100vw - 24px) !important;
    }

    .mc-home-banner__panel{
        min-height:0 !important;
        display:grid !important;
        grid-template-columns:72px minmax(0, 1fr) !important;
        grid-template-areas:
            "copy copy"
            "visual button" !important;
        align-items:center !important;
        gap:10px 14px !important;
        padding:14px 16px !important;
        text-align:center !important;
    }

    .mc-home-banner__copy{
        grid-area:copy !important;
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
    }

    .mc-home-banner__copy h2{
        max-width:100% !important;
        margin:0 !important;
        font-size:20px !important;
        line-height:1.12 !important;
        letter-spacing:-0.25px !important;
    }

    .mc-home-banner__visual{
        grid-area:visual !important;
        width:72px !important;
        height:54px !important;
        justify-self:center !important;
        margin:0 !important;
    }

    .mc-home-banner__megaphone-image{
        width:100% !important;
        height:100% !important;
        object-fit:contain !important;
    }

    .mc-home-banner__button{
        grid-area:button !important;
        width:100% !important;
        min-height:48px !important;
        justify-self:stretch !important;
        margin:0 !important;
        padding:0 16px !important;
        font-size:15px !important;
        border-radius:9px !important;
    }
}


/* =========================================================
   v1.0.10 — CORREÇÃO DO ESPAÇO ANTES DE "EMPRESAS EM DESTAQUE"
   O espaço vinha da regra mobile REAL do plugin Home:
   .mc-home-destaques { padding: 132px 0 26px; }
   ========================================================= */
@media (max-width: 767px) {
    .mc-home-destaques{
        padding-top:24px !important;
    }
}


/* =========================================================
   v1.0.10 — CTA "ANUNCIE AQUI"
   SOMENTE MOBILE
   Mantém somente texto + botão e reduz a altura do bloco.
   ========================================================= */
@media (max-width: 767px) {

    /* Esconde apenas a imagem/ilustração central do CTA */
    .mc-home-anuncie__visual,
    .mc-home-anuncie__image,
    .mc-home-anuncie img{
        display:none !important;
    }

    /* Compacta o contêiner externo */
    .mc-home-anuncie{
        padding-top:18px !important;
        padding-bottom:18px !important;
        margin-top:0 !important;
        margin-bottom:0 !important;
    }

    .mc-home-anuncie__inner{
        width:calc(100vw - 24px) !important;
        max-width:none !important;
    }

    /* Compacta o painel verde */
    .mc-home-anuncie__panel{
        min-height:0 !important;
        height:auto !important;
        padding:18px 16px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:center !important;
        gap:14px !important;
    }

    /* Texto mais compacto */
    .mc-home-anuncie__copy,
    .mc-home-anuncie__copy h2{
        margin:0 !important;
        padding:0 !important;
    }

    .mc-home-anuncie__copy h2{
        font-size:21px !important;
        line-height:1.16 !important;
        text-align:center !important;
    }

    /* Botão ocupa a largura útil, sem aumentar demais o painel */
    .mc-home-anuncie__button{
        width:100% !important;
        min-height:50px !important;
        margin:0 !important;
        padding:0 18px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:12px !important;
        font-size:16px !important;
        border-radius:10px !important;
    }
}