/* ========================================================================
   NERTA STUDIO – SVETAINĖS STILIAI

   Kraunamas automatiškai iš temos (žr. functions.php, nerta_enqueue_css).
   Į Customizer nieko klijuoti NEREIKIA – ten turi būti tuščia, kitaip
   tos pačios taisyklės veiks dviem egzemplioriais.

   PRIKLAUSOMYBĖ: spalvų ir šriftų kintamieji (--nerta-*) apibrėžti
   style.css faile, kuris registruotas kaip šio failo priklausomybė,
   tad jis visada užsikrauna pirmas.

   SENA → NAUJA
     #C4593A terakota  → Carbon (mygtukai) / French Blue (nuorodos)
     #A8452A hover     → French Blue / Burgundy (naikinantys veiksmai)
     #2C2318 tekstas   → Carbon Black  #252422
     #8B6F5E antrinis  → Charcoal      #4C4B4A   (buvo 4,08:1, dabar 8,48:1)
     #C8B89A rėmelis   → Dust Grey (dekoratyvus) / --nerta-line (funkcinis)
     #F5F0E8 fonas     → Floral White  #FFFCF2
     #4A7C6B žalia     → --nerta-success #2F5D46
     Playfair Display  → Archivo Black (--nerta-display) / Schibsted (--nerta-ui)
     DM Sans           → Schibsted Grotesk (--nerta-body)
   ======================================================================== */


/* ========================================================================
   APSAUGOS NUO ELEMENTOR GLOBALIŲ NUSTATYMŲ KLAIDŲ

   Šios dvi reikšmės Site Settings → Global Fonts yra klaidingos ir
   laužia puslapius. Čia jos perrašomos, kad veiktų iš karto, bet
   TIKRASIS taisymas yra Elementor'e – ištaisius, šis blokas tampa
   nereikalingas ir jį galima ištrinti:

     Text    → line-height: 1.6 su vienetu PX (turi būti EM)
               1,6 pikselio eilutės aukštis suklijuoja tekstą – eilutės
               krenta viena ant kitos.

     Primary → font-weight: 600 su Archivo Black
               Archivo Black turi tik vieną svorį (400). Nurodžius 600
               naršyklė raides sustorina dirbtinai ir kraštai išsitaršo.

   Selektorius body[class*="elementor-kit-"] parinktas sąmoningai:
   Elementor apibrėžia šiuos kintamuosius ant .elementor-kit-N klasės,
   todėl :root perrašymas pralaimėtų, o kit'o numerio nenorime
   užkoduoti.
   ======================================================================== */

body[class*="elementor-kit-"] {
  --e-global-typography-text-line-height: 1.6em;
  --e-global-typography-primary-font-weight: 400;
}


/* ========================================================================
   ELEMENTOR V4 ATOMIC ELEMENTŲ NUMATYTOJI TIPOGRAFIJA

   V4 „atomic" elementuose (e-heading-base, e-button-base, e-paragraph-base)
   tipografijos laukai gali likti tušti, ir tada elementas nepaveldi
   Global Fonts – jis krenta į naršyklės numatytąjį: sisteminį šriftą
   ir #333333. Taip atsitiko „Apie" puslapio antraštėms ir mygtukams.

   Specifika parinkta sąmoningai LYGIAI 0,0,1:
     :where(...)    duoda 0
     :is(h1,...,h6) prideda elemento selektoriaus svorį

   To reikia, nes antraštes nustato elemento lygio taisyklė h2 {...},
   kurios nulinė specifika nepersveria – patikrinta gyvai. Tuo pačiu
   bet kuri klasė (0,1,0) – Elementor nustatymas, .nerta-on-dark ar
   paties elemento .e-xxxxx klasė – lieka stipresnė. Taigi tai užpildo
   spragą, bet nieko nediktuoja.
   ======================================================================== */

:where(.e-heading-base):is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--nerta-display);
  font-weight: 400;
  color: var(--nerta-carbon);
}

