/* =========================================================
   AGROPET - SINGLE PRODUCT MOBILE V2
   Desktop preservado / Mobile livre
   ========================================================= */


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

@media (min-width: 768px) {

    .agropet-single-product-mobile {
        display: none !important;
    }

    .agropet-single-product-desktop {
        display: block;
    }
}


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

@media (max-width: 767px) {

    body.single-product .agropet-single-product-desktop {
        display: none !important;
    }

    body.single-product .agropet-single-product-mobile {
        display: block !important;
        width: 100%;
        margin: 0;
        padding: 0 14px 28px;
        box-sizing: border-box;
    }

    body.single-product .site-main,
    body.single-product main {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        overflow-x: hidden;
    }


    /* =====================================================
       BREADCRUMB
       ===================================================== */

    body.single-product .woocommerce-breadcrumb {
        width: calc(100% - 28px);
        margin: 10px 14px 12px !important;
        padding: 10px 12px !important;

        border: 1px solid #dfe9e1;
        border-radius: 9px;

        background: #f7faf8;

        color: #6b786f;

        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 1.35;

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

        box-sizing: border-box;
    }

    body.single-product .woocommerce-breadcrumb a {
        color: #138a4b !important;
        text-decoration: none !important;
    }


    /* =====================================================
       GALERIA
       ===================================================== */

    .agropet-mobile-product__gallery-card {
        position: relative;

        width: 100%;

        margin: 0 0 14px;
        padding: 12px;

        border: 1px solid #e1e8e2;
        border-radius: 16px;

        background: #ffffff;

        box-shadow:
            0 7px 20px rgba(16, 65, 32, .045);

        box-sizing: border-box;
    }

    .agropet-mobile-product__wishlist {
        position: absolute;
        top: 12px;
        right: 12px;

        z-index: 20;

        width: 42px;
        height: 42px;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 0;

        border: 1px solid #e0e7e1;
        border-radius: 50%;

        background: #ffffff;

        color: #29372e;

        box-shadow:
            0 5px 15px rgba(16, 65, 32, .08);

        cursor: pointer;
    }

    .agropet-mobile-product__wishlist svg {
        width: 22px;
        height: 22px;
    }

    .agropet-mobile-product__wishlist.is-favorite {
        color: #138a4b;
        background: #f2faf3;
        border-color: #cfe5d3;
    }

    .agropet-mobile-product__gallery-slot {
        width: 100%;
    }

    .agropet-mobile-product__gallery-slot .woocommerce-product-gallery {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    .agropet-mobile-product__gallery-slot .woocommerce-product-gallery__wrapper {
        margin: 0 !important;
    }

    .agropet-mobile-product__gallery-slot .woocommerce-product-gallery__image {
        border-radius: 12px;
        overflow: hidden;
    }

    .agropet-mobile-product__gallery-slot .woocommerce-product-gallery__image a {
        min-height: 310px;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .agropet-mobile-product__gallery-slot .woocommerce-product-gallery__image img {
        width: 100% !important;
        height: auto !important;
        max-height: 330px !important;

        display: block;

        object-fit: contain !important;
    }

    .agropet-mobile-product__gallery-slot .woocommerce-product-gallery__trigger {
        top: 58px !important;
        right: 0 !important;

        width: 38px !important;
        height: 38px !important;

        border: 1px solid #e0e7e1 !important;
        border-radius: 50% !important;

        background: #ffffff !important;

        box-shadow:
            0 5px 14px rgba(16, 65, 32, .08);
    }

    .agropet-mobile-product__gallery-slot .flex-control-thumbs {
        display: flex !important;
        align-items: center;

        gap: 8px;

        margin: 12px 0 0 !important;
        padding: 0 2px 2px !important;

        overflow-x: auto;

        scrollbar-width: none;
    }

    .agropet-mobile-product__gallery-slot .flex-control-thumbs::-webkit-scrollbar {
        display: none;
    }

    .agropet-mobile-product__gallery-slot .flex-control-thumbs li {
        width: 58px !important;
        min-width: 58px !important;

        float: none !important;

        margin: 0 !important;
    }

    .agropet-mobile-product__gallery-slot .flex-control-thumbs img {
        width: 58px !important;
        height: 58px !important;

        padding: 4px;

        border: 1px solid #dfe6e0;
        border-radius: 9px;

        background: #ffffff;

        object-fit: contain;

        opacity: 1 !important;

        box-sizing: border-box;
    }

    .agropet-mobile-product__gallery-slot .flex-control-thumbs img.flex-active {
        border-color: #138a4b;

        box-shadow:
            0 0 0 1px #138a4b;
    }


    /* =====================================================
       INFORMAÇÕES PRINCIPAIS
       ===================================================== */

    .agropet-mobile-product__info {
        width: 100%;
        margin: 0 0 12px;
    }

    .agropet-mobile-product__title-slot .product_title {
        margin: 0 0 8px !important;

        color: #26352c;

        font-family: "Poppins", sans-serif !important;
        font-size: 23px !important;
        font-weight: 800 !important;
        line-height: 1.12 !important;

        letter-spacing: -.025em;
    }

    .agropet-mobile-product__meta-links-slot {
        display: flex;
        flex-direction: column;
        align-items: flex-start;

        gap: 2px;

        margin: 0 0 10px;
    }

    .agropet-mobile-product__meta-links-slot a {
        color: #4b5a50 !important;

        font-family: "Inter", sans-serif;
        font-size: 10px;

        text-decoration: underline !important;
    }


    /* =====================================================
       PREÇO
       ===================================================== */

    .agropet-mobile-product__price-row {
        width: 100%;

        display: flex;
        align-items: center;
        flex-wrap: wrap;

        gap: 9px;

        margin: 0 0 5px;
    }

    .agropet-mobile-product__price-slot .price {
        display: flex !important;
        align-items: baseline !important;
        flex-wrap: wrap;

        gap: 8px;

        margin: 0 !important;
    }

    .agropet-mobile-product__price-slot .price del {
        color: #989f9a !important;

        font-family: "Inter", sans-serif;
        font-size: 18px !important;
        font-weight: 600;

        opacity: 1 !important;
    }

    .agropet-mobile-product__price-slot .price del .woocommerce-Price-amount {
        color: inherit !important;
    }

    .agropet-mobile-product__price-slot .price ins {
        text-decoration: none !important;
    }

    .agropet-mobile-product__price-slot .price ins .woocommerce-Price-amount,
    .agropet-mobile-product__price-slot .price > .woocommerce-Price-amount {
        color: #ff6500 !important;

        font-family: "Poppins", sans-serif;
        font-size: 31px !important;
        font-weight: 800 !important;
    }

    .agropet-mobile-product__discount-slot:empty {
        display: none;
    }

    .agropet-mobile-product__discount {
        display: inline-flex;
        align-items: center;

        padding: 6px 10px;

        border-radius: 8px;

        background: #fff0e7;

        color: #ff6500;

        font-family: "Inter", sans-serif;
        font-size: 11px;
        font-weight: 800;
    }


    /* =====================================================
       ESTOQUE
       ===================================================== */

    .agropet-mobile-product__stock-slot .stock {
        margin: 0 0 12px !important;

        color: #3e972e !important;

        font-family: "Inter", sans-serif;
        font-size: 13px !important;
        font-weight: 700;
    }

    .agropet-mobile-product__stock-slot .stock::before {
        content: "✓";

        width: 20px;
        height: 20px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        margin-right: 6px;

        border-radius: 50%;

        background: #58ad2e;

        color: #ffffff;

        font-size: 11px;
        font-weight: 800;
    }


    /* =====================================================
       CARRINHO
       ===================================================== */

    .agropet-mobile-product__cart-slot form.cart {
        width: 100% !important;

        display: grid !important;

        grid-template-columns:
            126px minmax(0, 1fr);

        align-items: stretch;

        gap: 9px;

        margin: 0 !important;
        padding: 0 !important;
    }

    .agropet-mobile-product__cart-slot form.cart .quantity {
        width: 100%;

        display: grid !important;

        grid-template-columns:
            38px minmax(0, 1fr) 38px;

        align-items: center;

        margin: 0 !important;

        border: 1px solid #dbe2dc;
        border-radius: 10px;

        background: #ffffff;

        overflow: hidden;
    }

    .agropet-mobile-product__cart-slot form.cart .quantity .qty {
        grid-column: 2;
        grid-row: 1;

        width: 100% !important;
        height: 52px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        background: #ffffff !important;

        color: #26352c;

        font-family: "Inter", sans-serif;
        font-size: 15px;
        font-weight: 700;

        text-align: center;

        box-shadow: none !important;

        -moz-appearance: textfield;
    }

    .agropet-mobile-product__cart-slot form.cart .quantity .qty::-webkit-outer-spin-button,
    .agropet-mobile-product__cart-slot form.cart .quantity .qty::-webkit-inner-spin-button {
        margin: 0;
        -webkit-appearance: none;
    }

    .agropet-mobile-product__qty-button {
        width: 38px;
        height: 52px;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 0;

        border: 0;

        background: #ffffff;

        color: #27352c;

        font-size: 20px;

        cursor: pointer;
    }

    .agropet-mobile-product__qty-button--minus {
        grid-column: 1;
        grid-row: 1;

        border-right: 1px solid #edf1ed;
    }

    .agropet-mobile-product__qty-button--plus {
        grid-column: 3;
        grid-row: 1;

        border-left: 1px solid #edf1ed;
    }

    .agropet-mobile-product__cart-slot .single_add_to_cart_button {
        width: 100% !important;
        height: 54px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 8px;

        margin: 0 !important;
        padding: 0 12px !important;

        border: 0 !important;
        border-radius: 10px !important;

        background:
            linear-gradient(
                90deg,
                #138a4b,
                #24bf46
            ) !important;

        color: #ffffff !important;

        font-family: "Poppins", sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;

        line-height: 1.1 !important;

        box-shadow:
            0 8px 20px rgba(19, 138, 75, .16) !important;
    }

    .agropet-mobile-product__cart-slot .single_add_to_cart_button::before {
        content: "🛒";
        font-size: 16px;
    }


    /* =====================================================
       FRETE
       ===================================================== */

    .agropet-mobile-product__freight-card {
        width: 100%;

        margin: 0 0 12px;
        padding: 14px;

        border: 1px solid #e2ebe3;
        border-radius: 14px;

        background: #f4f9f5;

        box-sizing: border-box;
    }

    .agropet-mobile-product__section-title {
        display: flex;
        align-items: center;

        gap: 8px;

        margin: 0 0 10px;

        color: #145e2b;

        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-weight: 700;
    }

    .agropet-mobile-product__freight-slot:empty::after {
        content: "Informe seu CEP para consultar as opções de entrega.";

        display: block;

        color: #708078;

        font-family: "Inter", sans-serif;
        font-size: 11px;
    }

    .agropet-mobile-product__freight-slot input {
        max-width: 100%;
    }


    /* =====================================================
       PAGAMENTO
       ===================================================== */

    .agropet-mobile-product__payment-card {
        width: 100%;

        margin: 0 0 12px;
        padding: 14px;

        border: 1px solid #e3eee4;
        border-radius: 14px;

        background:
            linear-gradient(
                100deg,
                #f1faf3,
                #ffffff
            );

        box-sizing: border-box;
    }

    .agropet-mobile-product__payment-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;

        gap: 12px;

        margin: 0 0 8px;
    }

    .agropet-mobile-product__payment-heading strong {
        color: #145e2b;

        font-family: "Poppins", sans-serif;
        font-size: 13px;
    }

    .agropet-mobile-product__payment-heading span {
        color: #758079;

        font-family: "Inter", sans-serif;
        font-size: 10px;

        text-align: right;
    }

    .agropet-mobile-product__payment-slot img {
        display: block;

        max-width: 100% !important;
        height: auto !important;

        margin: 0 auto;
    }


    /* =====================================================
       TABS / ACCORDION
       ===================================================== */

    .agropet-mobile-product__tabs-slot {
        width: 100%;

        margin: 0 0 18px;
    }

    .agropet-mobile-product__tabs-slot .woocommerce-tabs {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .agropet-mobile-product__tabs-slot .woocommerce-tabs ul.tabs {
        display: none !important;
    }

    .agropet-mobile-product__tabs-slot .woocommerce-Tabs-panel {
        display: block !important;

        width: 100%;

        margin: 0 0 8px !important;
        padding: 0 !important;

        border: 1px solid #dfe6e0;
        border-radius: 10px;

        background: #ffffff;

        overflow: hidden;

        box-sizing: border-box;
    }

    .agropet-mobile-product__accordion-button {
        width: 100%;
        min-height: 50px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        gap: 10px;

        padding: 0 14px;

        border: 0;

        background: #ffffff;

        color: #27352c;

        font-family: "Inter", sans-serif;
        font-size: 12px;
        font-weight: 700;

        text-align: left;

        cursor: pointer;
    }

    .agropet-mobile-product__accordion-button::after {
        content: "⌄";

        font-size: 17px;

        transition:
            transform .18s ease;
    }

    .woocommerce-Tabs-panel.is-agropet-open
    .agropet-mobile-product__accordion-button::after {
        transform: rotate(180deg);
    }

    .agropet-mobile-product__accordion-content {
        display: none;

        padding: 0 14px 15px;

        color: #59655d;

        font-family: "Inter", sans-serif;
        font-size: 12px;
        line-height: 1.6;
    }

    .woocommerce-Tabs-panel.is-agropet-open
    .agropet-mobile-product__accordion-content {
        display: block;
    }

    .agropet-mobile-product__accordion-content table {
        width: 100%;
        margin: 0;
        font-size: 11px;
    }

    .agropet-mobile-product__accordion-content #reviews,
    .agropet-mobile-product__accordion-content #review_form_wrapper,
    .agropet-mobile-product__accordion-content #review_form {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    .agropet-mobile-product__accordion-content #review_form input,
    .agropet-mobile-product__accordion-content #review_form textarea {
        width: 100%;
        box-sizing: border-box;
    }


    /* =====================================================
       RELACIONADOS
       ===================================================== */

    .agropet-mobile-product__related {
        width: 100%;
        margin: 0 0 8px;
    }

    .agropet-mobile-product__related-title-row {
        display: flex;
        align-items: center;
        justify-content: space-between;

        margin-bottom: 12px;
    }

    .agropet-mobile-product__related-title-row h2 {
        margin: 0 !important;

        color: #27352c;

        font-family: "Poppins", sans-serif !important;
        font-size: 18px !important;
        font-weight: 700 !important;
    }

    .agropet-mobile-product__related-slot .related.products {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .agropet-mobile-product__related-slot .related.products > h2 {
        display: none !important;
    }

    .agropet-mobile-product__related-slot .related.products ul.products {
        width: 100% !important;

        display: flex !important;
        flex-wrap: nowrap !important;

        gap: 10px !important;

        margin: 0 !important;
        padding: 0 0 8px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-snap-type: x mandatory;

        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;
    }

    .agropet-mobile-product__related-slot .related.products ul.products::-webkit-scrollbar {
        display: none;
    }

    .agropet-mobile-product__related-slot .related.products ul.products li.product {
        width: 72% !important;
        min-width: 72% !important;
        max-width: 72% !important;

        flex: 0 0 72% !important;

        margin: 0 !important;

        scroll-snap-align: start;
    }


    /* =====================================================
       LIMPEZA
       ===================================================== */

    .agropet-single-product-mobile .clear {
        display: none;
    }

}


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

@media (max-width: 380px) {

    body.single-product .agropet-single-product-mobile {
        padding-left: 10px;
        padding-right: 10px;
    }

    body.single-product .woocommerce-breadcrumb {
        width: calc(100% - 20px);

        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .agropet-mobile-product__title-slot .product_title {
        font-size: 21px !important;
    }

    .agropet-mobile-product__cart-slot form.cart {
        grid-template-columns:
            112px minmax(0, 1fr);
    }

    .agropet-mobile-product__related-slot .related.products ul.products li.product {
        width: 80% !important;
        min-width: 80% !important;
        max-width: 80% !important;

        flex-basis: 80% !important;
    }
}