/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 06 2025 | 17:55:07 */
/*! SISUKORD ALGAB !*/
/* === 1. ÜLDINE OSA === */
/* === 2. POOD LEHT === */
/* === 3. OSTUKORVI LEHT === */
/* === 4. MAKSMISE(KASSA) LEHT === */
/* === 5. TOOTELEHT === */
/* === 6. FILTER CONTAINER OSA === */
/* === 7. PÄIS === */
/*! SISUKORD LÕPEB !*/


/*! 1. KÕIK ÜLDINE OSA ALGAB !*/

/* === Peidame teatud WooCommerce teated (rohelised eduteated, mingi login error teade, sinised infoteated) === */
.woocommerce-message,
.woocommerce.wfls-login-message,
.woocommerce-info {
  display: none !important;
}
/* Muudan peamise veateate taustavärvi (kassa lehel) */
.woocommerce-error {
    background-color: #3A3737 !important; /* Muuda taustavärvi halliks */
}

/* === WooCommerce nupud ühtse stiiliga ("Lisa korvi", "registreeru", "logi sisse") === */
.woocommerce a.button,
.woocommerce button.button,
.wp-block-button__link.add_to_cart_button,
.woocommerce input.button {
  background-color: #A89F84;   /* taustavärv */
  color: #FFFFFF;              /* teksti värv */
  border-radius: 25px;         /* ümarad nurgad */
  padding: 10px 20px;          /* kõrgus ja laius */
  transition: background-color 0.5s ease, color 0.3s ease;
}

/* Hover efekt */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wp-block-button__link.add_to_cart_button:hover,
.woocommerce input.button:hover {
  background-color: #282828;   /* hover taust */
  color: #FFFFFF;              /* tekst jääb valgeks */
}

/* === "Mine kassasse" ja "Edasi kassasse" nupud WooCommerce Blocks === */
.wc-block-cart__submit-button.wc-block-components-button.contained,
.wc-block-components-checkout-place-order-button.contained {
  background-color: #282828;   /* taust */
  color: #fff;                /* tekst */
  border-radius: 25px;         /* ümarad nurgad */
  padding: 10px 20px;          /* sisu */
  text-align: center;
  display: inline-block;
  transition: background-color 0.3s ease;
  text-decoration: none;       /* eemaldab allajoonimise */
  border: none;                /* eemaldab vaikimisi ääre */
}

/* Hover */
.wc-block-cart__submit-button.wc-block-components-button.contained:hover,
.wc-block-components-checkout-place-order-button.contained:hover {
  background-color: #A89F84;
  color: #fff;
}

/* === Global link styles === */
/* Kõik lingid (a) saidile */
a {
  color: #FFFFFF; /* lingi normaalne värv */
  transition: color 0.3s ease; /* sujuv üleminek hoveriks */
}
a:hover {
  color: #A89F84; /* lingi hover värv */
}

/* === menu cart (elementor plugin) === */
.elementor-menu-cart__main {
  width: 500px !important;   /* tee sobiv laius */
  max-width: 90vw;           /* väldib liiga laia mobiilis */
  margin-right: 10px;
}

/* === Muudab woo rippmenüü üldist välimust === */
.woocommerce-ordering .orderby {
    background-color: #3A3737; /* background alt taust(tumehall) */
    color: #ffffff; /* Valge tekst */
    border: 1px solid #ffffff; /* Valge ääris */
    padding: 10px;
    border-radius: 5px; /* Ümarad nurgad */
    font-size: 14px;
}

/* Muudab rippmenüü valikute värvi (mõjutab rippmenüü sisu) */
.woocommerce-ordering .orderby option {
    background-color: #282828; /* background(must) taust valikutele */
    color: #ffffff; /* Valge tekst valikutele */
}

/* === FOOTER: Sticky footer === */
body {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
}
/* Elementor main content area */
.elementor-location-single,
.elementor-location-archive {
  flex: 1 !important;
}
/* Footer */
.elementor-location-footer {
  margin-top: auto !important;
}