:where(.e-paragraph-base):is(p, div, span) {
  font-family: var(--nerta-body);
  color: var(--nerta-carbon);
}

/* Mygtukams nurodomas tik šriftas. Dydis, tarpai ir didžiosios raidės
   paliekami Elementor'ui – poraštės „Informacija" nuorodos yra tie patys
   e-button-base, bet jos rašomos įprastai, ne didžiosiomis. */
:where(.e-button-base):is(a, button) {
  font-family: var(--nerta-ui);
}


/* ========================================
   KREPŠELIO PUSLAPIS
   ======================================== */

.cart_totals .checkout-button,
a.checkout-button {
  font-family: var(--nerta-ui) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  background-color: var(--nerta-carbon) !important;
  color: var(--nerta-paper) !important;
  border: none !important;
  border-radius: var(--nerta-radius-sm) !important;
  padding: 16px 32px !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
}

.cart_totals .checkout-button:hover,
a.checkout-button:hover {
  background-color: var(--nerta-blue) !important;
}

.woocommerce-cart table.cart td.product-name a {
  font-family: var(--nerta-body) !important;
  font-weight: 500 !important;
  color: var(--nerta-carbon) !important;
}

.woocommerce-cart table.cart td.product-name a:hover {
  color: var(--nerta-blue) !important;
}

.woocommerce-cart .coupon input#coupon_code {
  width: 100% !important;
  max-width: 260px !important;
  padding: 12px 16px !important;
  font-family: var(--nerta-body) !important;
  font-size: 14px !important;
  border: 1px solid var(--nerta-line) !important;
  border-radius: var(--nerta-radius) !important;
  background-color: var(--nerta-paper) !important;
  color: var(--nerta-carbon) !important;
}

.woocommerce-cart .coupon input#coupon_code::placeholder {
  font-family: var(--nerta-body) !important;
  color: var(--nerta-charcoal) !important;
  font-size: 13px !important;
  letter-spacing: .04em !important;
}

.woocommerce-cart .coupon .button {
  font-family: var(--nerta-ui) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  background-color: transparent !important;
  color: var(--nerta-carbon) !important;
  border: 1px solid var(--nerta-line) !important;
  border-radius: var(--nerta-radius-sm) !important;
  padding: 12px 20px !important;
}

.woocommerce-cart .coupon .button:hover {
  border-color: var(--nerta-blue) !important;
  color: var(--nerta-blue) !important;
}

.woocommerce-cart table.cart td.product-remove {
  text-align: center !important;
  vertical-align: middle !important;
  width: 44px !important;
}

/* Naikinantis veiksmas – Burgundy, ne pagrindinė akcentinė spalva */
.woocommerce-cart table.cart td.product-remove a {
  color: var(--nerta-burgundy) !important;
  font-size: 18px !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  min-height: 44px !important;
  line-height: 1 !important;
}

.woocommerce-cart table.cart td.product-remove a:hover {
  color: var(--nerta-burgundy-dark) !important;
  background: transparent !important;
}


/* ========================================
   KREPŠELIO PRANEŠIMAI
   ======================================== */

div.woocommerce-message[role="alert"] {
  background-color: var(--nerta-paper) !important;
  border-top: 3px solid var(--nerta-success) !important;
  border-top-color: var(--nerta-success) !important;
  color: var(--nerta-carbon) !important;
  font-family: var(--nerta-body) !important;
  font-size: 14px !important;
}

div.woocommerce-message[role="alert"]::before {
  display: none !important;
}

div.woocommerce-message[role="alert"] a.restore-item {
  color: var(--nerta-blue) !important;
  font-family: var(--nerta-body) !important;
  font-weight: 500 !important;
}

div.woocommerce-message[role="alert"] a.restore-item:hover {
  color: var(--nerta-blue-dark) !important;
}

.woocommerce-info {
  background-color: var(--nerta-paper) !important;
  border-top: 3px solid var(--nerta-blue) !important;
  color: var(--nerta-carbon) !important;
  font-family: var(--nerta-body) !important;
}

