/**
Theme Name: Styleside
Author: jyri363
Author URI: https://glasspipers.eu/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: styleside
Template: astra
*/

@media (min-width: 921px) {
    .ast-theme-transparent-header #masthead {
        position: relative !important;
    }
}
@media (max-width: 921px) {
    .ast-builder-menu-1 .main-header-menu .menu-item > .menu-link {
        color: #ffffff !important;
    }
}


.content-accordion-jjk .elementor-image-box-content h3:hovar, .content-accordion-jjk .elementor-image-box-content h3:active  {
	background-color: #474747 !important;
}
.content-accordion-jjk h3 {
	cursor: pointer !important;
}
.elementor-widget-container ul {
	margin: 0 0 1.5em 3em !important;
	
}
.elementor-widget-container ul li {
	font-family: Roboto, sans-serif !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    line-height: 2 !important;
}

.elementor-image-box-description {
    display: none; /* Alguses peidetud */
    margin-top: 10px;
	background: #f9f9f9;
    padding: 10px;
    border-radius: 5px;
}

.fa-toggle {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.fa-toggle.active {
    transform: rotate(180deg); /* Kui avatud, pöörab noole alla */
}

/*  Shop Page / Category Pages - CSS Grid paigutus */

/* Default - Mobile first */
.woolentor-product-grid-modern.woolentor-layout-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
    gap: 20px !important;
	align-items: stretch;
}

/* Tablet */
@media (min-width: 768px) {
    .woolentor-product-grid-modern.woolentor-layout-grid {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
        gap: 22px !important;
    }
}

/* Desktop */
@media (min-width: 1024px) {
    .woolentor-product-grid-modern.woolentor-layout-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
        gap: 25px !important;
    }
}

/* Iga toode võtab automaatse ruumi ja Woolentori width piirangud eemaldatakse */
.woolentor-product-grid-modern .woolentor-product-item {
    width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
}

.jjk-category-content .ht-category-content H3 {
	line-height: 22px !important; 
}	

.jjk-category-content .ht-category-wrap {
	margin-bottom: 10px !important;
}	

/* Shop filter  */

.woolentor-horizontal-filter-wrap .woolentor-heaer-box-area {
    padding: 0px 0px !important;
    background-color: #ffffff !important;
    border-radius: 0px !important;
    margin-bottom: 0px !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.0) !important;
}
.woolentor-horizontal-filter-wrap .woolentor-filter-field-area {
    border-top: 0px solid #eff6ff !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap .woolentor-filter-single-item {
    margin-left: 20px !important;
    margin-top: 0px !important;
}
.elementor-widget-container ul.wpfFilterLayoutHor,.elementor-widget-container ul.wpfFilterVerScroll {
    margin: 0 0 0 0 !important;
}
.elementor-widget-container ul li .wpfValue, .elementor-widget-container ul li .wpfCheckbox,.elementor-widget-container ul li .wpfLiLabel {
    font-size: 14px !important;
}
.wpfFilterWrapper .wpfCheckbox label {
    width: 12px !important;
    height: 12px !important;
}
.woocommerce .select2-container .select2-selection--single, .woocommerce select, .woocommerce-page .select2-container .select2-selection--single, .woocommerce-page select {
    padding: .5em .8em .5em .8em !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    border-radius: 16px !important;
}
select, .select2-container .select2-selection--single {
    background-position-x: calc(100% - 12px) !important;
}
/* Add Card in Menu */

.cart-menu-item {
	position: relative;
}
.cart-icon {
    font-size: 18px;
    margin-right: 0 !important;
	margin-left: 0 !important;
}
.cart-count, .tk-cart-count {
    background: #bd580b !important;
    color: #fff;
    padding: 2px 6px;
    border-radius: 50%;
    font-size: 12px;
    position: absolute;
    top: 0px;
    right: -5px;
	line-height: 14px !important; 
}
.menu-item-cart > a, a.tk-header-cart {
    color: #F2F5F7;
    padding: 8px 14px;
    margin-left: 16px;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
    background: #bd580b;
    font-weight: 500;
    transition: color .2s ease, box-shadow .2s ease;
}
.menu-item-cart > a:hover, a.tk-header-cart:hover {
    background: #cc6d1b;
}
/* Single Shop Page */
.woocommerce-js div.product .wl-addto-cart form.cart .button, .wl-cart-wrap .button {
    margin-left: 10px !important; 
}

/* WooCommerce Product Tabs – Underline Style */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    gap: 30px;
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 25px;
    padding: 0;
}
.elementor-widget-container ul {
     margin: 0 0 1.5em 0 !important; 
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: 10px 0;
    font-weight: 600;
    color: #555;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: all 0.25s ease;
}

/* Hover */
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #000;
}

/* Active Tab */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #000;
    border-bottom-color: #000;
}

/* Remove Woo Default Rounded Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: none !important;
    border: none !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
    padding: 20px 0;
    border-top: none !important;
}

.menu-item-cart, .tk-header-cart { position: relative; }
.cart-icon { font-size: 18px; margin-right: 6px; }
.cart-count{
  background:#e30000; color:#fff; font-size:12px;
  padding:0 6px; border-radius:50%;
  position:absolute; top:5px; right:-6px; line-height:18px;
}

/* Hide WooCommerce show password toggle */
.show-password-input {
    display: none !important;
}

.woocommerce form.register .form-row-first,
.woocommerce form.register .form-row-last { width: 48%; }
.woocommerce form.register .form-row-first { float:left; }
.woocommerce form.register .form-row-last { float:right; }
.woocommerce form.register .clear { clear: both; }

/* Login / Account menu button style */
.menu-item-login > a,
.menu-item-account > a, a.tk-header-account  {
    background: #f2f5ff;          /* hele sinakas taust */
    color: #0027EA;               /* tekst */
    padding: 6px 12px;
    border-radius: 16px;        /* parem pool ümar */
    font-weight: 500;
    text-decoration: none;
    transition: all .2s ease;
	margin-left:16px;
}

/* Hover */
.menu-item-login > a:hover
{
    background: #e6ebff;
    color: #0027EA;
}

.menu-item-login > a,
.menu-item-account > a {
    border: 1px solid rgba(0,39,234,0.15);
}

/* Minu konto – eristuv link (desktop) */
.menu-item-account > a, a.tk-header-account {
    color: #F2F5F7;
    padding: 8px 14px;
    margin-left: 16px;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
    background: none;
    font-weight: 500;
    transition: color .2s ease, box-shadow .2s ease;
}

/* Hover + active */
.menu-item-account > a:hover, .menu-item-account > a:active,
.menu-item-account.current-menu-item > a,
.menu-item-account.current_page_item > a {
    color: #ee07ea;
}

/* Minu konto – aktiivne olek Woo lehtedel */
body.woocommerce-account .menu-item-account > a {
    color: #ee07ea;
}


/* Mobiilis – ilma eralduseta */
@media (max-width: 768px) {
    .menu-item-account > a {
        margin-left: 0;
    }
}

