/* ============================================================
   Porcão — customizações sobre o tema Groser
   Arquivo designado para CSS adicional (não editar main.css)
   ============================================================ */

/* Logo: limita altura no header para não ficar gigante */
.gr-brand-logo img,
.groser__logo-item img {
    max-height: 70px;
    width: auto;
}

/* Nav bar inferior: preto com texto branco */
.gr-header-menu-cta-area {
    background-color: #000000;
}

.gr-main-navigation-area li a {
    color: #ffffff;
}

.gr-main-navigation-area li a:hover {
    color: #eeae4f;
}

/* Dropdown do menu sobre fundo preto */
.gr-main-navigation-area .dropdown-menu {
    background-color: #000000;
}

.gr-main-navigation-area .dropdown-menu a {
    color: #ffffff;
}

.gr-main-navigation-area .dropdown-menu a:hover {
    color: #eeae4f;
}

/* O carrinho flutuante do plugin cobre a galeria no mobile; o header já tem carrinho. */
#woofc-count {
    display: none !important;
}

/* Produto: segura galerias com muitas fotos para as miniaturas não vazarem */
@media (min-width: 768px) {
    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed {
        align-items: flex-start;
        display: grid !important;
        gap: 14px;
        grid-template-columns: minmax(0, 1fr) 96px;
        max-width: 100%;
        overflow: visible;
        position: relative;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .flex-viewport {
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 8px;
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        overflow: hidden !important;
        position: relative;
        width: 100% !important;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed.porcao-gallery-manual .woocommerce-product-gallery__wrapper {
        align-items: stretch;
        transform: none !important;
        transition: none !important;
        width: 100% !important;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed.porcao-gallery-manual .woocommerce-product-gallery__image {
        display: none !important;
        float: none !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed.porcao-gallery-manual .woocommerce-product-gallery__image.porcao-active-slide {
        display: block !important;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .woocommerce-product-gallery__image a {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: 100%;
        width: 100%;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .woocommerce-product-gallery__image img {
        display: block;
        height: auto;
        margin: 0 auto;
        max-height: var(--porcao-gallery-height, 640px);
        object-fit: contain;
        width: 100%;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .flex-control-thumbs {
        align-content: flex-start;
        display: block !important;
        grid-column: 2;
        grid-row: 1;
        margin: 0;
        max-height: var(--porcao-gallery-height, 640px);
        min-width: 0;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding: 0 4px 0 0;
        scrollbar-color: #eeae4f #f7e8cc;
        scrollbar-width: thin;
        width: 96px;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .flex-control-thumbs::-webkit-scrollbar {
        width: 7px;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .flex-control-thumbs::-webkit-scrollbar-track {
        background: #f7e8cc;
        border-radius: 999px;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .flex-control-thumbs::-webkit-scrollbar-thumb {
        background: #eeae4f;
        border-radius: 999px;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .flex-control-thumbs li {
        clear: both;
        display: block;
        float: none !important;
        list-style: none;
        margin: 0 0 10px !important;
        padding: 0;
        width: 88px !important;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .flex-control-thumbs li:last-child {
        margin-bottom: 0 !important;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .flex-control-thumbs img {
        background: #ffffff;
        border: 2px solid rgba(0, 0, 0, 0.10);
        border-radius: 6px;
        cursor: pointer;
        display: block;
        height: 88px !important;
        object-fit: cover;
        opacity: 0.65;
        padding: 2px;
        transition: border-color 0.18s ease, opacity 0.18s ease;
        width: 88px !important;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .flex-control-thumbs img.flex-active,
    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .flex-control-thumbs img.porcao-thumb-active,
    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .flex-control-thumbs img:hover {
        border-color: #eeae4f;
        opacity: 1;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .porcao-gallery-nav {
        align-items: center;
        background: rgba(0, 0, 0, 0.68);
        border: 1px solid rgba(238, 174, 79, 0.65);
        border-radius: 999px;
        color: #eeae4f;
        display: flex;
        height: 42px;
        justify-content: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 42px;
        z-index: 6;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .porcao-gallery-nav:hover {
        background: #eeae4f;
        color: #000000;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .porcao-gallery-prev {
        left: 14px;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-fixed .porcao-gallery-next {
        right: 14px;
    }
}

@media (max-width: 767px) {
    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-manual {
        position: relative;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-manual .woocommerce-product-gallery__wrapper {
        transform: none !important;
        transition: none !important;
        width: 100% !important;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-manual .woocommerce-product-gallery__image {
        display: none !important;
        float: none !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-manual .woocommerce-product-gallery__image.porcao-active-slide {
        display: block !important;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery.porcao-gallery-manual .flex-viewport {
        overflow: hidden !important;
        position: relative;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery .flex-control-thumbs {
        display: flex !important;
        flex-wrap: nowrap;
        gap: 8px;
        margin: 12px 0 0;
        max-width: 100%;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 0 0 8px;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery .flex-control-thumbs li {
        flex: 0 0 74px;
        float: none !important;
        margin: 0 !important;
        width: 74px !important;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery .flex-control-thumbs img {
        border: 2px solid rgba(0, 0, 0, 0.10);
        border-radius: 6px;
        height: 74px !important;
        object-fit: cover;
        padding: 2px;
        width: 74px !important;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
    .single-product .product-single-wrap .woocommerce-product-gallery .flex-control-thumbs img.porcao-thumb-active {
        border-color: #eeae4f;
        opacity: 1;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery .porcao-gallery-nav {
        align-items: center;
        background: rgba(0, 0, 0, 0.68);
        border: 1px solid rgba(238, 174, 79, 0.65);
        border-radius: 999px;
        color: #eeae4f;
        display: flex;
        height: 38px;
        justify-content: center;
        position: absolute;
        top: 42%;
        transform: translateY(-50%);
        width: 38px;
        z-index: 6;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery .porcao-gallery-prev {
        left: 12px;
    }

    .single-product .product-single-wrap .woocommerce-product-gallery .porcao-gallery-next {
        right: 12px;
    }
}

/* Footer Porcao */
#gr-footer.gr-footer-section {
    background-color: #000000 !important;
    background-image: none !important;
}

#gr-footer .gr-footer-sponsor,
#gr-footer .gr-footer-copyright {
    background-color: #000000 !important;
}

#gr-footer .gr-footer-widget-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

#gr-footer .gr-footer-widget .logo-text,
#gr-footer .gr-footer-widget .menu-widget li a,
#gr-footer .gr-footer-widget .menu-widget li a:before,
#gr-footer .gr-footer-widget .gr-footer-address li,
#gr-footer .gr-footer-copyright,
#gr-footer .gr-footer-copyright .copyright-text {
    color: rgba(255, 255, 255, 0.74);
}

#gr-footer .gr-footer-widget .gr-widget-title,
#gr-footer .gr-footer-widget.headline .title,
#gr-footer .gr-footer-widget .gr-footer-address li span,
#gr-footer .gr-footer-copyright .copyright-payment b {
    color: #ffffff;
}

#gr-footer .gr-footer-widget .menu-widget li a:hover,
#gr-footer .gr-footer-copyright .copyright-text a {
    color: #eeae4f;
}

#gr-footer .gr-footer-widget .address-widget:before,
#gr-footer .gr-footer-widget .menu-widget:before {
    background-color: rgba(255, 255, 255, 0.14);
}

#gr-footer .gr-footer-widget .footer-social li a {
    border-color: rgba(255, 255, 255, 0.28);
    color: #ffffff;
}

#gr-footer .gr-footer-widget .footer-social li a:hover {
    background-color: #eeae4f;
    border-color: #eeae4f;
    color: #000000;
}

/* Wishlist desativada no Porcao */
.wishlist-icon,
.product__wishlist,
.woosw-btn,
.woosw-popup,
a.add_to_wishlist.single_add_to_wishlist {
    display: none !important;
}

/* Footer Porcao - texto branco */
#gr-footer .gr-footer-widget .gr-footer-address li a,
#gr-footer .gr-footer-widget .gr-footer-address li,
#gr-footer .gr-footer-widget .footer-security,
#gr-footer .gr-footer-widget .footer-security * { color: #ffffff; }
#gr-footer .gr-footer-widget .gr-footer-address li a:hover { color: #eeae4f; }

/* Footer Porcao - branco geral */
#gr-footer .gr-footer-widget .menu-widget li a,
#gr-footer .gr-footer-widget .menu-widget li a:before,
#gr-footer .gr-footer-widget .logo-text,
#gr-footer .gr-footer-copyright,
#gr-footer .gr-footer-copyright .copyright-text { color: #ffffff; }

/* Footer Porcao - sem bold */
#gr-footer .gr-footer-widget .gr-footer-address,
#gr-footer .gr-footer-widget .gr-footer-address li,
#gr-footer .gr-footer-widget .gr-footer-address li *,
#gr-footer .gr-footer-widget .menu-widget li a,
#gr-footer .gr-footer-widget .logo-text,
#gr-footer .gr-footer-copyright .copyright-text,
#gr-footer .gr-footer-widget .footer-security,
#gr-footer .gr-footer-widget .footer-security * { font-weight: 400 !important; }


/* ===== Porcao Mobile - ajustes 2026-06-09 ===== */

.video-container{position:relative;width:100%;max-width:720px;margin:0 auto 1.2em;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;}
.video-container iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;display:block;}

@media (max-width:767px){
  .product-holder{position:relative;}
  .product-holder .product__action-wrap{display:none!important;}
  .product-holder .product__link{position:absolute;inset:0;display:block;z-index:6;}
}

@media (max-width:767px){
  .single-product .product-single-wrap .woocommerce-product-gallery{width:80%;max-width:80%;margin-left:auto;margin-right:auto;}
}


/* ===== Porcao Mobile - ajustes 2026-06-09 (rodada 2) ===== */
@media (max-width:767px){
  .elementor-element-7d8bc61 > .elementor-container,
  .elementor-element-a7cda90 > .elementor-container{display:flex;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding:0 14px 14px;scrollbar-width:none;}
  .elementor-element-7d8bc61 > .elementor-container::-webkit-scrollbar,
  .elementor-element-a7cda90 > .elementor-container::-webkit-scrollbar{display:none;}
  .elementor-element-7d8bc61 > .elementor-container > .elementor-column,
  .elementor-element-a7cda90 > .elementor-container > .elementor-column{flex:0 0 78%!important;max-width:78%!important;width:78%!important;scroll-snap-align:center;}
}

@media (max-width:767px){
  .row > [class*="col-"]:has(> .gr-product-item-1){margin-bottom:24px;}
  .gr-product-item-1{margin-bottom:0!important;}
}

@media (hover:none){
  .gr-product-item-1 .product__link{z-index:10!important;}
  .gr-product-item-1:hover{box-shadow:none!important;}
  .gr-product-item-1 .gr-product-shape:before,.gr-product-item-1 .gr-product-shape:after,
  .gr-product-item-1:hover .gr-product-shape:before,.gr-product-item-1:hover .gr-product-shape:after{opacity:0!important;visibility:hidden!important;}
  .gr-product-item-1 .gr-product-img-label:before,.gr-product-item-1:hover .gr-product-img-label:before{opacity:0!important;}
  .gr-product-item-1 .gr-product-img-label .product_btn_grp a,.gr-product-item-1 .product_btn_grp .woosw-btn,
  .gr-product-item-1:hover .gr-product-img-label .product_btn_grp a,.gr-product-item-1:hover .product_btn_grp .woosw-btn{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important;}
  .gr-product-item-1 .product-img img,.gr-product-item-1:hover .product-img img{transform:none!important;}
}

@media (max-width:767px){
  .elementor-element-ff33af7 > .elementor-background-overlay{background-image:linear-gradient(180deg,rgba(0,0,0,0.55),rgba(0,0,0,0.78))!important;opacity:1!important;}
}
/* Ofertas da semana (b9d7761) removida da home inteira via Elementor em 2026-06-09 */

/* ===== Porcao Header preto + logo branco (ajuste doc 2026-06-29) ===== */
.gr-header-search-cart-button-wrap{background-color:#000 !important;}
/* fim header preto */

/* ===== Porcao ajustes 2026-06-29 (feedback Rodrigo 2026-06-29) ===== */
/* banner: tirar cantos arredondados (dobrinha branca nas laterais) */
.gr-slider-content{border-radius:0 !important;}
/* busca: tirar a moldura branca do FiboSearch (fica so o pill) */
.gr-header-search-cart-button-area .dgwt-wcas-sf-wrapp{background-color:transparent !important;box-shadow:none !important;}
/* carrinho: badge de contagem vermelho pra dar destaque */
.gr-header-search-cart-button-area .top-tag{background-color:#E1251B !important;}
/* fim feedback 2026-06-29 */