/* === Scroll to top nupp (Icon) kogu lehele === */
/* See kood peidab nupu mobiilis ja tahvelarvutis, kui keritud ei ole piisavalt. */
@media (max-width: 1024px) {
    #scroll-to-top {
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }
    body.scrolled-down #scroll-to-top {
        opacity: 1;
    }
}
/*! KÕIK ÜLDINE OSA LÕPEB !*/


/*! 2. POOD LEHT ALGAB!*/
/* === POOD lehe taxonomy filter valikust peidame "Uncategorized" valiku === */
.e-filter-item[data-filter="uncategorized"] {display: none; }

/* === peidame "showing x results" teksti" pood lehel === */
.woocommerce-result-count {
    display: none;
}
/*! POOD LEHT LÕPEB!*/


/*! 3. OSTUKORVI LEHT ALGAB!*/
/* === Määrame teksti punaseks kupongikoodi errori puhul, kui ostukorvi leht on elementoriga käsitsi tehtud === */
.coupon-error-notice {
    color: #A23B3B !important;
}

/*! OSTUKORVI LEHT LÕPEB!*/


/*! 4. MAKSMISE(KASSA) LEHT ALGAB!*/
/* === Muudame checkout elemendi rippmenüü avamise disaini (kuna elemendi sees ei saa) === */
/* Taustavärvi muutmine */
.select2-container--open .select2-dropdown,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3A3737 !important;
}
/* Otsingukasti tausta ja tekstivärvi muutmine */
.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #3A3737 !important;
    color: #fff !important;
}
/* error message fondisuuruse suurendamine - ei tea kust default tuleb */
.checkout-inline-error-message {
    font-size: 14px !important; /* Muuda seda väärtust vastavalt vajadusele */
}

/* === Pakiautomaadi valiku rippmenüü disain === */
/* Selecti kast ise */
#mc_pickup_point_select [class*="-control"] {
  background-color: #282828 !important;
  color: #fff !important;
  border: 1px solid #444;
  border-radius: 8px;
}

/* Valitud tekst */
#mc_pickup_point_select [class*="-singleValue"] {
  color: #fff !important;
}

/* Dropdowni taust */
#mc_pickup_point_select [class*="-menu"] {
  background-color: #282828 !important;
  color: #fff !important;
  border-radius: 8px;
}

/* Hover dropdownis */
#mc_pickup_point_select [class*="-option"]:hover {
  background-color: #444 !important;
  color: #fff !important;
}