/* My Account navigation – default (hallikas) */
.woocommerce-MyAccount-navigation a {
    color: #8a8f98; /* neutraalne hall */
    font-weight: 500;
    text-decoration: none;
}

/* Hover */
.woocommerce-MyAccount-navigation a:hover {
    color: #ee07ea;
}

/* Active item (Dashboard, Orders, Address jne) */
.woocommerce-MyAccount-navigation .is-active a {
    color: #ee07ea;
}
.woocommerce-MyAccount-navigation .is-active a {
    font-weight: 600;
}


/* [jkk-categories] */
/* Parent category "chip" nupud */
.jkk-categories{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;   /* <-- center joondus */
  align-items:center;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-top: 30px;
}

/* Nupp */
.jkk-categories a.elementor-button{
  background:#001890;
  color:#F8F8F8;
  border:1px solid #001890;
  border-radius:999px;
  padding:12px 28px;
  text-decoration:none;
  box-shadow:none;
  transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease;
}

/* Hover/focus */
.jkk-categories a.elementor-button:hover,
.jkk-categories a.elementor-button:focus{
  background:transparent;     /* või pane siia nt #0b2aa8 vms */
  color:#001890;               /* või pane siia nt #ee07ea vms */
  border-color:#001890;       /* või pane siia nt #ee07ea vms */
  transform:translateY(-1px); 
}

/* Teksti väike “tracking” */
.jkk-categories a.elementor-button .elementor-button-text{
  letter-spacing:.5px;
}

/* jkk checkout-steps */

.jkk-checkout-steps{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin: 10px 0 28px;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height: 1.4em;
  font-family: "Roboto", Sans-serif;
  font-size: 24px;
  font-weight: 500;
}

.jkk-checkout-steps .step{
  color:#cfcfcf;
  text-decoration:none;
}

.jkk-checkout-steps .step.is-current{
  color:#0027EA;
}

.jkk-checkout-steps .sep{
  color:#d8d8d8;
}
@media (max-width: 768px) {
    .jkk-checkout-steps{
	  margin: 10px 0 20px;
	  text-transform:uppercase;
	  line-height: 1.4em;
	  font-family: "Roboto", Sans-serif;
	  font-size: 16px;
	  font-weight: 400;
	}
}
/* Ei tea kus 4em üles/alla kasutatakse, panen nulli  */
#primary {
    margin: 0 !important;
}

/* Woo Cart: 2 veergu desktopis (tooted vasakul, totals paremal) */
@media (min-width: 992px){
  .woocommerce-cart .woocommerce{

  }

  /* Teated (kui on) üle 2 veeru */
  .woocommerce-cart .woocommerce .woocommerce-notices-wrapper{

  }
	.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
		float: right;
		width: 100%;
	}
  /* Põhivorm (toodete tabel) vasakule */
  .woocommerce-cart .woocommerce .woocommerce-cart-form{
	float:left;
	width: 55%;
  }

  /* Totals paremale */
  .woocommerce-cart .woocommerce .cart-collaterals{
	float:right;
	width: 43%;
  }

  /* Soovi korral hoia totals scrollides nähtaval */
  .woocommerce-cart .woocommerce .cart-collaterals .cart_totals{

  }
}
@media (min-width: 922px) {
    .woocommerce.woocommerce-checkout form #customer_details.col2-set, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set {
        width: 57%;
        float: left;
        margin-right: 2%;
    }
}

.product-name a {
	color: #000 !important;
	text-decoration: underline !important;
}
.tk-header-icons{
  display:flex;
  gap:14px;
  align-items:center;
}

.tk-header-cart{
  display:flex;
  gap:6px;
  align-items:center;
  text-decoration:none;
}

.tk-cart-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  font-size:12px;
  line-height:1;
}

/* Mobiilis peida need menu-itemid, mis sa lisad wp_nav_menu_items kaudu */
@media (max-width: 921px){
  .ast-header-break-point .main-header-menu .menu-item-account,
  .ast-header-break-point .main-header-menu .menu-item-login,
  .ast-header-break-point .main-header-menu .menu-item-cart{
    display:none !important;
  }
}

@media (max-width: 921px){
  .ast-header-break-point .ast-mobile-popup-content .ast-search-menu-icon,
  .ast-header-break-point .ast-mobile-popup-content .ast-header-search,
  .ast-header-break-point .ast-mobile-popup-content .ast-search-box{
    display:none !important;
  }
}

/* Ainult ikoonid mobiilis/tahvlis */
@media (max-width: 921px){
  .tk-header-icons .tk-text{
    display:none !important;
  }
  .tk-header-icons .tk-icon{
    font-size:18px;
    line-height:1;
  }
  .tk-header-icons{
    gap:12px;
  }
  .tk-header-icons a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    text-decoration:none;
  }
}

/* Headeri account + cart ikoonide värvid */
.tk-header-icons a{
  color:#ecf2f5;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

/* Hover */
.tk-header-icons a:hover,
.tk-header-icons a:focus{
  color:#ee07ea;
}

/* Active/current: kui oled My Account või Cart lehel */
.woocommerce-account .tk-header-icons .tk-header-account,
.woocommerce-account .tk-header-icons .tk-header-login,
.woocommerce-cart .tk-header-icons .tk-header-cart{
  color:#ee07ea;
}

/* Kui kasutad SVG-d, siis see võtab lingi värvi */
.tk-header-icons svg{
  display:block;
  width:18px;
  height:18px;
  fill:currentColor;
}

/* Badge (cart count) – soovi korral sama tooniga */
.tk-header-icons .tk-cart-count{
  background: rgba(236,242,245,0.18);
  border: 1px solid rgba(236,242,245,0.25);
}

a.tk-header-account {
    box-shadow: 2px 2px 6px rgba(163, 162, 162, 0.8) !important;
}

a.tk-header-cart {
    margin-left: 10px;
	margin-right: 6px;
}
a.tk-header-cart {
    box-shadow: 0 1px 8px rgba(163, 162, 162, 0.8) !important;
}

/* Single Product */

/* --- SINGLE PRODUCT: 2 veergu + all tabid jms täislaiuses --- */

@media (min-width: 922px) {
  .single-product div.product {
    display: grid;
    grid-template-columns: minmax(0, 58%) minmax(0, 42%);
    column-gap: 48px;
    row-gap: 24px;
    align-items: start;
  }

  .single-product div.product > .woocommerce-product-gallery { grid-column: 1; }
  .single-product div.product > .summary { grid-column: 2; }

  /* Allpool olevad blokid üle mõlema veeru */
  .single-product div.product > .woocommerce-tabs,
  .single-product div.product > .related,
  .single-product div.product > .up-sells {
    grid-column: 1 / -1;
  }

  /* Sticky parempoolne kokkuvõte 
  .single-product div.product > .summary {
    position: sticky;
    top: 110px; /* vajadusel kohanda headeri järgi 
    align-self: start;
  } */
}

/* Mobiilis tagasi 1 veerg */
@media (max-width: 921px) {
  .single-product div.product { display: block; }
  .single-product div.product > .summary { position: static; }
}

/* --- Thumbnailid vertikaalseks (kui Woo kasutab flexslider thumbs) --- */
@media (min-width: 922px) {
  .single-product .woocommerce-product-gallery {
    display: grid;
    grid-template-columns: 1fr 88px;
    gap: 16px;
  }
  .single-product .woocommerce-product-gallery .flex-viewport { grid-column: 1; }
  .single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    /*max-height: 560px;*/
    overflow: auto;
  }
  .single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
    width: 100% !important;
    margin: 0 !important;
  }
}

