/*
Theme Name: Agron Child
Theme URI: https://casethemes.net/product/agron/
Description: Child theme for Agron
Author: CaseThemes
Template: agron
Version: 1.0.0
*/

/* Custom CSS */

.pxl-button.pxl-button-cart .pxl-count {
    background-color: #89be2a;
    color: white;
}
.pxl-image-highlight {
    width: 28px;
    height: 28px;
	margin-bottom: 5px
    object-fit: contain;
}
.pxl-image-marquee-image {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.pxl-image-marquee-image .lettuce-title {
    display: block !important;
    margin-top: 10px;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
}

/* icon & tabs in production */

.active-tab-color .e-n-tab-title[aria-selected="true"],.active-tab-color .e-n-tab-title:hover {
    background-color: #89be2a !important;
}

.active-tab-color .e-n-tab-title .e-n-tab-icon svg path {
    fill: #89be2a !important;
}

.active-tab-color .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg path, .active-tab-color .e-n-tab-title:hover .e-n-tab-icon svg path {
    fill: #fff !important;
}

/* services tab in production operations */
.services-tabs .pxl-service.pxl-service-layout2 .tab-buttons {
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 20px;
    margin-bottom: -18px;
    z-index: 99;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;

    scrollbar-width: none;
    -ms-overflow-style: none;

    -webkit-overflow-scrolling: touch;
}

.services-tabs .pxl-service.pxl-service-layout2 .tab-buttons::-webkit-scrollbar {
    display: none;
}

.services-tabs .pxl-service.pxl-service-layout2 .tab-button {
    flex: 0 0 auto;
    white-space: nowrap;
    background: #fff;
}

.services-tabs .pxl-service.pxl-service-layout2 .tab-button.active,
.services-tabs .pxl-service.pxl-service-layout2 .tab-button:hover {
    background: #89be2a;
    color: #fff;
}
.services-tabs .pxl-service.pxl-service-layout2 .tab-buttons {
    cursor: grab;
}

.services-tabs .pxl-service.pxl-service-layout2 .tab-buttons.dragging {
    cursor: grabbing;
    user-select: none;
}

/* =========================================
   ALPHAGREEN LOCATION MAP TOGGLE
   Only affects .toggle-tabs
   ========================================= */

.toggle-tabs .e-n-tabs {
    position: relative;
    width: 100%;
}

/* Map area */
.toggle-tabs .e-n-tabs-content {
    position: relative;
    width: 100%;
}

.toggle-tabs .elementor-custom-embed {
    width: 100%;
    height: 420px;
    overflow: hidden;
    border-radius: 18px;
}

.toggle-tabs .elementor-custom-embed iframe {
    width: 100%;
    height: 100%;
    border: 0;
}


/* =========================================
   FLOATING TOGGLE — TOP RIGHT
   ========================================= */

.toggle-tabs .e-n-tabs-heading {
    position: absolute;
    top: 18px;
    right: 18px;
    left: auto;
    z-index: 50;

    display: flex;
    align-items: center;
    gap: 4px;

    padding: 5px;

    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(137, 190, 42, 0.18);
    border-radius: 50px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.14);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


/* =========================================
   TAB BUTTONS
   ========================================= */

.toggle-tabs .e-n-tab-title {
    min-width: 100px;
    height: 40px;

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

    padding: 0 20px;

    border: none !important;
    border-radius: 50px;

    background: transparent !important;

    color: #31521b !important;

    font-size: 13px;
    font-weight: 600;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* Hover */
.toggle-tabs .e-n-tab-title:hover {
    color: #89be2a !important;
    background: rgba(137, 190, 42, 0.08) !important;
}


/* Active */
.toggle-tabs .e-n-tab-title[aria-selected="true"] {
    background: #89be2a !important;
    color: #ffffff !important;

    box-shadow: 0 4px 12px rgba(137, 190, 42, 0.3);
}


/* Remove Elementor active lines */
.toggle-tabs .e-n-tab-title::before,
.toggle-tabs .e-n-tab-title::after {
    display: none !important;
}


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

@media (max-width: 767px) {

    .toggle-tabs .e-n-tabs-heading {
        top: 12px;
        right: 12px;
    }

    .toggle-tabs .e-n-tab-title {
        min-width: 80px;
        height: 36px;
        padding: 0 14px;
        font-size: 12px;
		margin:0px !important;
    }

    .toggle-tabs .elementor-custom-embed {
        height: 350px;
    }
}

/* =========================================
   SLOWER + SMOOTHER SLIDE TRANSITION
   ========================================= */

.toggle-tabs .e-n-tab-content {
    transition:
        opacity 0.7s ease-in-out,
        transform 0.7s ease-in-out;
}

.toggle-tabs .e-n-tab-content[hidden] {
    opacity: 0;
    transform: translateX(30px);
}

.toggle-tabs .e-n-tab-content:not([hidden]) {
    opacity: 1;
    transform: translateX(0);
}

/* Smooth button transition */
.toggle-tabs .e-n-tab-title {
    transition:
        background-color 0.5s ease,
        color 0.5s ease,
        box-shadow 0.5s ease,
        transform 0.3s ease;
}

.button-display .button.pxl-post-button {
    display: none !important;
}

.button-display .pxl-post-item.is-active {
    background-color: #426900 !important;
}

.hide-btn .pxl-button-icon {
    display: none !important;
}

.service-icon .pxl-post-icon svg {
    width: 60%;
    height: auto;
    fill: #fff;
}

.service-icon .pxl-post-icon svg path {
    fill: #fff;
}

.icon-producing .pxl-icon-box-icon svg, .icon-producing .pxl-icon-box-icon svg path  {
    fill: #89be2a;
}

.farm-icon .pxl-post-custom.post-custom-layout2 .pxl-post-icon {
    margin-bottom: 0px;
}

.farm-icon .pxl-post-icon svg {
    fill: #89be2a !important;
}

.farm-icon .pxl-post-icon svg .st0 {
    stroke: #89be2a;
    fill: none;
}

/* DUTIES / AMBITIONS / ETHICS icons */
.duties-icon .pxl-post-icon svg,
.duties-icon .pxl-post-icon svg path,
.duties-icon .pxl-post-icon svg g {
    fill: #89be2a !important;
    transition: fill 0.3s ease;
}

/* Hover */
.duties-icon .pxl-post-item:hover .pxl-post-icon svg,
.duties-icon .pxl-post-item:hover .pxl-post-icon svg path,
.duties-icon .pxl-post-item:hover .pxl-post-icon svg g {
    fill: #fff !important;
}

/* Active */
.duties-icon .pxl-post-item.is-active .pxl-post-icon svg,
.duties-icon .pxl-post-item.is-active .pxl-post-icon svg path,
.duties-icon .pxl-post-item.is-active .pxl-post-icon svg g {
    fill: #fff !important;
}

.icon-veggie-color svg {
    fill: #27272708 !important;
}


.pxl-timeline-carousel .pxl-timeline-time {
    color:#548400 !important;
    font-size: 60px !important;
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}
.product-card .pxl-product-rating {
    display: none !important;
}


/* 2. Remove the hover "Add to Cart" button */
.product-card .pxl-product-actions {
    display: none !important;
}
.product-card .pxl-product.pxl-product-layout1 .pxl-product-featured img {
    max-height: 100%;
    width: auto;
}
.product-card  .pxl-product.pxl-product-layout1 .pxl-product-item {
   padding: 30px 44px;
}
.product-card .pxl-product.pxl-product-layout1 .pxl-product-featured  {
   margin-bottom:0px;
}
/* 5. Pagination - AlphaGreen style */
.product-card .grid-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 40px;
}

.product-card .grid-pagination .page-numbers {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #89be2a;
    background: transparent;
    border: 1px solid #89be2a;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Active page */
.product-card .grid-pagination .page-numbers.current {
    background: #89be2a;
    color: #ffffff;
    border-color: #89be2a;
}

/* Hover */
.product-card .grid-pagination .page-numbers:hover {
    background: #89be2a;
    color: #ffffff;
    border-color: #89be2a;
}

/* Next arrow */
.product-card .grid-pagination .next {
    color: #89be2a;
}

.product-card .grid-pagination .next:hover {
    color: #ffffff;
}

.product-card .grid-pagination .next svg {
    width: 14px;
    height: 14px;
}

.service-card .pxl-post-title a,
.service-card .pxl-post-featured a {
    pointer-events: none !important;
    cursor: default !important;
}

.back-to-top-button {
    background-color: #89BE2A !important;
    border: 1px solid #89BE2A !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
}

.back-to-top-button svg path {
    fill: #ffffff !important;
}

.back-to-top-button:hover {
    background-color: #ffffff !important;
    border-color: #89BE2A !important;
    color: #89BE2A !important;
}

.back-to-top-button:hover svg path {
    fill: #89BE2A !important;
}
body.product-template-default.single-product .woocommerce-product-gallery__wrapper a {
    padding: 30px !important;
}

body.product-template-default.single-product .woocommerce-product-gallery__wrapper a img {
    max-height: none !important;
    height: auto !important;
}
body.product-template-default.single-product .product .product-details .summary .woocommerce-social-share , body.product-template-default.woocommerce ul.products li.product .product-rating  {
    display: none !important;
}
body.product-template-default.single.single-product .product .product-details .summary .price, body.product-template-default.woocommerce ul.products li.product .product-price .price{
	   color: #89BE2A !important;
}

    body.product-template-default.single.single-product #pxl-main {
        padding-block: 100px 100px !important;
    }

body.product-template-default.woocommerce ul.products li.product .product-box {
	   padding: 30px 44px;
}

body.product-template-default.woocommerce ul.products li.product .product-thumbnail img  {
    max-height: 100%;
    width: auto;
}

body.product-template-default.woocommerce ul.products li.product .product-thumbnail  {
   margin-bottom:0px;
}

body.product-template-default .heading-subtitle > svg {
    display: none !important;
}

body.product-template-default .heading-subtitle::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('/wp-content/uploads/2026/08/lettuceart-08.svg') center / contain no-repeat;
     position: relative;
    top: 8px; /* move it down */
}

.lettuce-title {
    font-family: 'Julietta-Messie', sans-serif !important;
}
body,
body p,
body a,
body li,
body span,
body div,
body button,
body input,
body textarea,
body select,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: 'Julietta-Messie', sans-serif !important;
}

.pxl-header .header-search-form form {

    display: none;
}

/* Products */
body.page-id-1022 #pxl-page-title .elementor-element-896423e  {
    background-image: url("/wp-content/uploads/2026/09/banner3.jpg") !important;
}
/* Production */
body.page-id-10118 #pxl-page-title .elementor-element-896423e  {
    background-image: url("/wp-content/uploads/2026/09/banner2.jpg") !important;
}
 
/* Contact Us */
body.page-id-11196 #pxl-page-title .elementor-element-896423e {
    background-image: url("/wp-content/uploads/2026/09/banner.jpg") !important;
}