/* ✅ 2 produktai eilutėje telefone */
@media (max-width: 767px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    width: 48% !important; /* po 2 produktus eilutėje */
    margin: 0 !important;
    float: none !important;
  }
}

/* ✅ 3 produktai eilutėje planšetėje */
@media (min-width: 768px) and (max-width: 1024px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    width: 31.5% !important;
    margin: 0 !important;
    float: none !important;
  }
/* Kad viskas tilptų ir neišliptų */
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
/* KATEGORIJŲ miniatiūros – 2 stulpeliai telefone */
@media (max-width: 767px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
  }

  .woocommerce ul.products li.product.product-category,
  .woocommerce-page ul.products li.product.product-category,
  .elementor-widget-woocommerce-product-categories .products li.product.product-category {
    width: 48% !important;     /* po 2 kategorijas eilutėje */
    margin: 0 !important;
    float: none !important;
  }

/* Planšetėse – 3 stulpeliai (jei nori) */
@media (min-width: 768px) and (max-width: 1024px) {
  .woocommerce ul.products li.product.product-category,
  .woocommerce-page ul.products li.product.product-category,
  .elementor-widget-woocommerce-product-categories .products li.product.product-category {
    width: 31.5% !important;
    margin: 0 !important;
    float: none !important;
  }

	/* ===== Pagrindinis meniu: juodi žodžiai, be raudonos, su subtiliu pakilimu ===== */

/* Visų meniu punktų spalva – juoda */
.elementor-nav-menu a,
.elementor-nav-menu .elementor-item,
.elementor-item,
.elementor-item-link {
  color: #000000 !important;         /* juoda */
  font-weight: 700 !important;       /* storesnis tekstas */
  text-transform: uppercase;         /* jei nori visus didžiosiomis */
  transition: all 0.3s ease-in-out;
}

/* Užvedus – spalva nesikeičia, tik pakyla ir pasidaro truputį ryškesnė */
.elementor-nav-menu a:hover,
.elementor-nav-menu .elementor-item:hover,
.elementor-item:hover,
.elementor-item-link:hover {
  color: #000000 !important;         /* lieka juoda */
  transform: translateY(-2px);       /* subtilus pakilimas */
  text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  text-decoration: none !important;
}

/* Aktyvus / Pasirinktas meniu punktas (pvz. esamas puslapis) */
.elementor-nav-menu .elementor-item-active,
.elementor-nav-menu .elementor-item.current-menu-item {
  color: #000000 !important;         /* taip pat juoda */
  border: none !important;
  background: transparent !important;
}

/* Jei mobilus meniu – taip pat juodi punktai */
.elementor-nav-menu--dropdown a,
.elementor-nav-menu--dropdown .elementor-item {
  color: #000000 !important;
}

/* Ir hover mobiliajame */
.elementor-nav-menu--dropdown a:hover {
  color: #000000 !important;
  background: rgba(0,0,0,0.05);
}
/* ✅ 2 kategorijos eilutėje telefone */
@media (max-width: 767px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  .woocommerce ul.products li.product.product-category,
  .woocommerce-page ul.products li.product.product-category,
  .elementor-widget-woocommerce-product-categories .products li.product.product-category {
    width: 48% !important; /* Po dvi kategorijas eilutėje */
    margin: 0 !important;
    float: none !important;
  }

  .woocommerce ul.products li.product.product-category img,
  .woocommerce-page ul.products li.product.product-category img,
  .elementor-widget-woocommerce-product-categories .products li.product.product-category img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 10px;
  }
}

