.elementor-2367 .elementor-element.elementor-element-464de16{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2367 .elementor-element.elementor-element-6add1ee{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2367 .elementor-element.elementor-element-c200e4d{--display:flex;}.elementor-2367 .elementor-element.elementor-element-product-brand-label > .elementor-widget-container{margin:0px 0px 4px 0px;}.elementor-2367 .elementor-element.elementor-element-product-brand-label .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:400;text-transform:none;letter-spacing:1px;color:#6C3C4A;}.elementor-2367 .elementor-element.elementor-element-e689e8d > .elementor-widget-container{margin:-14px 0px 0px 0px;}.elementor-2367 .elementor-element.elementor-element-e689e8d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;}.woocommerce .elementor-2367 .elementor-element.elementor-element-daaf553 .star-rating{color:#FBC800;}.woocommerce .elementor-2367 .elementor-element.elementor-element-8c189c9 .price{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-2367 .elementor-element.elementor-element-44eb7d2 > .elementor-widget-container{margin:0px 0px -40px 0px;}.elementor-2367 .elementor-element.elementor-element-1c79e90 .cart button, .elementor-2367 .elementor-element.elementor-element-1c79e90 .cart .button{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;border-radius:999px 999px 999px 999px;padding:16px 34px 16px 34px;color:#FFFFFF;background-color:#6C3C4A;border-color:#6C3C4A;transition:all 0.2s;}.elementor-2367 .elementor-element.elementor-element-1c79e90 .cart button:hover, .elementor-2367 .elementor-element.elementor-element-1c79e90 .cart .button:hover{color:#FFFFFF;background-color:#54303B;border-color:#54303B;}.elementor-2367 .elementor-element.elementor-element-1c79e90 .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-2367 .elementor-element.elementor-element-1c79e90 form.cart table.variations label{color:#2A2020;font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}.elementor-2367 .elementor-element.elementor-element-bd173ff{--display:flex;}.elementor-2367 .elementor-element.elementor-element-e8c1194{--display:flex;}.elementor-2367 .elementor-element.elementor-element-244f2a1{--display:flex;}.elementor-2367 .elementor-element.elementor-element-10d0475{--display:flex;}.elementor-2367 .elementor-element.elementor-element-e035241{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-2367 .elementor-element.elementor-element-0b68658{--display:flex;}@media(max-width:1024px){.elementor-2367 .elementor-element.elementor-element-6add1ee{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2367 .elementor-element.elementor-element-6add1ee{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-1c79e90 *//* Suurusevalikute pealmised valged kihid maha */
.woo-variation-swatches
.variable-items-wrapper[data-attribute_name="attribute_pa_suurus"]
.variable-item::before,

.woo-variation-swatches
.variable-items-wrapper[data-attribute_name="attribute_pa_suurus"]
.variable-item::after,

.woo-variation-swatches
.variable-items-wrapper[data-attribute_name="attribute_pa_suurus"]
.variable-item-contents::before,

.woo-variation-swatches
.variable-items-wrapper[data-attribute_name="attribute_pa_suurus"]
.variable-item-contents::after {
    content: none !important;
    display: none !important;
}

/* Nupu sisemus läbipaistvaks */
.woo-variation-swatches
.variable-items-wrapper[data-attribute_name="attribute_pa_suurus"]
.variable-item-contents {
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Tekst kõige peale ja korralikult keskele */
.woo-variation-swatches
.variable-items-wrapper[data-attribute_name="attribute_pa_suurus"]
.variable-item-span {
    position: relative !important;
    z-index: 20 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-indent: 0 !important;
}

/* Pikematele suurustele piisav laius */
.woo-variation-swatches
.variable-items-wrapper[data-attribute_name="attribute_pa_suurus"]
.variable-item[data-value="s-m"],

.woo-variation-swatches
.variable-items-wrapper[data-attribute_name="attribute_pa_suurus"]
.variable-item[data-value="l-xl"] {
   width: 40px !important;
min-width: 40px !important;
height: 40px !important;
border-radius: 40px !important;
font-size: 14px !important;
}

/* Ühtne "Värv" ja "Suurus" sildi kujundus (Värvi sildi renderdab wpc-linked-variation eraldi, mitte table.variations) */
.woocommerce form.cart table.variations label,
.wpclv-attribute-label {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #2A2020 !important;
  margin: 0 0 8px 0 !important;
  display: block !important;
}

/* Oma kontrollitud koolon suuruse väärtuse ette, sildiga samas (tumedas) toonis - plugina enda separaatori asemel (see on eemaldatud seadetest) */
.woocommerce form.cart table.variations .woo-selected-variation-item-name:before {
  content: ":";
  color: #2A2020;
  font-weight: 600;
  margin-right: 4px;
}

/* Valitud väärtuse osa ("L/XL", "Blue Dusk") - brändi aktsendivärv, et eristuda sildist. JUURPOHJUS: .flexelle-varv-value on PESASTATUD <label> sisse, mis saab meie enda text-transform:uppercase reegli - see PARIS (inherit) alamelemendile, isegi kui value-l endal see omadus polnud enam maaratud. Pidime sonaselgelt 'none' peale seadma, pelgalt eemaldamisest ei piisanud. */
.woocommerce form.cart table.variations .woo-selected-variation-item-name,
.flexelle-varv-value {
  color: #6C3C4A !important;
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;
}

/* "Lisa korvi" nupu keelatud olek (enne suuruse valimist) - brändi stiiliga pill, mitte vaikimisi hall kast */
.woocommerce div.product form.cart .single_add_to_cart_button.disabled,
.woocommerce div.product form.cart button.button.disabled,
.woocommerce div.product form.cart button.button:disabled,
.woocommerce div.product form.cart a.button.disabled {
  background-color: #F4E9EB !important;
  color: #6C3C4A !important;
  border: none !important;
  border-radius: 999px !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

/* Valitud suuruse väärtus (": L/XL" vms) ei tohi sildi juures reale murduda */
.woocommerce form.cart table.variations th.label,
.woocommerce form.cart table.variations th.label label {
  white-space: nowrap !important;
  width: auto !important;
  display: inline-block !important;
}

/* Peida suuruse valikul ilmuv info-plokk (.single_variation), mis WooCommerce'i JS-i poolt slideDown(200)-ga avatakse - hind ja saadavus dubleerivad juba mujal lehel olevat infot ning kirjeldus on tavaliselt tühi. Kõigi laste peitmine tähendab, et .single_variation kõrgus jääb animatsiooni ajal 0-ks ning "Lisa korvi" nupp, mis on selle kõrval samas .single_variation_wrap'is, ei vilksata/hüppa enam suuruse valimisel. */
.woocommerce div.product .woocommerce-variation-availability,
.woocommerce div.product .stock,
.woocommerce div.product .woocommerce-variation-price,
.woocommerce div.product .woocommerce-variation-description {
  display: none !important;
}

/* JUURPÕHJUS LEITUD: kogusevalija (.quantity) ei olnud varem stabiilselt peidetud - WooCommerce'i enda JS (add-to-cart-variation.js) teeb suuruse valimisel $qty.show() iga kord, kui valitud variatsioon pole "müüakse üksikult" (see toode pole). See jQuery .show() paneb elemendile INLINE display-stiili, mis võidab tavalise (mitte !important) CSS reegli üle - kogusekast ilmus nähtavale ja nupurida (Astra .ast-woo-single-cart-button-wrap on flex-wrap:wrap) murdus uuele reale, mistõttu nupp "liikus alla ja jäi sinna". Peidame kogusekasti püsivalt !important'iga, mida jQuery inline-stiil enam üle ei kirjuta. */
.woocommerce div.product form.cart .quantity {
  display: none !important;
}

/* Ühevärviliste toodete puhul (Värv pandud variatsiooniks): peida woo-variation-swatches'i duplikaat-ringike, jäta alles ainult wpc-variation-swatches oma (korrektselt värvitud) pallike */
.woocommerce form.cart table.variations .variable-items-wrapper.color-variable-items-wrapper[data-attribute_name="attribute_pa_varv"] {
  display: none !important;
}

/* AVASTUS: woo-variation-swatches JS (prepareLabel()) lisab AUTOMAATSELT iga .variations .label sisse <span class="woo-selected-variation-item-name">, mis Suurusel näitab valitud väärtust ("L/XL") - see on soovitud käitumine Suurusel, aga Värvi puhul dubleerib meie enda PHP-ga lisatud väärtust JA saab meie enda eksisteeriva :before koolon-reegli, mis tekitaski topeltkooloni. Peidame selle spetsiifiliselt Värvi rea jaoks. */
.woocommerce form.cart table.variations tr:has(label[for="pa_varv"]) .woo-selected-variation-item-name {
  display: none !important;
}

/* JUURPÕHJUS LEITUD ja kinnitatud JS-diagnostikaga: minu varasem valija "html body.single-product .woocommerce ..." (tühikuga) EI SOBINUD KUNAGI, sest .woocommerce klass on täpselt SAMAL body elemendil mis .single-product, mitte selle alamelemendil - järeltulija-kombinaator nõudis võimatut struktuuri. Parandus: üks liitvalija "body.single-product.woocommerce" (ilma tühiku/duplikaadita). See selgitab, miks flex/block/float katsed kõik identselt ei mõjunud - valija ise ei rakendunud kunagi pärast selle prefiksi lisamist. */
body.single-product.woocommerce form.cart table.variations tr:has(label[for="pa_varv"]) {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
body.single-product.woocommerce form.cart table.variations tr:has(label[for="pa_varv"]) th.label,
body.single-product.woocommerce form.cart table.variations tr:has(label[for="pa_varv"]) td.value {
  display: block !important;
  width: 100% !important;
  flex-basis: auto !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}
body.single-product.woocommerce form.cart table.variations tr:has(label[for="pa_varv"]) th.label {
  margin-bottom: 4px !important;
}
body.single-product.woocommerce form.cart table.variations tr:has(label[for="pa_varv"]) td.value {
  margin-top: 4px !important;
}
body.single-product.woocommerce form.cart table.variations tr:has(label[for="pa_varv"]) .wpcvs-terms {
  margin: 0 !important;
}

/* [wpclv] shortcode-vidin (44eb7d2) on ühevärviliste toodete puhul tühi (WPC Linked Variation ei renderda midagi, kuna pole seotud tooteid) - aga võtab siiski oma koha + 20px gap'i mõlemalt poolt, mistõttu ühevärviliste toodete "hind -> Värv" vahe oli suurem kui mitmevärvilistel. Peidame vidina täielikult, kui selle sisu on tühi. */
.elementor-element-44eb7d2:has(.elementor-shortcode:empty) {
  display: none !important;
}

/* Suurus/Sisesääre pikkus dropdown-valikud (peale default_to_button väljalülitamist) - WooCommerce'i vaikimisi min-width:75% tegi kasti liiga laiaks lyhikeste väärtuste ("S", "69 cm") jaoks. Kitsendame kasti sisu järgi. Kujundus on ka moodsamaks tehtud: pehme ümar nurk, bränditooniga (accent) ääris ja fookus/hover olek, oma noolemärk vastavas toonis vaikimisi halli plugina noole asemel. */
.woocommerce div.product form.cart .variations select {
  min-width: 0 !important;
  width: 130px !important;
  max-width: 130px !important;
  box-sizing: border-box !important;
  height: 44px !important;
  padding: 0 2.4em 0 16px !important;
  border: 1px solid rgba(108, 60, 74, 0.22) !important;
  border-radius: 10px !important;
  background-color: #FFFFFF !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236C3C4A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 14px) 50% !important;
  background-size: 10px 6px !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  cursor: pointer !important;
}

.woocommerce div.product form.cart .variations select:hover {
  border-color: #6C3C4A !important;
}

.woocommerce div.product form.cart .variations select:focus {
  border-color: #6C3C4A !important;
  box-shadow: 0 0 0 3px rgba(108, 60, 74, 0.14) !important;
  outline: none !important;
}

/* Vahe suuruse valiku (select) ja selle all oleva õhukese joone vahel - varem puutus valik joonega peaaegu kokku, sest joon on table.variations enda alumine ääris ja rida ei jätnud selle jaoks ruumi */
.woocommerce div.product form.cart table.variations td.value {
  padding-bottom: 16px !important;
}

/* "Puhasta" (reset_variations) link peideti täielikult - kasutaja saab suuruse lihtsalt dropdownist ümber valida, eraldi tühjendamislink oli üleliigne ja istus select-kastile liiga lähedal */
.woocommerce div.product form.cart .reset_variations {
  display: none !important;
}

/* .single_variation on WooCommerce'i JS-i poolt slideDown/slideUp animeeritav element (vt add-to-cart-variation.js). Kuna kogu selle sisu (hind, kirjeldus, saadavus) on eespool peidetud, on selle loomulik kõrgus niigi alati 0 - see reegel kindlustab sama asja CSS tasandil, juhuks kui JS peaks kuskil vahepeal inline height'i määrama. */
.woocommerce div.product form.cart .single_variation {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* "Lisa korvi" nupu naeiline "suuremaks minemine" suuruse valimisel - mootsime otse brauseris getBoundingClientRect()'iga kogu 200ms ulemineku jooksul: nupu laius/korgus/padding on identsed keelatud ja aktiivse oleku vahel, seega tegu EI OLE tegeliku suurusemuutusega. Elementori vaikimisi reegel paneb nupule 'transition: all 0.2s' - see animeerib KOIKI muutuvaid CSS omadusi (nt border-style muutub none -> solid), mis koos jarsu varvimuutusega (kahvatu roosa -> tume roosakaspruun) voib tekitada visuaalse "pop" mulje kuigi kastimoodud ise ei muutu. Piirame animatsiooni konkreetselt varviomadustele. */
.woocommerce div.product form.cart .single_add_to_cart_button {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

/* Varvivaliku "valitud" oleku ring oli vaikimisi roheline (plugina enda kovakodeeritud varv) ja uhevarviliste toodete puhul (wpc-variation-swatches, .wpcvs-term.wpcvs-selected) lisandus ka valge linnuke rohelisel taustal (.wpcvs-term-inner::before, content:'✓') absoluutpositsioneeritud pallikesena nurgas. Mitmevarviliste toodete puhul (wpc-linked-variation, .wpclv-term.active) linnukest pole, ainult roheline aar. Kasutaja soovis: linnuke olgu igal juhul peidetud, ring olgu lilla mitte roheline, molemal pluginal uhtemoodi. */
/* Valitud (aktiivse) ringi varv - kasutame OLEMASOLEVAT brandi aktsendivarvi (#6C3C4A, sama mis Varv/Suurus vaartuse teksti ja nuppude varv), mitte eraldi uut lillat tooni - jarjepidevuse motttes. */
.wpcvs-term.wpcvs-selected {
  border-color: #6C3C4A !important;
}
.wpcvs-term-inner::before {
  content: none !important;
  display: none !important;
}
.wpclv-term.active {
  border-color: #6C3C4A !important;
}

/* Hover-olek eristub visuaalselt valitud olekust: aar jaab tavaliseks (vaikimisi hall), lisandub pehme aktsendivarvi "sara" (box-shadow), mitte kova varviline raam. Plugina enda vaikimisi hover-reegel (.wpclv-term.active, .wpclv-term:hover { border-color: green; }) tuli aare osas selgesonaliselt tagasi neutraalseks lukustada, kuna see jagab reeglit .active'iga ja voidaks meie varasemat parandust muidu ule vaid .active puhul, mitte :hover puhul. */
.wpclv-term:hover {
  border-color: #ddd !important;
  box-shadow: 0 0 0 2px rgba(108, 60, 74, 0.15) !important;
}
.wpcvs-term:hover {
  border-color: #ddd !important;
  box-shadow: 0 0 0 2px rgba(108, 60, 74, 0.15) !important;
}


/* Laost otsas suurus dropdown-is (flexelle-oos-size-dropdown.php lisab tekstile " – laost otsas" ja disabled atribuudi) - hele hall tekst, et eristada valitavatest suurustest */
.woocommerce div.product form.cart .variations select option.flexelle-oos-option,
.woocommerce div.product form.cart .variations select option:disabled {
  color: #ADA3A7 !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e035241 *//* Peida akordioni kaart taielikult, kui selle ACF valjaga seotud sisu on antud tootel tuhi - Elementor ei renderda vidinat uldse, kui dunaamiline sisu on tuhi (mitte lihtsalt tuhi <div>, vidin puudub taielikult). :empty ei toota, kuna Elementori enda renderdatud HTML jatab konteinerisse taandreamise/tuhimiku tekstisolme, mis :empty jaoks juba "sisu" on. Kontrollime selle asemel vidina PUUDUMIST otse. */
.e-n-accordion-item:not(:has(.elementor-widget)) {
  display: none !important;
}/* End custom CSS */