.woocommerce-error {
  background-color: var(--nerta-paper) !important;
  border-top: 3px solid var(--nerta-burgundy) !important;
  color: var(--nerta-carbon) !important;
  font-family: var(--nerta-body) !important;
}

.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-cart .woocommerce-info::before,
.woocommerce-cart .cart-empty::before {
  display: none !important;
}


/* ========================================
   TUŠČIAS KREPŠELIS
   ======================================== */

.woocommerce-cart .cart-empty {
  font-family: var(--nerta-body) !important;
  font-size: 16px !important;
  color: var(--nerta-charcoal) !important;
  text-align: center !important;
  padding: 40px 0 !important;
}

.woocommerce-cart .return-to-shop .button {
  font-family: var(--nerta-ui) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  background-color: var(--nerta-carbon) !important;
  color: var(--nerta-paper) !important;
  border: none !important;
  border-radius: var(--nerta-radius-sm) !important;
  padding: 14px 32px !important;
  display: block !important;
  text-align: center !important;
  max-width: 280px !important;
  margin: 0 auto !important;
}

.woocommerce-cart .return-to-shop .button:hover {
  background-color: var(--nerta-blue) !important;
}


/* ========================================
   PRODUKTŲ RŪŠIAVIMAS
   Buvo float be clearfix – pakeista į flex.
   ======================================== */

.woocommerce p.woocommerce-result-count,
.woocommerce nav.woocommerce-ordering {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

.woocommerce .woocommerce-notices-wrapper + p.woocommerce-result-count,
.woocommerce p.woocommerce-result-count {
  font-family: var(--nerta-body) !important;
  font-size: 13px !important;
  color: var(--nerta-charcoal) !important;
}

.woocommerce ul.products,
.woocommerce .products {
  border-top: 1px solid var(--nerta-dust) !important;
  padding-top: 24px !important;
  clear: both !important;
}

select.orderby {
  font-family: var(--nerta-ui) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--nerta-carbon) !important;
  background-color: transparent !important;
  border: 1px solid var(--nerta-line) !important;
  border-radius: var(--nerta-radius) !important;
  padding: 10px 36px 10px 16px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  /* Rodyklė kaip fonas ant paties select – patikimiau nei ::after
     su neigiama parašte, ir ekrano skaitytuvas jos neperskaito. */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23252422' stroke-width='1.5'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
}

select.orderby:hover {
  border-color: var(--nerta-blue) !important;
}

/* Senasis pseudo-elemento rodyklės sprendimas nebenaudojamas */
.woocommerce nav.woocommerce-ordering::after {
  content: none !important;
}


/* ========================================
   SIDE CART
   ======================================== */

.elementor-menu-cart__product {
  padding: 20px 24px !important;
}

.elementor-menu-cart__subtotal {
  padding: 16px 24px !important;
  border: none !important;
  border-top: 1px solid var(--nerta-dust) !important;
  border-bottom: 1px solid var(--nerta-dust) !important;
  --subtotal-divider-color: var(--nerta-dust) !important;
  --subtotal-divider-top-width: 1px !important;
}

.elementor-menu-cart__subtotal strong {
  font-family: var(--nerta-ui) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--nerta-charcoal) !important;
}

/* Viena taisyklė vietoj dviejų konfliktavusių – anksčiau tas pats
   selektorius buvo aprašytas dukart skirtingomis reikšmėmis. */
.elementor-menu-cart__subtotal .woocommerce-Price-amount,
.elementor-menu-cart__subtotal .woocommerce-Price-amount bdi {
  font-family: var(--nerta-display) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: var(--nerta-carbon) !important;
}