/* Nupp ja vormid natuke "premium" */
.single-product .single_add_to_cart_button {
  border-radius: 999px;
  padding: 12px 18px;
}
.single-product .summary input[type="text"],
.single-product .summary input[type="number"],
.single-product .summary select,
.single-product .summary input[type="file"] {
  width: 100% !important;
  max-width: 100% !important;
}

/* Fix: Astra width/float reeglid rikuvad Grid'i */
@media (min-width: 922px) {

  /* hoia grid (kui sul see juba on, siis võib jääda – panin siia igaks juhuks !important) */
  .single-product div.product {
    display: grid !important;
    grid-template-columns: minmax(0, 58%) minmax(0, 42%);
    column-gap: 30px;
    row-gap: 24px;
    align-items: start;
  }

  /* Astra paneb images/summary width:50% jne -> nullime ära */
  .woocommerce div.product div.images,
  .woocommerce-page div.product div.images,
  .woocommerce div.product div.summary,
  .woocommerce-page div.product div.summary,
  .woocommerce .ast-woocommerce-container div.product div.images,
  .woocommerce .ast-woocommerce-container div.product div.summary,
  .woocommerce-page .ast-woocommerce-container div.product div.images,
  .woocommerce-page .ast-woocommerce-container div.product div.summary {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    clear: none !important;
  }
}

/* Test: single product sisu ala laiemaks 
.single-product .site-content .ast-container {
  max-width: 1400px;
}
*/

/* TM Extra Product Options: radio -> pill buttons */
.tm-extra-product-options .tm-element-ul-radio {
  display: block;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
}

@media (max-width: 640px) {
  .tm-extra-product-options .tm-element-ul-radio {
    grid-template-columns: 1fr;
  }
}

