/*
Theme Name: Agron
Theme URI: https://agron.casethemes.net/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio
Description: Agron is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Version: 1.0.2
Tested up to: 6.0
Requires PHP: 7.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: agron
Tags: Blog, E-Commerce, Portfolio, Grid Layout, One Column, Two Columns, Three Columns, Four Columns, Left Sidebar, Right Sidebar, Custom Background, Custom Colors, Custom Header, Custom Logo, custom-menu, Editor Style, Featured Image Header, Featured Images, flexible-header, Footer Widgets, Full Width Template, microformats, Post Formats, Sticky Post, Theme Options, threaded-comments, translation-ready, Block Editor Styles, Wide Blocks
Copyright (c) 2025 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/
.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;
    }

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

.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;
}