.elementor-menu-cart__footer-buttons {
  padding: 16px 24px 24px !important;
  gap: 12px !important;
  display: flex !important;
  flex-direction: row !important;
  border-top: none !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--view-cart,
.elementor-menu-cart__footer-buttons .elementor-button:first-child {
  background-color: transparent !important;
  color: var(--nerta-carbon) !important;
  border: 1px solid var(--nerta-line) !important;
  border-radius: var(--nerta-radius-sm) !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--checkout,
.elementor-menu-cart__footer-buttons .elementor-button:last-child {
  background-color: var(--nerta-carbon) !important;
  color: var(--nerta-paper) !important;
  border: none !important;
  border-radius: var(--nerta-radius-sm) !important;
}

.elementor-button-icon-qty {
  /* !important todėl, kad Elementor tą patį kintamąjį nustato
     tokiu pat specifiškumu post-*.css faile. Kol šis CSS buvo
     Customizer'yje, jis krovėsi paskutinis ir laimėdavo savaime;
     temoje krovimo eilė nebegarantuota. */
  --items-indicator-background-color: var(--nerta-burgundy) !important;
  font-family: var(--nerta-body) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}


/* ========================================================================
   LIPNI ANTRAŠTĖ IR JOS IKONOS
   ======================================================================== */

.elementor-location-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  /* Fonas butinas: be jo turinys slinkdamas matytusi pro antraste. */
  background-color: var(--nerta-paper) !important;
}

/* Prisijungus WordPress rodo 32px juosta virsuje – antraste turi
   prilipti po ja, ne po ja uzlysti. */
.admin-bar .elementor-location-header {
  top: 32px !important;
}

@media screen and (max-width: 782px) {
  .admin-bar .elementor-location-header {
    top: 46px !important;
  }
}

/* Slenkant pridedamas svelnus seselis – riba tarp antrastes ir turinio
   tampa matoma ir tada, kai po ja atsiduria tos pacios spalvos sekcija. */
.elementor-location-header {
  transition: box-shadow .2s ease;
}

.elementor-location-header.nerta-stuck {
  box-shadow: 0 1px 0 var(--nerta-dust), 0 6px 18px -12px rgba(37, 36, 34, .45) !important;
}

/* Paieska ir paskyros ikona vienoje eileje. Apvalkala sukuria PHP
   filtras (nerta_header_icons), tad jis visada egzistuoja kartu su
   paieska – data-id uzkoduoti nereikia. */
.nerta-header-icons {
  display: flex;
  align-items: center;
  gap: 2px;
  position: static;
}

/* Visu triju antrastes ikonu sulyginimas.

   Krepselis yra atskiras Elementor widget'as, tad jo dydzio nenustato
   tie patys stiliai kaip paieskos ir paskyros. Jis buvo 20x20 ikona
   60x60 mygtuke, kai kitos - 18x18 ikonos 44x44 lauke.

   Dar du paslepti poslinkiai, rasti matuojant gyvai:
   - krepselio widget'ui Elementor'e nustatytas margin-top: -10px
     (matyt senajam dideliam mygtukui lygiuoti) - ji nulinam;
   - ikonu widget'as turi margin-bottom: 6px, del kurio jo turinys
     centre sedi 3px auksciau nei krepselis.

   Po sito visu triju ikonu centrai sutampa tiksliai. */
.elementor-menu-cart__toggle .elementor-button {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  overflow: visible !important;
}

.elementor-menu-cart__toggle .elementor-button-icon {
  line-height: 0 !important;
}

.elementor-menu-cart__toggle .elementor-button-icon svg,
.elementor-menu-cart__toggle .elementor-button-icon i {
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
}

/* Skaitiklis mazinamas kartu - su 20px ikona jis atrode uz ja pati
   beveik toks pat didelis. */
.elementor-menu-cart__toggle .elementor-button-icon-qty {
  width: 15px !important;
  height: 15px !important;
  font-size: 9px !important;
  line-height: 15px !important;
}

.elementor-widget-woocommerce-menu-cart {
  margin-top: 0 !important;
}

.elementor-widget:has(> .elementor-widget-container > .nerta-header-icons),
.elementor-widget:has(> .nerta-header-icons) {
  margin-bottom: 0 !important;
}

/* Kalbos keitiklis.

   PHP ji iterpia salia paieskos, o nerta-header.js perkelia i antrastes
   sakni, nes Elementor widgetams nustato position: relative - kitaip
   keitiklis kabintusi prie paieskos widgeto ir atsidurtu tarp ikonu,
   ne virs ju.

   Cia jis NESLEPIAMAS ir NEPOZICIONUOJAMAS absoliuciai. Pozicija
   uzdedama tik tada, kai jis jau antrastes saknyje (zr. zemiau).
   Taip be JS jis lieka ikonu eileje - ne toje vietoje, bet matomas ir
   veikiantis. Anksciau cia buvo du display deklaracijos is eiles
   (none ir inline-flex), tad slepimas niekada neveike, o absoliuti
   pozicija kabinosi prie netinkamo elemento. */
.nerta-lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--nerta-ui);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  color: var(--nerta-charcoal);
  text-decoration: none;
  padding: 6px 8px;
  border-radius: var(--nerta-radius-sm);
  transition: color .2s ease;
}