.tm-extra-product-options .tm-element-ul-radio .tmcp-field-wrap {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* label “nupp” */
.tm-extra-product-options label.tm-epo-field-label {
  position: relative;
  display: inline-block;
  padding: 12px 14px 12px 14px;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  user-select: none;
}
/* lõika tekts */
.cpf-type-variations .fullwidth-ul .tc-label-text {
  white-space: normal;          /* lubab reamurdu */
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* Peida radio ring ära (jääb funktsionaalselt alles) */
.tm-extra-product-options label.tm-epo-field-label input.tmcp-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Kui brauser toetab :has(), siis selected state */
.tm-extra-product-options label.tm-epo-field-label:has(input.tmcp-radio:checked) {
  border-color: #ee07ea;
  box-shadow: 0 0 0 3px rgba(238, 7, 234, 0.15);
  font-weight: 600;
}

/* EPO radio valikud horisontaalselt */
@media (min-width: 640px) {
  .tm-extra-product-options ul.tmcp-ul-wrap.tm-element-ul-radio {
    display: block !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ära lase pluginil “per row” 100% laiuseks sundida */
  .tm-extra-product-options ul.tmcp-ul-wrap.tm-element-ul-radio > li.tmcp-field-wrap {
	display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 0 10px 5px !important;
  }

  /* label täidab grid-cell’i */
  .tm-extra-product-options ul.tmcp-ul-wrap.tm-element-ul-radio label.tm-epo-field-label.fullwidth {
    width: 100% !important;
  }
}

/* mobiilis 1 veerg */
@media (max-width: 639px) {
  .tm-extra-product-options ul.tmcp-ul-wrap.tm-element-ul-radio {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* --- EPO COLOR (sl-epo-color1-div) --- */

/* inline-block */
.sl-epo-color1-div ul.tmcp-ul-wrap.tm-element-ul-radio{
  display: block !important;
  /*grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;*/
}

/* tee labelist “pill” ja joonda swatch vasakule */
.sl-epo-color1-div label.tm-epo-field-label{
  padding: 12px 14px !important;
  display: inline-block !important;
  align-items: center !important;
 /* gap: 12px !important; */
  min-height: 64px !important;
}

/* VÄRVIRUUT (see on päris element) – pane border ümber */
.sl-epo-color1-div .tmhexcolorimage{
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0,0,0,.25) !important;
  overflow: hidden !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
}

/* värv ise on tavaliselt tc-image peal (taustavärv/background) */
.sl-epo-color1-div .tmhexcolorimage .tc-image{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: inherit !important;
}

/* Kui sul pole teksti (label-inner on tühi), siis vähenda “tühja ala” */
.sl-epo-color1-div .radio-image-label-inline{
  display: none !important;
}

/* Aktiivne valik – lisa rõhutus swatchi ümber */
.sl-epo-color1-div li.tc-active .tmhexcolorimage{
  box-shadow: 0 0 0 3px rgba(238, 7, 234, 0.15) !important;
  border-color: #ee07ea !important;
}

/* ========== EPO COLOR: tee kompaktsed värviswatchid (inline/flex) ========== */
.sl-epo-color1-div ul.sl-epo-color1-ul{
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* iga valik “inline”, mitte 100% laiusega */
.sl-epo-color1-div ul.sl-epo-color1-ul > li.tmcp-field-wrap{
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  list-style: none !important;
  display: inline-block !important;
}

/* võta ära suur pill/box selle fieldi puhul */
.sl-epo-color1-div label.tm-epo-field-label{
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  min-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* see wrap olgu flex (ja võta float maha) */
.sl-epo-color1-div .tc-label-wrap{
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
}
.sl-epo-color1-div .tmhexcolorimage,
.sl-epo-color1-div .tc-left{
  float: none !important;
}

/* päris värviruut + border */
.sl-epo-color1-div .tmhexcolorimage{
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  border: none !important;
  overflow: hidden !important;
  display: block !important;
}
.sl-epo-color1-div .tmhexcolorimage .tc-image{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* aktiivne valik */
.sl-epo-color1-div li.tc-active .tmhexcolorimage{
  border-color: #ee07ea !important;
  box-shadow: 0 0 0 3px rgba(238, 7, 234, 0.15) !important;
}

/* kuna see on color-only, peidame tühja label-ala */
.sl-epo-color1-div .radio-image-label-inline{
  display: none !important;
}


/* === EPO "Kassin väri" – fix swatch asetus + border swatchile === */

/* 1) Layout (soovi korral 2 veergu; muuda repeat(3...) kui tahad 3) */
.sl-epo-color1-div ul.tmcp-ul-wrap {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 640px) {
  .sl-epo-color1-div ul.tmcp-ul-wrap {
    grid-template-columns: 1fr !important;
  }
}

.sl-epo-color1-div li.tmcp-field-wrap {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

/* 2) Pill-label */
.sl-epo-color1-div label.tm-epo-field-label {
  position: relative;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 2px 4px !important;
  min-height: 64px;
  border: 1px solid rgba(0,0,0,.18) !important;
  border-radius: 999px !important;
  background: #fff !important;
  line-height: 1.2;
}

/* 3) Peida radio (jääb funktsionaalselt alles) */
.sl-epo-color1-div input.tmcp-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* 4) OLULINE: nulli plugina swatch “üles nihutamine”, mis praegu sõidab pealkirja peale */
.sl-epo-color1-div .tmhexcolorimage-inline {
  transform: none !important;
  top: auto !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 5) Swatch ise (border ümber) */
.sl-epo-color1-div .tc-image.tc-image-inline {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 999px !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

/* (valikuline) kui tekstiosa on tühi ja tekitab imelikku ruumi, peida see */
.sl-epo-color1-div .radio-image-label-inline {
  display: none !important;
}

/* 6) Selected state – töötab sinu HTML-i põhjal, sest li saab .tc-active */
.sl-epo-color1-div li.tmcp-field-wrap.tc-active label.tm-epo-field-label {
  border-color: #ee07ea !important;
  box-shadow: 0 0 0 3px rgba(238, 7, 234, 0.15) !important;
  font-weight: 600;
}

/*** EMO IMG **/
/* --- EPO IMG (sl-epo-img-div) --- */

/* inline-block */
.sl-epo-img-div ul.tmcp-ul-wrap.tm-element-ul-radio{
  display: block !important;
}

/* tee labelist “pill” ja joonda swatch vasakule */
.sl-epo-img-div label.tm-epo-field-label{
  padding: 12px 14px !important;
  display: inline-block !important;
  align-items: center !important;
  min-height: 64px !important;
}

/* pane border ümber */
.sl-epo-img-div .tmhexcolorimage{
  width: 44px !important;
  height: 44px !important;
  border-radius: 0px !important;
  border: 1px solid rgba(0,0,0,.25) !important;
  overflow: hidden !important;
  display: inline-block !important;
}

/* tc-image peal (taustavärv/background) */
.sl-epo-img-div .tmhexcolorimage .tc-image{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: inherit !important;
}

/* Kui sul pole teksti (label-inner on tühi), siis vähenda “tühja ala” */
.sl-epo-img-div .radio-image-label-inline{
  display: none !important;
}

/* Aktiivne valik – lisa rõhutus swatchi ümber */
.sl-epo-img-div li.tc-active .tmhexcolorimage{
  box-shadow: 0 0 0 3px rgba(238, 7, 234, 0.15) !important;
  border-color: #ee07ea !important;
}

/* ========== EPO IMG: tee kompaktsed (inline-block) ========== */
.sl-epo-img-div ul.sl-epo-img-ul{
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* iga valik “inline”, mitte 100% laiusega */
.sl-epo-img-div ul.sl-epo-img-ul > li.tmcp-field-wrap{
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  list-style: none !important;
  display: inline-block !important;
}

/* võta ära suur pill/box selle fieldi puhul */
.sl-epo-img-div label.tm-epo-field-label{
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  min-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* see wrap olgu flex (ja võta float maha) */
.sl-epo-img-div .tc-label-wrap{
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
}
.sl-epo-img-div .tmhexcolorimage,
.sl-epo-img-div .tc-left{
  float: none !important;
}

/* päris border */
.sl-epo-img-div .tmhexcolorimage{
  width: 44px !important;
  height: 44px !important;
  border-radius: 0 !important;
  border: none !important;
  overflow: hidden !important;
  display: block !important;
}
.sl-epo-img-div .tmhexcolorimage .tc-image{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* aktiivne valik */
.sl-epo-img-div li.tc-active .tmhexcolorimage{
  border-color: #ee07ea !important;
  box-shadow: 0 0 0 3px rgba(238, 7, 234, 0.15) !important;
}

/* kuna see on color-only, peidame tühja label-ala */
.sl-epo-img-div .radio-image-label-inline{
  display: none !important;
}


/* === fix swatch asetus + border swatchile === */

/* 1) Layout (soovi korral 2 veergu; muuda repeat(3...) kui tahad 3) */
.sl-epo-img-div ul.tmcp-ul-wrap {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 640px) {
  .sl-epo-img-div ul.tmcp-ul-wrap {
    grid-template-columns: 1fr !important;
  }
}

.sl-epo-img-div li.tmcp-field-wrap {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

/* 2) Pill-label */
.sl-epo-img-div label.tm-epo-field-label {
  position: relative;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 2px 4px !important;
  min-height: 64px;
  border: 1px solid rgba(0,0,0,.18) !important;
  border-radius: 12px !important;
  background: #fff !important;
  line-height: 1.2;
}

/* 3) Peida radio (jääb funktsionaalselt alles) */
.sl-epo-img-div input.tmcp-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* 4) OLULINE: nulli plugina swatch “üles nihutamine”, mis praegu sõidab pealkirja peale */
.sl-epo-img-div .tmhexcolorimage-inline {
  transform: none !important;
  top: auto !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 5) Swatch ise (border ümber) */
.sl-epo-img-div .tc-image.tc-image-inline {
  width: 44px !important;
  height: 44px !important;
  min-width: 34px !important;
  border-radius: 0px !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

/* (valikuline) kui tekstiosa on tühi ja tekitab imelikku ruumi, peida see */
.sl-epo-img-div .radio-image-label-inline {
  display: none !important;
}

/* 6) Selected state – töötab sinu HTML-i põhjal, sest li saab .tc-active */
.sl-epo-img-div li.tmcp-field-wrap.tc-active label.tm-epo-field-label {
  border-color: #ee07ea !important;
  box-shadow: 0 0 0 3px rgba(238, 7, 234, 0.15) !important;
  font-weight: 600;
}

/****/

/* Peida variatsiooni hinnarida (see vahe €0.90) */
.single-product form.variations_form .single_variation_wrap .woocommerce-variation-price{
  display:none !important;
}

.tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-checkbox li.tmcp-field-wrap .tm-label.tc-label, .tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-radio li.tmcp-field-wrap .tm-label.tc-label, .tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-variations li.tmcp-field-wrap .tm-label.tc-label {
    text-align: center !important; 
}

.tc-label-inner {
    gap: 0 !important;
}
h3.tc-epo-label {
	padding-bottom:5px !important;
}
.sl-qty-hint{ margin:8px 0 10px; font-size:14px; opacity:.8; }
.sl-qty-sep{ margin:0 6px; }
/* Woo gallery: thumbs ei tohi venitada gallery kõrgemaks kui pilt */
@media (min-width: 922px) {
  .single-product .woocommerce-product-gallery {
    position: relative;
    --sl-viewport-h: 600px;  /* JS kirjutab üle */
    --sl-thumb-col: 88px;    /* JS kirjutab üle */
  }

  /* thumbs veerg: sama kõrgus kui pilt + scroll */
  .single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    max-height: var(--sl-viewport-h);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  /* kui overflow, teeme ruumi nooltele */
  .single-product .woocommerce-product-gallery.sl-thumbs-overflow
  .flex-control-nav.flex-control-thumbs {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  /* ▲ ▼ nupud */
  .single-product .woocommerce-product-gallery .sl-thumb-btn {
    position: absolute;
    right: 0;
    width: var(--sl-thumb-col);
    height: 28px;
    border: 1px solid rgba(0,0,0,.14);
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    z-index: 5;
  }
  .single-product .woocommerce-product-gallery .sl-thumb-btn.sl-up { top: 0; }
  .single-product .woocommerce-product-gallery .sl-thumb-btn.sl-down { bottom: 0; }

  /* luup (fullscreen trigger) ära lase thumbs’i peale */
  .single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    right: calc(var(--sl-thumb-col) + 8px);
    z-index: 6;
  }
}

@media (min-width: 922px) {
  .single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs{
    overflow-y: auto !important;
  }

  /* näita nooli alati, kui klass on küljes */
  .single-product .woocommerce-product-gallery.sl-thumbs-overflow .sl-thumb-btn{
    display: flex !important;
  }
}

@media (min-width: 922px) {
  .single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    gap: 10px !important; /* thumbnails vahe */
  }
}

.woocommerce-js div.product div.images .flex-control-thumbs {
    padding-right: 6px !important;
}

/* Product accordion (Woo tabs -> details/summary) */
.sl-product-accordion{
  border-top: 1px solid rgba(0,0,0,.10);
  margin-top: 28px;
}

.sl-product-accordion .sl-acc-item{
  border-bottom: 1px solid rgba(0,0,0,.10);
  padding: 0;
  margin: 0;
}

.sl-product-accordion .sl-acc-summary{
  list-style: none;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 0;
  cursor: pointer;
  font-weight: 700;
  font-size: 26px;
}

.sl-product-accordion summary::-webkit-details-marker{ display:none; }

/* nool vasakul */
.sl-product-accordion .sl-acc-summary::before{
  content:"";
  width: 14px;
  height: 14px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);       /* kinni = alla */
  transition: transform .2s ease;
  flex: 0 0 auto;
}
.sl-product-accordion details[open] .sl-acc-summary::before{
  transform: rotate(-135deg);     /* lahti = üles */
}

.sl-product-accordion .sl-acc-panel{
  padding: 6px 0 22px 0;
}

/* Woo tab callbackid lisavad tihti H2 "Description/Reviews" — peidame ära */
.sl-product-accordion .sl-acc-panel > h2{
  display:none;
}
.woocommerce div.product form.cart .variations tr {
	
}
.woocommerce div.product form.cart .variations td {
    width: 100% !important;
}
/* Peida variatsiooni select visuaalselt (aga jäta alles, et Woo töötaks) */
.single-product form.variations_form .variations select {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

/* Pillide list */
.single-product .sl-var-pills{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* muuda 2/3/4 */
  gap: 14px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 640px){
  .single-product .sl-var-pills{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Pill nupu stiil */
.single-product .sl-var-pills .sl-pill{
  width: 100%;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.18);
  background: #fff;
  cursor: pointer;
  font-weight: 400;
  text-align: center;
  color: #000;
}

.single-product .sl-var-pills .sl-pill.is-active{
  border-color: #ee07ea;
  box-shadow: 0 0 0 3px rgba(238, 7, 234, 0.15);
}

.single-product .sl-var-pills .sl-pill:disabled{
  opacity: .45;
  cursor: not-allowed;
}

/* Variatsiooni pealkiri pillide kohal */
.single-product .sl-var-title{
  margin: 18px 0 10px;
  font-size: 32px;   /* h3-suurus */
  font-weight: 800;
  line-height: 1.15;
}

/* Kui pealkiri on tõstetud üles, siis tabeli vasak label-veeru peidame */
.single-product tr.sl-var-heading th.label{ display:none !important; }
.single-product tr.sl-var-heading td.value{ padding-left:0 !important; }

/* Pill tekst jääb kasti sisse + murrab 2 reale */
.single-product .sl-var-pills .sl-pill{
  white-space: normal;          /* lubab reamurdu */
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.2;
  min-height: 52px;             /* annab ruumi 2 reale */
  display: flex;
  align-items: center;          /* tsentreeri vertikaalselt */
  justify-content: center;
  text-align: center;
  padding: 10px 12px;           /* natuke kompaktsem */
}

/* kui tahad maks 2 rida ja siis "..." (valikuline) */
@supports (-webkit-line-clamp: 2){
  .single-product .sl-var-pills .sl-pill{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}

/* Üldine kast */
.styleside-cart-discount-note {
    background: #f5f5f5;           /* hele hall taust */
    border-radius: 12px;           /* ümardatud nurgad, soovi korral ainult alt: 0 0 12px 12px */
    border: 1px solid #e0e0e0;     /* õrn raam */
    padding: 8px 12px;
    margin: 12px 0;
    font-size: 0.85rem;            /* väiksem tekst */
    color: #000;                   /* must tekst */
}

/* Summary rida (pealkiri + clickable ala) */
.styleside-cart-discount-summary {
    list-style: none;
    cursor: pointer;
    margin: 0;
    padding: 4px 0;
    display: flex;
    align-items: center;
}

/* Pealkiri enda sees */
.styleside-cart-discount-title {
    font-weight: 600;
}

/* Keela default "kolmnurk" kui teema seda inetult stiliseerib */
.styleside-cart-discount-summary::-webkit-details-marker {
    display: none;
}

/* Võid soovi korral ise väikse ikooni lisada: */
.styleside-cart-discount-summary::after {
    content: '▼';
    font-size: 0.7rem;
    margin-left: 6px;
}

/* Kui <details> on suletud, pöörame noole */
.styleside-cart-discount-note:not([open]) .styleside-cart-discount-summary::after {
    content: '▶';
}

/* Sisu keha */
.styleside-cart-discount-body {
    margin-top: 4px;
}

/* Sissejuhatuse lõik */
.styleside-cart-discount-intro {
    margin: 2px 0 4px;
}

/* List ise – eemaldame suured marginaalid */
.styleside-cart-discount-list {
    margin: 0 0 4px 16px;
    padding: 0;
}

/* Listi elemendid – pisike spacing */
.styleside-cart-discount-list li {
    margin: 0 0 2px;
}

/* Üldine paigutus */
.tk-header-icons{
  display:flex;
  gap:12px;
  align-items:center;
}

/* Ikoon-nupud */
.tk-header-icons .tk-header-account,
.tk-header-icons .tk-header-login{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid;
  text-decoration:none;
  transition: background .15s ease, color .15s ease, border-color .15s ease, transform .05s ease;
}

/* SVG võtab lingi värvi */
.tk-header-icons svg{
  display:block;
  fill:currentColor;
}

/* --- VÄLJALOGITUD: valge/hele taust + roosa ikoon/border --- */
.tk-header-icons.is-logged-out .tk-header-login{
  background:#ecf2f5;
  color:#ee07ea;
  border-color:#ee07ea;
}
.tk-header-icons.is-logged-out .tk-header-login:hover,
.tk-header-icons.is-logged-out .tk-header-login:focus{
  background:#ee07ea;
  color:#ecf2f5;
}
.tk-header-icons.is-logged-out .tk-header-login:active{
  background:#d106cf;        /* “veidi punakam” vajutus */
  border-color:#d106cf;
  transform: translateY(1px);
}

/* --- SISSE LOGITUD: tume taust + hele ikoon --- */
.tk-header-icons.is-logged-in .tk-header-account{
  background:#0f172a; /* “tume rahulik” – muuda kui soovid */
  color:#ecf2f5;
  border-color:rgba(236,242,245,.35);
}
.tk-header-icons.is-logged-in .tk-header-account:hover,
.tk-header-icons.is-logged-in .tk-header-account:focus{
  color:#ee07ea;
  border-color:#ee07ea;
}
.tk-header-icons.is-logged-in .tk-header-account:active{
  transform: translateY(1px);
}

/* Cart: lihtne ikoon + count, värvid nagu sul varem */
.tk-header-icons .tk-header-cart{
  color:#ecf2f5;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.tk-header-icons .tk-header-cart:hover,
.tk-header-icons .tk-header-cart:focus{
  color:#ee07ea;
}

/* cart count badge */
.tk-header-icons .tk-cart-count{
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  line-height:1;
  border:1px solid rgba(236,242,245,.35);
  color:currentColor;
}

/* ========== ICON BUTTONS menüüs (Account/Login) ========== */
.main-header-menu li.menu-item-account > a,
.main-header-menu li.menu-item-login > a
{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid;
  padding:0 !important;
  margin-left:10px;
  text-decoration:none;
  position:relative;
  transition: background .15s ease, color .15s ease, border-color .15s ease, transform .05s ease;
}

/* --- Account/Login: peida tekst, näita 👤 SVG ikoon pseudo-elementina --- */
.main-header-menu li.menu-item-account > a,
.main-header-menu li.menu-item-login > a{
  overflow:hidden;
  text-indent:-9999px;   /* tekst “Oma tili / Logi sisse” ekraanilt ära */
  white-space:nowrap;
}

.main-header-menu li.menu-item-account > a::before,
.main-header-menu li.menu-item-login > a::before{
  content:"";
  width:18px;
  height:18px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* --- VÄLJALOGITUD (menu-item-login): hele taust, roosakas ikoon/border --- */
.main-header-menu li.menu-item-login > a{
  background:rgba(156,103,103,0.01);
  color:#ee07ea;
  border-color:#ee07ea;
}
.main-header-menu li.menu-item-login > a:hover,
.main-header-menu li.menu-item-login > a:focus{
  background:#ee07ea;
  color:#ecf2f5;
}
.main-header-menu li.menu-item-login > a:active{
  background:#d106cf;       /* “veidi punakam” vajutus */
  border-color:#d106cf;
  transform: translateY(1px);
}

/* --- SISSE LOGITUD (menu-item-account): tume rahulik taust, hele ikoon --- */
.main-header-menu li.menu-item-account > a{
  background:rgba(156,103,103,0.01);                 /* muuda kui soovid */
  color:#ecf2f5;
  border-color: rgba(236,242,245,.35);
}
.main-header-menu li.menu-item-account > a:hover,
.main-header-menu li.menu-item-account > a:focus{
  color:#ee07ea;
  border-color:#ee07ea;
}
.main-header-menu li.menu-item-account > a:active{
  transform: translateY(1px);
}

/* “Aktiivne” toon konto/korvi lehel */
.woocommerce-account .main-header-menu li.menu-item-account > a{ color:#ee07ea; border-color:#ee07ea; }

/* Fullscreen ikoon ilma “triibuta” (stroke-based) */


.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger{
}

.woocommerce-js .woocommerce-product-gallery .flex-direction-nav .flex-prev{  }
.woocommerce-js .woocommerce-product-gallery .flex-direction-nav .flex-next{ }


.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger {
    top: 100% !important;
    right: auto !important;
	left:12px !important;
}

.tk-starting-from { font-weight: 600; }
.tk-starting-from .tk-unit { opacity: .8; font-weight: 500; }

.tm-extra-product-options ul.tmcp-ul-wrap.tm-variation-ul-radiostart, .tm-extra-product-options ul.tmcp-ul-wrap.tm-variation-ul-radioend, .tm-extra-product-options ul.tmcp-ul-wrap.tm-variation-ul-radio, .tm-extra-product-options ul.tmcp-ul-wrap.tm-variation-ul-color, .tm-extra-product-options ul.tmcp-ul-wrap.tm-variation-ul-image, .tm-extra-product-options ul.tmcp-ul-wrap.tm-variation-ul-text, .tm-extra-product-options ul.tmcp-ul-wrap.tm-element-ul-checkbox, .tm-extra-product-options ul.tmcp-ul-wrap.tm-element-ul-radio {



}

.tc-label-wrap {
    
}
.tc-input-wrap.tc-epo-style-space {
	display: none !important;
}

/* Lühikirjeldus pildi all */
.single-product .tk-short-desc-under-gallery{
  margin-top:16px;
  padding:14px 16px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  background: rgba(255,255,255,.85);
}

/* Woo default wrapper (sisene div) */
.single-product .tk-short-desc-under-gallery .woocommerce-product-details__short-description{
  margin:0;
}

/* Peida originaalne short desc summary sees (ainult siis kui me seda liigutame) */
body.tk-moved-short-desc.single-product .summary .woocommerce-product-details__short-description{
  display:none !important;
}

/*** pilti all Lühikirjeldus ***/
@media (min-width: 922px){
  .single-product div.product{
    grid-template-areas:
      "images summary"
      "excerpt summary";
  }

  .single-product div.product div.images{ grid-area: images; }
  .single-product div.product div.summary{ grid-area: summary; }

  .single-product div.product .tk-short-desc-under-gallery{
    grid-area: excerpt;
    margin-top: 0; /* kui tahad, muuda */
  }
}

@media (min-width: 922px){

  /* 1) vähenda ridade vahet */
  .single-product div.product{
    row-gap: 0px !important; /* proovi 6–12px */
  }

  /* 2) võta galerii alt “tühi ruum” maha */
  .single-product div.product div.images,
  .single-product div.product .woocommerce-product-gallery,
  .single-product div.product .woocommerce-product-gallery .flex-viewport,
  .single-product div.product .woocommerce-product-gallery .flex-control-nav{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* 3) excerpt kohe pildi alla (ilma lisavaheta) */
  .single-product div.product .tk-short-desc-under-gallery{
    margin-top: 0 !important;
  }

  /* 4) kui ikka jääb natuke “õhku”, tõmba õrnalt üles */
  .single-product div.product .tk-short-desc-under-gallery{
    transform: translateY(-10px);
  }
}

.cpf-upload-container-basic {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0px !important;
}

/******** Üles laadimis ola  *********/

/* Button kindlalt paremale */
.tk-upload-ui .tk-drop{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* Vasak blokk võtab kogu ülejäänud ruumi */
.tk-upload-ui .tk-left{
  flex: 1 1 auto;
  min-width: 0;
}

/* Nupp paremale */
.tk-upload-ui .tk-btn{
  margin-left: auto;   /* lükkab paremale */
  flex: 0 0 auto;
}

/* count kõige paremale (kui tahad nupu järel) */
.tk-upload-ui .tk-count{
  margin-left: 10px;
  flex: 0 0 auto;
}


/* Test **/

/* Layout: vasak tekstiplokk + paremal nupp + selle kõrval count */
.tk-upload-ui .tk-drop{
  display:flex;
  align-items:center;
  gap:12px;
}

/* Vasak blokk võtab kogu vaba ruumi */
.tk-upload-ui .tk-left{
  flex: 1 1 auto;
  min-width: 0;
}

/* Nupp lükatakse paremale */
.tk-upload-ui .tk-btn{
  margin-left: auto;
  flex: 0 0 auto;
}

/* Count kohe nupu järel */
.tk-upload-ui .tk-count{
  margin-left: 6px;
  flex: 0 0 auto;
  white-space: nowrap;
}


/* Failide list dropzone all */
.tk-upload-ui .tk-file-list{
  margin-top:10px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}

.tk-upload-ui .tk-file-item{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px 12px !important;
  border:1px solid rgba(0,0,0,.10) !important;
  border-radius:12px !important;
  background:#fff !important;
}

.tk-upload-ui .tk-file-name{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.tk-upload-ui .tk-file-meta{
  opacity:.65 !important;
  font-size:12px !important;
}

.tk-upload-ui .tk-file-remove{
  width:28px !important;
  height:28px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,0,0,.8) !important;
  background:transparent !important;
  cursor:pointer !important;
  line-height:1 !important;
  padding-top: 0px !important;
  padding-right: 5px !important; 
  padding-bottom: 0px !important;
  padding-left: 5px !important;
  border-color:#D70040 !important;
  color:#D70040 !important;
}

.tk-upload-ui .tk-file-remove:hover{
  border-color:#ee07ea !important;
  color:#ee07ea !important;
}

/* Mobiilis: ära näita kõiki thumbs'e korraga */
@media (max-width: 921px){
  .woocommerce-js .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs{
    display:none !important;
  }

  /* Tõsta nooled pildi alla */
  .woocommerce-js .woocommerce-product-gallery{
    display:flex;
    flex-direction:column;
  }

  .woocommerce-js .woocommerce-product-gallery .flex-viewport{
    order: 1;
  }

  .woocommerce-js .woocommerce-product-gallery .flex-direction-nav{
    order: 2;
    margin-top: 10px;
    display:flex !important;
    justify-content: space-between;
    padding: 0 12px;
  }

  /* Tee nooled "tavaliseks" elemendiks, mitte absoluutseks pildi peal */
  .woocommerce-js .woocommerce-product-gallery .flex-direction-nav a{
    position: static !important;
    transform: none !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    margin:0 !important;
  }
}

/* Shop hero: tekst vasakul, pilt paremal */
.tk-shop-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:40px;
  margin: 0 0 28px;
}

.tk-shop-hero__text{
  flex: 1 1 0;
  min-width: 0;
}

.tk-shop-hero__media{
  flex: 0 0 40%;
  max-width: 520px;
  margin: 0;
}

.tk-shop-hero__media img{
  width:100%;
  height:auto;
  display:block;
  border-radius:28px;   /* nagu Pakkaa.fi */
  object-fit:cover;
}

/* Mobiilis: stack */
@media (max-width: 921px){
  .tk-shop-hero{
    flex-direction:column;
    gap:18px;
  }
  .tk-shop-hero__media{
    flex-basis:auto;
    max-width:100%;
  }
}

/* Shop hero sektsioon natuke "card" stiilis */
.tk-shop-hero{
  background: #f6f7f9;      /* muuda soovi korral */
  border-radius: 24px;
  padding: 28px;
}

/* Kui tahad, et ta ulatuks natuke laiemaks kui sisu */
@media (min-width: 922px){
  .tk-shop-hero{
    padding: 36px;
  }
}

/* grid */
.tk-cat-grid{
  display:grid;
  gap:24px;
  margin-bottom: 30px;
  margin-top:30px;
}
.tk-cat-grid.tk-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tk-cat-grid.tk-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tk-cat-grid.tk-cols-1{ grid-template-columns: 1fr; }

@media (max-width: 1200px){
  .tk-cat-grid.tk-cols-3{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px){
  .tk-cat-grid{ grid-template-columns: 1fr !important; }
}

/* card */
.tk-cat-card{
  background:#f6f7f9;
  border-radius:24px;
  padding:22px;
}

/* header link */
.tk-cat-head{
  display:block;
  text-decoration:none;
  color:inherit;
}

/* pilt üles keskele (ja väiksemaks) */
.tk-cat-thumb{
  display:flex;
  justify-content:center;
  margin-bottom:14px;
}
.tk-cat-img{
  width:120px;
  height:120px;
  object-fit:contain;
}

/* title */
.tk-cat-title{
  font-size:20px;
  margin: 0 0 12px;
}

/* subcats list */
.tk-subcats{
  list-style:none;
  padding:0;
  margin: 12px 0 0;
  border-top:1px solid rgba(0,0,0,.06);
}
.tk-subcats li{
  padding:10px 0;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.tk-subcats a{
  text-decoration:none;
  color:inherit;
}
.tk-subcats a:hover{
  color:#ee07ea;
}

.woocommerce .woocommerce-ordering {
    margin-top: 1em;
}
.woocommerce-js .woocommerce-result-count {
    margin: 2em 0 2em;
}

/* Shop avaleht: joondus + pilt väiksemaks + kategooria peitu */
body.woocommerce-shop ul.products li.product{
  text-align:center !important;
}

body.woocommerce-shop ul.products li.product .ast-woo-product-category{
  display:none !important;
}

body.woocommerce-shop ul.products li.product a img{
  max-width:160px;
  margin:0 auto 12px !important;
  object-fit:contain;
}

/* Tootenimi + hind kompaktsemaks */
body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title{
  font-size:14px;
  line-height:1.25;
  margin:0 0 6px !important;
}

body.woocommerce-shop ul.products li.product .price{
  font-size:14px;
  font-weight:700;
  margin:0 !important;
}

/* Breadcrumb ainult kategooria arhiivis (product_cat), paremale üles */
.tax-product_cat .tk-archive-breadcrumb{
  display:flex;
  justify-content:flex-end;
  margin: 0 0 12px;
}

.tax-product_cat .tk-archive-breadcrumb .woocommerce-breadcrumb{
  font-size:14px;
  line-height:1.3;
  color: rgba(0,0,0,.55);
}

.tax-product_cat .tk-archive-breadcrumb .woocommerce-breadcrumb a{
  color: rgba(0,0,0,.55);
  text-decoration:none;
}

.tax-product_cat .tk-archive-breadcrumb .woocommerce-breadcrumb a:hover{
  color:#ee07ea;
}

/* mobiilis võid soovi korral vasakule panna */
@media (max-width: 921px){
  .tax-product_cat .tk-archive-breadcrumb{ justify-content:flex-start; }
}
/* Ainult tootekategooria lehel: peida Astra sinine banner */
.tax-product_cat .ast-archive-entry-banner{
  /*display:none !important;*/
}
/* Ainult tootekategooria lehel */
.tax-product_cat .tk-cat-intro{
  display:grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 1fr); /* 4/5 + 1/5 */
  gap:24px;
  align-items:start;
  margin: 18px 0 26px;
}

.tax-product_cat .tk-cat-intro__title{
  margin:0 0 10px;
  color:#111;
  font-size: clamp(28px, 3.2vw, 56px);
  line-height:1.05;
}

.tax-product_cat .tk-cat-intro__desc{
  color: rgba(0,0,0,.72);
  font-size: 16px;
  line-height: 1.7;
}

.tax-product_cat .tk-cat-intro__media{
  text-align:right;
}

.tax-product_cat .tk-cat-intro__img{
  width: 170px;      /* <-- “väike thumb” */
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* mobiilis virna */
@media (max-width: 921px){
  .tax-product_cat .tk-cat-intro{
    grid-template-columns: 1fr;
  }
  .tax-product_cat .tk-cat-intro__media{
    text-align:center;
  }
  .tax-product_cat .tk-cat-intro__img{
    width: 150px;
  }
}

/* EPO: Variation options → Color swatches (tee samasuguseks nagu radio värviringid) */
:root{
  --sl-swatch-active: #ee07ea; /* muuda kui tahad */
}

/* UL: hoia horisontaalne ja kompaktne */
ul.tm-extra-product-options-variations.tm-variation-ul-color{
  display: flex !important;
  flex-wrap: wrap;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* LI: ära lase 100% laiuseks venida */
ul.tm-extra-product-options-variations.tm-variation-ul-color > li.tmcp-field-wrap{
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
}

/* eemalda “suur kast/kaart” kliki-ala ümbert */
ul.tm-extra-product-options-variations.tm-variation-ul-color .tm-epo-field-label.fullwidth{
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center;
  width: 42px !important;
  height: 42px !important;
}

/* peida värvi nimi (Ruskea/Valkoinen) */
ul.tm-extra-product-options-variations.tm-variation-ul-color .radio-image-label,
ul.tm-extra-product-options-variations.tm-variation-ul-color .tc-label-text{
  display: none !important;
}

/* tee ring + lase värvil täita kogu ring */
ul.tm-extra-product-options-variations.tm-variation-ul-color .tmhexcolorimage.radio-image{
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 2px solid #e5e5e5 !important;
  overflow: hidden;
}

ul.tm-extra-product-options-variations.tm-variation-ul-color .tmhexcolorimage.radio-image .tc-image{
  width: 100% !important;
  height: 100% !important;
  border-radius: 999px !important;
}

/* aktiivne valik (EPO lisab tavaliselt li-le .tc-active) */
ul.tm-extra-product-options-variations.tm-variation-ul-color li.tc-active .tmhexcolorimage.radio-image{
  border-color: #fff !important;
  box-shadow: 0 0 0 3px var(--sl-swatch-active) !important;
}

/* hover (valikuline) */
ul.tm-extra-product-options-variations.tm-variation-ul-color li:hover .tmhexcolorimage.radio-image{
  /*box-shadow: 0 0 0 3px color-mix(in srgb, var(--sl-swatch-active) 35%, transparent) !important;*/
}


/* Variation options → Color swatches: eemalda sisemine active-border (tume poolring) */
ul.tm-extra-product-options-variations.tm-variation-ul-color{
  --swatch-active-border-color: transparent;
  --swatch-active-border-width: 0px;
}

/* Kui plugin paneb ikkagi borderi otse elemendile, siis sunni maha */
ul.tm-extra-product-options-variations.tm-variation-ul-color
.tmcp-field-wrap.tc-active .tc-label-wrap .tc-image{
  border: 0 !important;
  box-shadow: none !important;
}

/* Mõnel setupil on active “overlay” pseudoelemendina */
ul.tm-extra-product-options-variations.tm-variation-ul-color
.tmcp-field-wrap.tc-active .tc-label-wrap .tc-image::before,
ul.tm-extra-product-options-variations.tm-variation-ul-color
.tmcp-field-wrap.tc-active .tc-label-wrap .tc-image::after{
  content: none !important;
}

/* Vahe enne ja pärast värvi-swatch'e */
ul.tm-extra-product-options-variations.tm-variation-ul-color{
  margin-top: 10px !important;     /* pealkiri -> swatchid */
  margin-bottom: 10px !important;  /* swatchid -> järgmine valik */
  padding: 0 !important;
}

ul.tm-extra-product-options-radio.sl-epo-color1-ul{
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}


/* === Single product layout: GRID -> FLEX (mobiil + desktop) === */

/* Mobiil/baas: kõik üksteise all (pilt -> excerpt -> summary) 
body.single-product div.product{
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;               
  align-items: stretch !important;
}

/* Veerud täislaiuseks 
body.single-product div.product div.images,
body.single-product div.product div.summary,
body.single-product div.product .tk-short-desc-under-gallery{
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}

/* Desktop: 2 veergu (58% / 42%) + excerpt pildi alla vasakule 
@media (min-width: 922px){
  body.single-product div.product{
    flex-direction: row !important;
    flex-wrap: wrap !important;          
    gap: 8px 30px !important;            
    align-items: flex-start !important;
  }

  body.single-product div.product div.images{
    flex: 0 0 58 !important%;
    max-width: 58% !important;
  }

  body.single-product div.product div.summary{
    flex: 0 0 42% !important;
    max-width: 42% !important;
  }

  /* excerpt täpselt pildi all (vasak veerg) 
  body.single-product div.product .tk-short-desc-under-gallery{
    flex: 0 0 58% !important;
    max-width: 58% !important;
    margin-top: 0 !important;
  }
}
*/