/*
Theme Name: Agrios Child
Theme URI: https://agrotex.az
Description: Agrios Child Theme for AS Agrotex MMC
Author: AS Agrotex
Template: agrios
Version: 1.0.0
*/

/* ── Modern Smooth Translation Transition & Ultra Performance ─────────────────── */
body {
  transition: opacity 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: opacity;
}

body.agrotex-lang-switching {
  opacity: 0.88;
  pointer-events: none;
}

/* Modern Language Dropdown Floating & Animation */
#lang-dropdown-wrapper {
  perspective: 1000px;
}

#lang-menu {
  transform-origin: top right;
  transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 16px 36px -8px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.08);
}

#lang-menu.hidden {
  opacity: 0;
  transform: translateY(-8px) scale(0.96);
  pointer-events: none;
}

#lang-menu:not(.hidden) {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

/* Hardware accelerated smooth hover states */
.agrotex-theme-header a,
.agrotex-theme-header button {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* ── Catalog Filter Tabs & Subcategory Chips ─────────────────── */
.cat-filter-btn {
  background-color: #f1f5f9 !important;
  color: #1e293b !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-transform: none !important;
}
.cat-filter-btn:hover {
  background-color: #e2e8f0 !important;
  color: #0f172a !important;
}
.cat-filter-btn.is-active,
.cat-filter-btn.bg-emerald-700 {
  background-color: #047857 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
}
.cat-filter-btn.is-active:hover,
.cat-filter-btn.bg-emerald-700:hover {
  background-color: #065f46 !important;
  color: #ffffff !important;
}

.subcat-chip {
  background-color: #ffffff !important;
  color: #334155 !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-transform: none !important;
}
.subcat-chip:hover {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}
.subcat-chip.is-active,
.subcat-chip.bg-emerald-700 {
  background-color: #047857 !important;
  color: #ffffff !important;
  border-color: #047857 !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
}
.subcat-chip.is-active:hover,
.subcat-chip.bg-emerald-700:hover {
  background-color: #065f46 !important;
  color: #ffffff !important;
  border-color: #065f46 !important;
}

/* ── Sticky Header (Top Bar Included) Across Desktop & Mobile ── */
html {
  overflow-y: scroll !important;
  overflow-x: clip !important;
}
body,
body.single,
body.single-product,
body.single-post,
body.page,
body.archive,
body.blog,
body.woocommerce,
body.woocommerce-page,
.single-product {
  overflow-y: visible !important;
  overflow-x: clip !important;
}
#wrapper, #page {
  overflow: visible !important;
}
#site-header-wrap,
.single-product #site-header-wrap,
.single-post #site-header-wrap {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
}
.agrotex-theme-header {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
}
.agrotex-theme-header header {
  position: relative !important;
  z-index: 40 !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8) !important;
  box-shadow: 0 4px 12px -2px rgba(15, 23, 42, 0.05) !important;
}
body.admin-bar #site-header-wrap,
body.admin-bar .agrotex-theme-header {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  body.admin-bar #site-header-wrap,
  body.admin-bar .agrotex-theme-header {
    top: 46px !important;
  }
}