/* Perkeltas i antrastes sakni - tik tada kampe.

   z-index butinas: JS ji ideda kaip PIRMA antrastes vaika, o
   pozicionuoti broliai piesiami DOM eiles tvarka, tad antrastes
   konteineris ji uzdengdavo. Elementas buvo tinkamo dydzio ir
   matomas pagal stilius, bet taskas po juo priklause konteineriui -
   patikrinta su elementFromPoint. */
.elementor-location-header > .nerta-lang-switch {
  position: absolute;
  top: 10px;
  right: 24px;
  z-index: 2;
}

.nerta-lang-switch:hover,
.nerta-lang-switch:focus-visible {
  color: var(--nerta-blue);
}

.nerta-lang-switch svg {
  flex: none;
}

@media (max-width: 767px) {
  .elementor-location-header > .nerta-lang-switch {
    top: 6px;
    right: 12px;
  }
}


/* ========================================
   PAIEŠKA
   ======================================== */

.nerta-search-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  pointer-events: none !important;
  overflow: visible !important;
}

.nerta-search-toggle {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer;
  color: var(--nerta-carbon);
  display: flex;
  align-items: center;
  justify-content: center;
  /* 44x44 lietimo plotas – ikona lieka to paties dydžio */
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 4px !important;
  transition: color .2s ease;
  pointer-events: all !important;
}

.nerta-search-toggle:hover {
  background: transparent !important;
  color: var(--nerta-blue) !important;
}

/* Laukelis skleidžiasi Į KAIRĘ nuo ikonos, toje pačioje eilutėje,
   o ne atskira juosta po antrašte. right: 100% pastato jo dešinįjį
   kraštą prie apvalkalo kairės, translateY centruoja vertikaliai. */
.nerta-search-field {
  position: absolute !important;
  right: calc(100% + 6px) !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 0 !important;
  overflow: hidden !important;
  transition: width .3s ease;
  pointer-events: all !important;
}

.nerta-search-wrapper.active .nerta-search-field {
  /* Siauruose ekranuose atimame vietos logotipui ir krepšeliui,
     kad laukelis neišlįstų už kairio krašto. */
  width: min(280px, calc(100vw - 150px)) !important;
  overflow: visible !important;
}

/* Be fono ir rėmelio – tik apatinė linija. */
.nerta-search-field form {
  display: flex !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  align-items: center !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--nerta-line) !important;
  border-radius: 0 !important;
  overflow: visible !important;
  padding: 0 0 4px !important;
  transition: border-color .2s ease;
}

/* Rašant linija tampa mėlyna – vienintelis likęs fokuso ženklas,
   nes rėmelio nebėra. */
.nerta-search-field form:focus-within {
  border-bottom-color: var(--nerta-blue) !important;
}

.nerta-search-field input[type="search"]:focus {
  outline: none !important;
}

.nerta-search-field input[type="search"] {
  font-family: var(--nerta-body);
  font-size: 13px;
  color: var(--nerta-carbon);
  background: transparent;
  border: none;
  outline: none;
  padding: 8px 4px;
  width: 100%;
}

.nerta-search-field input[type="search"]::placeholder {
  color: var(--nerta-charcoal);
}