/* === Eemaldame checkout elemendi venitamise ja laialivalgumise === */
/* Tekstide kärbimiseks KÕIKIDES vaadetes */
.makecommerce-pickuppoint-wrapper .select2-results__option {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.makecommerce-pickuppoint-wrapper .select2-selection__rendered {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Lauaarvuti vaade */
@media (min-width: 1025px) {
	/* select2 rippmenüüle fixed laius */
  .makecommerce-pickuppoint-wrapper .select2-container--default {
    width: 330px !important;
  }
	/* dropdown menüü konteiner ise (avatud menüü "kast") */
  .makecommerce-pickuppoint-wrapper .select2-dropdown {
    width: 400px !important;
    max-width: 400px !important;
  }
	/* algne rippmenüü konteiner, kui see on avatud olekus */
	.select2-container--default.select2-container--open.e-woo-select2-wrapper {
    width: 400px !important;
    max-width: 400px !important;
  }
}

/* Tableti vaade */
@media (min-width: 768px) and (max-width: 1024px) {
	/* select2 rippmenüüle fixed laius */
  .makecommerce-pickuppoint-wrapper .select2-container--default {
    width: 400px !important;
  }
  /* algne rippmenüü konteiner, kui see on avatud olekus */
  .select2-container--default.select2-container--open.e-woo-select2-wrapper {
    width: 700px !important;
    max-width: 700px !important;
  }
}

/* mobiili vaade */
@media (max-width: 767px) {
  /* select2 rippmenüüle fixed laius */
  .makecommerce-pickuppoint-wrapper .select2-container--default {
    width: 180px !important;
  }
  /* algne rippmenüü konteiner, kui see on avatud olekus */
  .select2-container--default.select2-container--open.e-woo-select2-wrapper {
    width: 330px !important;
    max-width: 330px !important;
  }
}

/* === ostukorvi liikumise nupu asukoht === */

/* Nupud ühele reale */
.woocommerce-checkout-payment {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

#place_order {
    flex: 1;
    min-width: 200px;
}

.back-to-cart-button {
    flex: 0 0 auto;
}
a.button.back-to-cart-button {
	background-color: #3A3737;
}

/* === Tagasi kassasse ja esita tellimus nuppude paigutus mobiilis === */
@media (max-width: 767px) {
  .checkout-buttons-container {
    flex-direction: column-reverse !important;
    gap: 10px !important;
  }
  
  #place_order,
  .back-to-cart-button {
    width: 100% !important;
    flex: 1 1 auto !important;
  }
}

/*! MAKSMISE(KASSA) LEHT LÕPEB! */


/*! 5. TOOTELEHT LEHT ALGAB !*/

/* === tootelehe variatsioonide disaini muutmine === */
/* Toote variations tabeli laiendamine */
.elementor-widget-woocommerce-product-add-to-cart .variations {
    width: 100% !important;
    max-width: none !important;
}
/* Nihutab variatsiooni nime vasakule */
.variations_form table.variations .label {
    padding-left: 0;
}
/* Muuda valitud variatsiooni teksti (nt :CC) */
.woo-selected-variation-item-name {
    color: #A89F84;
    font-size: 18px; 
    font-weight: bold; 
	position: relative;
    top: 3px;
}
/* Muuda hinna värvi */
.woocommerce-variation-price, .price {
    color: #A89F84 !important;
}

/* === Tootelehe elemendi product meta disain === */
/* Ainult meta labelitele */
.product_meta .posted_in > span:first-child::after,
.product_meta .tagged_as > span:first-child::after,
.product_meta .brands > span:first-child::after {
  content: ":";
  margin-right: 5px;
}

/* Võtab ära boldi */
.product_meta span {
  font-weight: normal !important;
}

/* === disainime WooCommerce'i variatsiooni rippmenüüd (pikkuse valimine) === */
.variations select {
    /* 1. Määra soovitud taustavärv (asenda #333940 enda tumeda tooniga) */
    background-color: #3A3737 !important; /* must: #282828 ; hall: #3A3737 */
    
    /* 2. Määra serva värv */
    border-color: #A89F84 !important; 
}

/* === Variatsiooni nupu disain laoseisu järgi === */
.variable-item.disabled-out-of-stock {
  position: relative;
  opacity: 0.5;
  pointer-events: none;
}

.variable-item.disabled-out-of-stock::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 6px;
  font-size: 14px;
  color: #c00;
  font-weight: 700;
}

/* Nupu taustavärvi muutmine */
.button-variable-item {
    background-color: #CEC6B1 !important;
}

/* === Lisainfo saki peitmine CSS-ga === */
/* Peidab saki pealkirja (Lisainfo nupu) */
.woocommerce-tabs .additional_information_tab {
    display: none !important;
}

/* Peidab saki sisu (Lisainfo paneeli) */
.woocommerce-tabs-panel--additional_information {
    display: none !important;
}
/*! TOOTELEHT LEHT LÕPEB !*/


/*! 6. FILTER CONTAINER (MIDA KASUTAME PRODUCT CATEGORIES MUUTMISEKS) HETKEL KASUTAVAD LEHED: POOD, TOOTEKATEGOORIA ALGAB!*/

/* === PRODUCT CATEGORIES FILTER - KOMPLEKTNE STIIL === */

/* ========================================
   1. PILTIDE JA KOGUSTE EEMALDAMINE
   ======================================== */
/* Peidame kategooriate pildid */
.elementor-widget-wc-categories .product-category img {
    display: none !important;
}

/* Peidame kogused sulgudes (5) */
.elementor-widget-wc-categories .count {
    display: none !important;
}

/* ========================================
   2. KATEGOORIATE LAYOUT - HORISONTAALNE SCROLL
   ======================================== */
.elementor-widget-wc-categories ul {
    display: flex !important;
    flex-wrap: nowrap !important;        /* Ei murru uuele reale */
    overflow-x: auto !important;         /* Horisontaalne scroll */
    gap: 10px !important;                /* Vahe nuppude vahel */
    list-style: none !important;
    padding: 0 10px 10px 0 !important;  /* Scroll bar jaoks ruumi */
    margin: 0 !important;
    scrollbar-width: thin !important;
}

/* Kategooria elemendid ei kahaneks */
.elementor-widget-wc-categories li {
    flex-shrink: 0 !important;
    margin: 0 !important;
}

/* ========================================
   3. NUPPUDE ÜHTNE STIIL (kategooriad + HTML nupp)
   ======================================== */
/* Kategooriate nupud - tugevamad selectorid */
.elementor-widget-wc-categories .woocommerce-loop-category__title,
.elementor-widget-wc-categories a {
    display: inline-block !important;
    padding: 5px 10px !important;        /* VÄIKSEM PADDING - pool väiksem */
    background: #282828 !important;      /* TAUST: Tume hall */
    color: white !important;             /* TEKST: Valge */
    text-decoration: none !important;
    border-radius: 25px !important;      /* Ümarad nurgad */
    transition: all 0.3s ease !important; /* Sujuv üleminek */
    white-space: nowrap !important;      /* Tekst ei murru */
    border: 1px solid transparent !important;
    
    /* FONDI SÄTTED - alistab Elementori seaded */
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px !important;          /* Fondi suurus */
    font-weight: 600 !important;         /* Fondi paksus (sama kui sul oli) */
    line-height: 1.4 !important;         /* Kompaktsem kui su 1.6 */
    
    /* SUURUSE SÄTTED */
    min-width: 120px !important;         /* MINIMAALNE LAIUS */
    text-align: center !important;       /* Tekst keskele */
    box-sizing: border-box !important;   /* Padding arvutatud laiusesse */
}

/* HTML "Kõik tooted" nupp - jääb endise paddinguga */
.all-products-link a {
    display: inline-block !important;
    padding: 10px 20px !important;       /* ORIGINAAL PADDING jääb */
    background: #282828 !important;      
    color: white !important;             
    text-decoration: none !important;
    border-radius: 25px !important;      
    transition: all 0.3s ease !important; 
    white-space: nowrap !important;      
    border: 1px solid transparent !important;
    
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px !important;          
    font-weight: 600 !important;         
    line-height: 1.4 !important;         
    
    min-width: 120px !important;         
    text-align: center !important;       
    box-sizing: border-box !important;   
}

/* ========================================
   4. HOVER EFEKT (hiir peale) - MÕLEMAD NUPUD
   ======================================== */
.elementor-widget-wc-categories a:hover,
.all-products-link a:hover {
    background: transparent !important;  /* TAUST: Läbipaistev (kaob) */
    color: #A89F84 !important;          /* TEKST: Kuldne */
    transform: translateY(-2px) !important; /* Tõuseb 2px üles */
}

/* ========================================
   5. ACTIVE STATE - URL ja WooCommerce klassid
   ======================================== */
/* WooCommerce lisab kategooria lehel .current-cat klassi */
.elementor-widget-wc-categories .current-cat > a,
.elementor-widget-wc-categories .current-cat-parent > a {
    background: rgba(255, 255, 255, 0.15) !important; 
    color: #A89F84 !important;          
}

/* "Kõik tooted" active poe lehel (kui EI OLE kategooriat) */
body.post-type-archive-product:not(.tax-product_cat) .all-products-link a {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #A89F84 !important;
}

/* ========================================
   6. SCROLL BAR STIILIMINE
   ======================================== */
/* Kategooriate scroll bar */
.elementor-widget-wc-categories ul::-webkit-scrollbar {
    height: 6px !important;
    background: transparent !important;
}

.elementor-widget-wc-categories ul::-webkit-scrollbar-track {
    background: transparent !important;
    margin: 0 !important;
}

.elementor-widget-wc-categories ul::-webkit-scrollbar-thumb {
    background: #A89F84 !important;     /* Scroll bar sama värv kui hover */
    border-radius: 3px !important;
    border: none !important;
}

.elementor-widget-wc-categories ul::-webkit-scrollbar-thumb:hover {
    background: #968d70 !important;     /* Tumedam hover */
}

.elementor-widget-wc-categories ul::-webkit-scrollbar-corner {
    background: transparent !important;
}

/* ========================================
   7. RESPONSIVE SEADED
   ======================================== */
@media (max-width: 767px) {
    .elementor-widget-wc-categories a {
        padding: 4px 8px !important;     /* Väiksemad kategooriad mobiilis */
        font-size: 13px !important;
        min-width: 100px !important;     /* Sama laius ka mobiilis */
    }
    
    .all-products-link a {
        padding: 8px 16px !important;    /* "Kõik tooted" jääb suuremaks */
        font-size: 13px !important;
        min-width: 120px !important;     /* Sama laius ka mobiilis */
    }
}

/* ========================================
   8. UNCATEGORIZED PEITMINE
   ======================================== */
/* Peida URL-is "uncategorized" sisaldavad lingid */
.elementor-widget-wc-categories a[href*="uncategorized"] {
    display: none !important;
}

/* Alternatiivne - peida ID põhjal parent element */
.elementor-widget-wc-categories .product-category:nth-child(1) {
    /* Kui Uncategorized on esimene kategooria listis */
    /* MUUDA nth-child numbrit vastavalt positsioonile */
}

/* ========================================
   KASUTAMISE JUHEND:
   
   1. HTML KOOD "Kõik tooted" (eraldi HTML Widget):
   <div class="all-products-link">
       <a href="/testin/pood/">Kõik tooted</a>
   </div>
   
   2. PRODUCT CATEGORIES seaded:
   - Columns: 12 (max)
   - Categories Count: 30
   - Query → Hide Empty: OFF
   - Query → Exclude: 15 (või Uncategorized ID)
   
   3. LAYOUT:
   - Container Direction: Column
   - HTML Widget (padding-bottom elemendis)
   - Product Categories Widget
   
   4. VÄRVI MUUTMINE:
   - Põhi taust: #282828 (rida 19 ja 36)
   - Hover tekst: #A89F84 (rida 48)
   - Active taust: rgba(255, 255, 255, 0.15) (rida 57)
   - Active tekst: #A89F84 (rida 58)
   
   5. ACTIVE STATE TÖÖTAMINE:
   - Kategooriad: WooCommerce lisab automaatselt .current-cat klassi
   - "Kõik tooted": Active ainult poe lehel kui ei ole kategooriat valitud
   - Kategooria lehel vastavad kategooria nupud on automaatselt active
   ======================================== */

/*! FILTER CONTAINER (MIDA KASUTAME PRODUCT CATEGORIES MUUTMISEKS) HETKEL KASUTAVAD LEHED: POOD, TOOTEKATEGOORIA LÕPEB!*/


/*! 7. PÄIS ALGAB !*/
/*=== Menu cart sidebar ehk ostukorvi kiirülevaate timmimine ===*/
/* Konteiner mõõtudelt väiksemaks */
.elementor-menu-cart__main {
  width: 400px !important; /* näiteks 320px, muuda vastavalt */
  max-width: 90%; /* et mobiilis ei läheks liiga laiaks */
}
/* Pildid väiksemaks ja asetus paika */
/* Pildi asetus - liigutame lähemale tekstile */
.elementor-menu-cart__product-image {
  margin-left: 15px !important; 
}
/* Pildi suurus */
.elementor-menu-cart__product-image img {
  max-width: 65px !important; /* või nt 50px, muuda vastavalt */
  height: auto !important;
  display: block;
}




/*! 7. PÄIS LÕPEB !*/


tr.woocommerce-shipping-totals.shipping {
	display: flex !important	;
	flex-direction: column !important;
}

td[data-title="Saadetis"] {
	display: contents;
}