/* ✅ 3 kategorijos eilutėje planšetėje */
@media (min-width: 768px) and (max-width: 1024px) {
  .woocommerce ul.products li.product.product-category,
  .woocommerce-page ul.products li.product.product-category,
  .elementor-widget-woocommerce-product-categories .products li.product.product-category {
    width: 31.5% !important; /* Po tris planšetėje */
    margin: 0 !important;
    float: none !important;
  }
/* --- Šviesiai pilkas fonas mobiliajame meniu (DetailX tema) --- */

/* Pagrindinis mobilus meniu konteineris */
.menu_mobile,
.menu_mobile_inner,
div[class*="menu_mobile"],
body.mobile_layout .menu_mobile,
body.menu_opened .menu_mobile {
  background-color: #f2f2f2 !important;  /* Šviesiai pilkas fonas */
  opacity: 1 !important;
  backdrop-filter: none !important;
}

/* Jei yra permatomas tamsus overlay sluoksnis */
.menu_mobile_overlay,
body:before,
body[class*="menu_opened"]:before {
  background-color: rgba(242, 242, 242, 0.95) !important; /* Šviesiai pilkas, vos permatomas */
  opacity: 1 !important;
}

/* Meniu nuorodų tekstas */
.menu_mobile a,
.menu_mobile_inner a,
.menu_mobile .sc_layouts_menu_mobile_nav li a {
  color: #111 !important; /* Juodas tekstas */
}

/* Užvedus – subtilus efektas */
.menu_mobile a:hover,
.menu_mobile .sc_layouts_menu_mobile_nav li a:hover {
  color: #e60000 !important; /* Raudonas hover efektas (ar keisti į kitą?) */
  transform: scale(1.02);
  transition: all 0.2s ease-in-out;
}

/* Piktogramos (jei yra) */
.menu_mobile .menu_mobile_close,
.menu_mobile .menu_mobile_button,
.menu_mobile .menu_mobile_icon {
  color: #111 !important;
}

/* Kad nebūtų juodo permatomo sluoksnio už meniu */
body.menu_opened {
  background-color: #f9f9f9 !important;
}
/* Šviesesnis fonas mobiliam meniu */
.menu_mobile, 
.sc_layouts_menu_mobile_panel {
  background-color: #f2f2f2 !important; /* šviesiai pilkas fonas */
  color: #000000 !important; /* juodas tekstas */
}

/* Kad tekstai būtų aiškiai matomi */
.menu_mobile a,
.sc_layouts_menu_mobile a {
  color: #000000 !important; /* juoda spalva */
}

/* Kad rodyklės / ikonėlės matytųsi juodai */
.menu_mobile .sc_layouts_menu_nav > li.menu-item-has-children > a:after {
  color: #000000 !important;
}

/* Jei yra uždarymo (X) ikona viršuje — padarykim ją juodą */
.menu_mobile_close,
.sc_layouts_menu_mobile_close {
  color: #000000 !important;
}
/* 💡 Šviesiai pilkas fonas mobiliam meniu */
body .sc_layouts_menu_mobile_panel,
body .menu_mobile,
body .menu_mobile_inner,
body .trx_addons_popup,
body .trx_addons_popup_menu {
  background-color: #f2f2f2 !important; /* šviesiai pilkas fonas */
  color: #000 !important;
}

/* Juodas tekstas meniu punktams */
.menu_mobile a,
.menu_mobile .sc_layouts_menu_nav > li > a,
.menu_mobile .menu-item a {
  color: #000 !important;
}

/* Pakeičiam rodykles ir uždarymo ikoną */
.menu_mobile_close,
.menu_mobile .menu_mobile_close,
.menu_mobile .sc_layouts_menu_nav > li.menu-item-has-children > a:after {
  color: #000 !important;
}

/* Kad socialinės ikonėlės būtų matomos */
.menu_mobile .socials_mobile .social_item a {
  color: #000 !important;
}

/* Kad fonas būtų be permatomumo, jei kažkur tamsėja */
.menu_mobile_overlay {
  background-color: #f2f2f2 !important;
  opacity: 1 !important;
}
/* 🌤️ Šviesiai pilkas fonas mobiliam meniu */
.menu_mobile,
.menu_mobile_inner,
.menu_mobile_inner > div,
.menu_mobile_overlay {
  background-color: #f3f3f3 !important; /* Šviesiai pilkas fonas */
  color: #000000 !important;
}

/* 🖤 Juodi meniu tekstai */
.menu_mobile a,
.menu_mobile_inner a,
.menu_mobile_inner li a {
  color: #000000 !important;
}

/* 🔺 Juoda X uždarymo ikona */
.menu_mobile_close,
.menu_mobile .menu_mobile_close {
  color: #000000 !important;
}

/* 🔸 Juodos rodyklės prie submeniu */
.menu_mobile .sc_layouts_menu_nav > li.menu-item-has-children > a:after {
  color: #000000 !important;
}

/* 🔹 Socialinės ikonėlės apačioje */
.menu_mobile .socials_mobile .social_item a {
  color: #000000 !important;
}

/* 💨 Fonas be permatomumo */
.menu_mobile_overlay {
  opacity: 1 !important;
}
/* 🌤️ Pakeičia mobiliojo meniu foną į šviesiai pilką (DetailX tema) */
.trx_addons_popup_menu,
.trx_addons_popup,
.trx_addons_popup_menu_inner,
.trx_addons_popup_menu .trx_addons_scroll,
.trx_addons_popup_menu .trx_addons_popup_inner {
  background-color: #f3f3f3 !important; /* Šviesiai pilkas fonas */
  color: #000 !important;
}

/* 🖤 Juodi meniu punktai */
.trx_addons_popup_menu a,
.trx_addons_popup_menu li a,
.trx_addons_popup_menu .menu-item a {
  color: #000 !important;
}

/* 🔹 Uždarimo X ikona juoda */
.trx_addons_popup_menu .trx_addons_popup_close,
.trx_addons_popup .trx_addons_popup_close {
  color: #000 !important;
}

/* 🔸 Juodos rodyklės prie submeniu */
.trx_addons_popup_menu .menu-item-has-children > a::after {
  color: #000 !important;
}

/* 💨 Be permatomumo */
.trx_addons_popup {
  opacity: 1 !important;
  background-color: #f3f3f3 !important;
}
/***********************
  DETAILX / THEMEREX – MOBILE MENU BG → ŠVIESIAI PILKAS
************************/

/* Pati iššokanti panelė (visos galimos klasės) */
.menu_mobile,
.menu_mobile_inner,
.menu_mobile_inner > div,
.sc_layouts_menu_mobile_panel,
.sc_layouts_panel,
.trx_addons_panel,
.trx_addons_popup,
.trx_addons_popup_menu,
.trx_addons_popup_menu_inner,
.trx_addons_popup_inner {
  background-color: #f3f3f3 !important;  /* šviesiai pilkas */
  color: #000 !important;
  /* jei tema naudoja CSS kintamuosius – perrašom ir juos */
  --theme-color-bg_color: #f3f3f3 !important;
  --theme-color-alter_bg_color: #f3f3f3 !important;
  --theme-color-text_color: #000 !important;
  --theme-color-text_link: #000 !important;
  --theme-color-text_hover: #000 !important;
}

/* Užnugaris/overlay (kad nebūtų tamsus) */
.menu_mobile_overlay,
.sc_layouts_panel_overlay,
.trx_addons_panel_overlay {
  background-color: #f3f3f3 !important;
  opacity: 1 !important;
}

/* Tekstas, rodyklės, ikonėlės – juodi */
.menu_mobile a,
.menu_mobile_inner a,
.menu_mobile li a,
.trx_addons_popup_menu a,
.trx_addons_popup_menu li a {
  color: #000 !important;
}
.menu_mobile .menu-item-has-children > a::after,
.trx_addons_popup_menu .menu-item-has-children > a::after {
  color: #000 !important;
}

/* Uždarymo X spalva */
.menu_mobile_close,
.trx_addons_popup_close,
.sc_layouts_panel_close {
  color: #000 !important;
}

/* Skirtukas/linija apačioje – švelniai pilka */
.menu_mobile hr,
.menu_mobile .sc_layouts_menu_nav,
.trx_addons_popup_menu hr {
  border-color: rgba(0,0,0,.1) !important;
}
/******** DETAILX / THEMEREX – MOBILE MENU BG ********/

/* Pati iššokanti panelė ir jos vidus */
.sc_layouts_menu_mobile_panel,
.sc_layouts_menu_mobile_panel:before,
.sc_layouts_panel,
.sc_layouts_panel:before,
.trx_addons_panel,
.trx_addons_panel:before,
.trx_addons_popup,
.trx_addons_popup:before,
.trx_addons_popup_menu,
.trx_addons_popup_menu:before,
.trx_addons_popup_menu_inner,
.trx_addons_popup_menu_inner:before,
.menu_mobile,
.menu_mobile:before,
.menu_mobile_inner {
  background: #f3f3f3 !important;
  background-color: #f3f3f3 !important;
  color: #000 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  /* jei tema naudoja kintamuosius */
  --theme-color-bg_color: #f3f3f3 !important;
  --theme-color-alter_bg_color: #f3f3f3 !important;
  --theme-color-text_color: #000 !important;
}

/* Tamsus mask/overlay – panaikinam */
.trx_addons_panel_overlay,
.sc_layouts_panel_overlay,
.menu_mobile_overlay {
  background: #f3f3f3 !important;
  opacity: 1 !important;
}

/* Tekstai/rodyklės/uždarymo X – juodi */
.trx_addons_popup_menu a,
.trx_addons_popup_menu li a,
.menu_mobile a,
.menu_mobile li a {
  color: #000 !important;
}
.trx_addons_popup_close,
.sc_layouts_panel_close,
.menu_mobile_close,
.menu_mobile .menu_mobile_close {
  color: #000 !important;
}
.trx_addons_popup_menu .menu-item-has-children > a::after,
.menu_mobile .menu-item-has-children > a::after {
  color: #000 !important;
}
/* Baltas tekstas mobiliame (burger) meniu */
@media (max-width: 1024px){
  /* Pagrindiniai meniu punktai */
  .elementor-nav-menu--dropdown a,
  .elementor-nav-menu--dropdown .elementor-item,
  .elementor-nav-menu--dropdown .elementor-sub-item {
    color: #ffffff !important; /* Baltas tekstas */
  }

  /* Hover (kai paspaudi ar užvedi pirštą) */
  .elementor-nav-menu--dropdown a:hover,
  .elementor-nav-menu--dropdown .elementor-item:hover {
    color: #e0e0e0 !important; /* Švelniai pilkas hover */
  }

  /* Rodyklės, sub-menu indikatoriai */
  .elementor-nav-menu--dropdown .elementor-item:after,
  .elementor-nav-menu--dropdown .elementor-item:before {
    color: #ffffff !important;
    border-color: #ffffff !important;
  }

  /* Jei yra socialinių ikonų apačioje – ir jos tampa baltos */
  .elementor-social-icon {
    color: #ffffff !important;
    fill: #ffffff !important;
  }
}
/* Mobilus burger meniu: baltas tekstas + baltos ikonų/rodyklių spalvos */
@media (max-width: 1024px){
  /* pagrindiniai punktai ir submeniu nuorodos (Elementor Nav Menu + dažni header pluginai) */
  .elementor-nav-menu--dropdown a,
  .elementor-nav-menu--dropdown .elementor-item,
  .elementor-nav-menu--dropdown .elementor-sub-item,
  .elementor-nav-menu--dropdown .elementor-sub-menu a,
  .qodef-mobile-nav a,
  .jet-mobile-menu a,
  .eael-offcanvas-menu a,
  .mobile_menu a {
    color: #fff !important;
  }

  /* rodyklės / „chevronai“ šalia punktų */
  .elementor-nav-menu--dropdown .sub-arrow,
  .elementor-nav-menu--dropdown .menu-item-has-children > a:after {
    color: #fff !important;
    border-color: #fff !important;
  }

  /* uždarymo X ir kitos SVG/ikonos meniu viduje */
  .elementor-nav-menu--dropdown i,
  .elementor-nav-menu--dropdown svg,
  .qodef-mobile-nav svg,
  .eael-offcanvas-menu svg {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
  }
}
/* 🌤️ Pakeičiam juodą mobiliojo meniu foną į šviesiai pilką */
.elementor-element-e84d419,
.elementor-element-e84d419:not(.elementor-motion-effects-element-type-background),
.elementor-element-e84d419 > .elementor-motion-effects-layer {
  background: #f3f3f3 !important;
  background-color: #f3f3f3 !important;
}

/* Juodi tekstai meniu */
.elementor-element-e84d419 a,
.elementor-element-e84d419 li a {
  color: #000 !important;
}

/* Uždarimo X – juodas */
.elementor-element-e84d419 .elementor-menu-toggle,
.elementor-element-e84d419 .elementor-menu-toggle i,
.elementor-element-e84d419 .elementor-icon {
  color: #000 !important;
}
/* 🌤️ Pakeičiam mobiliojo meniu foną į šviesiai pilką ir pašalinam tamsų gradientą */
.elementor-element-e84d419,
.elementor-element-e84d419:not(.elementor-motion-effects-element-type-background),
.elementor-element-e84d419 > .elementor-motion-effects-layer {
  background: #f3f3f3 !important;
  background-color: #f3f3f3 !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* Tekstas – juodas */
.elementor-element-e84d419 a,
.elementor-element-e84d419 li,
.elementor-element-e84d419 li a {
  color: #000 !important;
}

/* Uždarymo X ir ikonėlės – juodos */
.elementor-element-e84d419 .elementor-menu-toggle,
.elementor-element-e84d419 .elementor-menu-toggle i,
.elementor-element-e84d419 .elementor-icon {
  color: #000 !important;
}
/************ 1) ELEMENTOR SEKCIJA (tavo ID e84d419) ************/
.elementor-element-e84d419,
.elementor-element-e84d419:not(.elementor-motion-effects-element-type-background),
.elementor-element-e84d419 > .elementor-motion-effects-layer,
.elementor-element-e84d419 > .elementor-container,
.elementor-element-e84d419:before {
  background: #f3f3f3 !important;
  background-color: #f3f3f3 !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/**************** 2) THEMEREX / DETAILX PANELĖ ****************/
.menu_mobile,
.menu_mobile:before,
.menu_mobile_inner,
.menu_mobile_inner:before,
.sc_layouts_menu_mobile_panel,
.sc_layouts_menu_mobile_panel:before,
.sc_layouts_panel,
.sc_layouts_panel:before,
.trx_addons_panel,
.trx_addons_panel:before,
.trx_addons_popup,
.trx_addons_popup:before,
.trx_addons_popup_menu,
.trx_addons_popup_menu:before,
.trx_addons_popup_menu_inner,
.trx_addons_popup_menu_inner:before {
  background: #f3f3f3 !important;
  background-color: #f3f3f3 !important;
  background-image: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

/**************** 3) OVERLAY / KAUKĖ ****************/
.menu_mobile_overlay,
.sc_layouts_panel_overlay,
.trx_addons_panel_overlay {
  background: #f3f3f3 !important;
  opacity: 1 !important;
}

/************ Tekstai / rodyklės / X – juodi ************/
.menu_mobile a,
.menu_mobile li a,
.sc_layouts_menu_mobile_panel a,
.trx_addons_popup_menu a { color: #000 !important; }

.menu_mobile .menu-item-has-children > a::after,
.trx_addons_popup_menu .menu-item-has-children > a::after { color: #000 !important; }

.menu_mobile_close,
.trx_addons_popup_close,
.sc_layouts_panel_close { color: #000 !important; }

/* Jei tema naudoja kintamuosius – perrašom juos */
:root{
  --theme-color-bg_color:#f3f3f3 !important;
  --theme-color-alter_bg_color:#f3f3f3 !important;
  --theme-color-mask_bg_color:#f3f3f3 !important;
  --theme-color-text_color:#000 !important;
  --theme-color-text_link:#000 !important;
  --theme-color-text_hover:#000 !important;
}
/* 🌤️ Šviesiai pilkas fonas mobiliajam meniu */
.menu_mobile_inner.with_widgets {
  background-color: #f3f3f3 !important;
  background: #f3f3f3 !important;
  color: #000 !important;
}

/* Juodi tekstai ir ikonėlės */
.menu_mobile_inner.with_widgets a,
.menu_mobile_inner.with_widgets li,
.menu_mobile_inner.with_widgets i,
.menu_mobile_inner.with_widgets .menu-item a {
  color: #000 !important;
}

/* Uždarymo (X) ikona juoda */
.menu_mobile_close,
.menu_mobile_close i {
  color: #000 !important;
}
ul.products li.product-category .count {
  display: none !important;
}
ul.products li.product-category .count {
  display: none !important;
}