.nerta-search-field button[type="submit"] {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--nerta-charcoal);
  display: flex;
  align-items: center;
  padding: 4px;
  transition: color .2s ease;
}

.nerta-search-field button[type="submit"]:hover {
  color: var(--nerta-blue);
}

/* Enter ženkliukas vietoj lupos – lupa jau yra ant atidarymo
   mygtuko, tad kartoti ją submit'e nieko nesako. Pačią ikoną
   sukeičia nerta-search.js. */
.nerta-search-field button[type="submit"] {
  flex: none;
  min-width: 28px;
  min-height: 28px;
  justify-content: center;
}

/* Anksčiau overflow buvo atidarytas VISIEMS Elementor konteineriams
   visoje svetainėje – tai laužo bet kokį sąmoningą apkarpymą
   (nuotraukų zoom, karuseles, apvalintus kampus). Dabar tik antraštė. */
.elementor-location-header .elementor-widget-wrap,
.elementor-location-header .elementor-container {
  overflow: visible !important;
}

.elementor-location-footer .nerta-search-wrapper {
  display: none !important;
}


/* ========================================
   PAIEŠKOS REZULTATAI
   ======================================== */

.search-results h1.page-title,
.search h1.page-title {
  font-family: var(--nerta-display) !important;
  font-size: clamp(28px, 6vw, 42px) !important;
  font-weight: 400 !important;
  color: var(--nerta-carbon) !important;
}

.search-results .entry-title a,
.search .entry-title a {
  font-family: var(--nerta-display) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: var(--nerta-carbon) !important;
}

.search-results .entry-title a:hover,
.search .entry-title a:hover {
  color: var(--nerta-blue) !important;
}

.search-results .entry-summary,
.search .entry-summary {
  font-family: var(--nerta-body) !important;
  font-size: 14px !important;
  color: var(--nerta-charcoal) !important;
  line-height: 1.7 !important;
}

.search-results .price,
.search .price {
  font-family: var(--nerta-body) !important;
  color: var(--nerta-charcoal) !important;
  font-size: 15px !important;
}

/* Buvo fiksuoti 80px be media query – 375px ekrane turiniui likdavo 215px */
.search-results .site-main,
.search .site-main {
  padding: clamp(32px, 6vw, 60px) clamp(20px, 6vw, 80px) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.search-results article,
.search article {
  padding: 24px 0 !important;
  border-bottom: 1px solid var(--nerta-dust) !important;
  margin-bottom: 0 !important;
}


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

.woocommerce-breadcrumb {
  font-family: var(--nerta-body) !important;
  font-size: 12px !important;
  color: var(--nerta-charcoal) !important;
  letter-spacing: .04em !important;
  padding: 16px 0 !important;
}

.woocommerce-breadcrumb a {
  color: var(--nerta-charcoal) !important;
  text-decoration: none !important;
}

.woocommerce-breadcrumb a:hover {
  color: var(--nerta-blue) !important;
}


/* ========================================
   FOOTER
   ======================================== */

.elementor-location-footer {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

footer {
  margin-bottom: 0 !important;
}


/* ========================================
   WOOF FILTRAS
   ======================================== */

.woof_products_top_panel {
  display: none !important;
}


/* ========================================================================
   NUMATYTŲJŲ SPALVŲ UŽDENGIMAS

   Šios vietos niekada neturėjo priskirtos spalvos, todėl šviečia
   Elementor ir Hello Elementor temos gamyklinės reikšmės:
     #CC3366  praleidimo nuoroda
     #33373D  antraštės meniu
     #333333  krepšelio tekstas, socialinių tinklų ikonos
     #69727D  valiutos simbolis, ikonų hover
   Nė viena jų nepriklauso paletei.
   ======================================================================== */

/* Praleidimo nuoroda – matoma tik klaviatūra naršant */
.skip-link,
.skip-link:focus,
a.skip-link.screen-reader-text:focus {
  font-family: var(--nerta-ui) !important;
  font-size: 12px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  background-color: var(--nerta-carbon) !important;
  color: var(--nerta-paper) !important;
  border-radius: 0 0 var(--nerta-radius) 0 !important;
  padding: 14px 20px !important;
}

/* Antraštės meniu */
.elementor-location-header .elementor-nav-menu .elementor-item,
.elementor-location-header .elementor-nav-menu a {
  color: var(--nerta-carbon) !important;
}

.elementor-location-header .elementor-nav-menu .elementor-item:hover,
.elementor-location-header .elementor-nav-menu .elementor-item.elementor-item-active {
  color: var(--nerta-blue) !important;
}

/* Elementor meniu punktui po pele deda pilką foną #3F444B. Ant jo
   mėlynas tekstas duoda 1,21:1. Fono nereikia – pakanka spalvos
   ir pabraukimo. */
.elementor-location-header .elementor-nav-menu .elementor-item:hover,
.elementor-location-header .elementor-nav-menu .elementor-item:focus,
.elementor-location-header .elementor-nav-menu .elementor-item.elementor-item-active,
.elementor-location-header .elementor-nav-menu--main .elementor-item:before,
.elementor-location-header .elementor-nav-menu--main .elementor-item:after {
  background-color: transparent !important;
}

/* Esamo puslapio punktas pabraukiamas.

   Elementor turi savo pabraukimo juostele (e--pointer-underline deda
   .elementor-item:after, 3px aukscio), bet jos spalva widget'e nebuvo
   nustatyta, o auksciau esanti taisykle ja dar ir nuskaidrina, kad
   dingtu pilkas hover fonas. Tad aktyvus punktas tik pamelynuodavo.

   Braukiamas pats tekstas, ne visa punkto plotis - taip dera su
   plonomis 1px linijomis kitur svetaineje.

   current-menu-ancestor / -parent reikalingi tam, kad esant produkto
   ar kategorijos puslapyje butu pazymetas tevinis punktas. */
.elementor-location-header .elementor-nav-menu .elementor-item-active,
.elementor-location-header .elementor-nav-menu .current-menu-item > .elementor-item,
.elementor-location-header .elementor-nav-menu .current-menu-ancestor > .elementor-item,
.elementor-location-header .elementor-nav-menu .current-menu-parent > .elementor-item {
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 6px !important;
}

/* Šoninis krepšelis antraštėje */
.elementor-menu-cart__main,
.elementor-menu-cart__product-name,
.elementor-menu-cart__product-price {
  font-family: var(--nerta-body) !important;
  color: var(--nerta-carbon) !important;
}

/* Tuščio krepšelio žinutė.
   Elementor Pro perrašo WooCommerce šabloną ir naudoja
   .woocommerce-mini-cart__empty-message, NE .elementor-menu-cart__…
   Dydžio ji neturi savo, tad paveldėdavo widget'o antraščių
   tipografiją – 30px Archivo Black. Tai ne antraštė, o paaiškinimas. */
.elementor-menu-cart__main .woocommerce-mini-cart__empty-message,
.woocommerce-mini-cart__empty-message,
.elementor-menu-cart__empty-message {
  font-family: var(--nerta-body) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: center !important;
  color: var(--nerta-charcoal) !important;
  padding: 32px 24px !important;
  margin: 0 !important;
}

.elementor-menu-cart .woocommerce-Price-currencySymbol,
.elementor-menu-cart__product-price .quantity,
.elementor-menu-cart__container .woocommerce-Price-amount,
.elementor-menu-cart__container bdi,
.elementor-menu-cart__container .quantity {
  color: inherit !important;
}

/* Socialinių tinklų ikonos SĄMONINGAI nebediktuojamos.
   Anksčiau čia buvo globali taisyklė, dažanti jas Carbon spalva –
   bet vienintelė vieta, kur jos yra, yra TAMSI poraštė, todėl jos
   tapdavo nematomos (1:1). Poraštė sustyliuota Elementor'e, tad
   paliekame jai. */

/* Naujienlaiškio laukas poraštėje */
.elementor-location-footer .elementor-field-textual {
  font-family: var(--nerta-body) !important;
  background-color: var(--nerta-paper) !important;
  color: var(--nerta-carbon) !important;
  border: 1px solid var(--nerta-line) !important;
  border-radius: var(--nerta-radius) !important;
}

.elementor-location-footer .elementor-field-textual::placeholder {
  color: var(--nerta-charcoal) !important;
}


/* ========================================================================
   TAMSIOS SEKCIJOS – PASIRENKAMA KLASĖ

   Paletė sudėliota šviesiam fonui, todėl tamsioje sekcijoje dalis
   tokenų nustoja veikti. Ant #252422:

     Charcoal #4C4B4A   1,78:1  ✗   antrinis tekstas tampa nematomas
     Mėlyna   #004AAD   1,91:1  ✗   nuorodos tampa nematomos
     Dust     #A6A5A3   6,30:1  ✓
     Paper    #FFFCF2  15,11:1  ✓

   Ši klasė uždedama RANKA per Advanced → CSS Classes tai sekcijai,
   kuriai jos reikia. Poraštė sąmoningai nepaliesta – ji sustyliuota
   Elementor'e ir automatinis perrašymas tą darbą sugriautų.
   ======================================================================== */

.nerta-on-dark {
  --nerta-on-dark-text: var(--nerta-paper);
  --nerta-on-dark-muted: var(--nerta-dust);
}

/* ------------------------------------------------------------------
   PILKOS SEKCIJOS – PASIRENKAMA KLASĖ

   Ant Grey #A6A5A3 skaitomas TIK Carbon (6,30:1). Visa kita krinta:
     Charcoal #4C4B4A   3,54:1  ✗   ← dažniausia klaida, nes tai
                                       numatytoji etikečių spalva
     Burgundy #891A29   3,80:1  ✗
     Mėlyna   #004AAD   3,30:1  ✗
     Paper    #FFFCF2   2,40:1  ✗

   Todėl pilkoje sekcijoje viskas – ir antraštės, ir etiketės, ir
   tekstas – yra Carbon. Klasė uždedama per Advanced → CSS Classes.
   ------------------------------------------------------------------ */

.nerta-on-grey,
.nerta-on-grey p,
.nerta-on-grey h1,
.nerta-on-grey h2,
.nerta-on-grey h3,
.nerta-on-grey h4,
.nerta-on-grey .e-heading-base,
.nerta-on-grey .e-paragraph-base,
.nerta-on-grey .elementor-widget-text-editor,
.nerta-on-grey .elementor-widget-text-editor p {
  color: var(--nerta-carbon) !important;
}

.nerta-on-dark .elementor-widget-text-editor,
.nerta-on-dark .elementor-widget-text-editor p,
.nerta-on-dark .e-paragraph-base,
.nerta-on-dark p {
  color: var(--nerta-on-dark-muted);
}

.nerta-on-dark .e-heading-base,
.nerta-on-dark h1,
.nerta-on-dark h2,
.nerta-on-dark h3 {
  color: var(--nerta-on-dark-text);
}

.nerta-on-dark a:not(.elementor-button):not(.e-button-base) {
  color: var(--nerta-on-dark-muted);
}

.nerta-on-dark a:not(.elementor-button):not(.e-button-base):hover {
  color: var(--nerta-on-dark-text);
}

/* Mygtukai tamsioje sekcijoje pasilieka savo foną (jis nustatytas
   Elementor'e), keičiamas tik teksto spalva į šviesią.
   #FFFEFC ant mėlyno #004AAD duoda 8,07:1.

   Fono čia NEPERRAŠOME sąmoningai: anksčiau bandytas apvertimas
   (šviesus fonas, tamsus tekstas) nepersvėrė Elementor nustatymo,
   todėl likdavo tamsus tekstas ant mėlynos – blogiau nei buvo. */
.nerta-on-dark .elementor-button,
.nerta-on-dark .e-button-base,
.nerta-on-dark .elementor-button:hover,
.nerta-on-dark .e-button-base:hover {
  color: var(--nerta-light) !important;
}