/*
Theme Name: Eesti Pank – Meenemündid
Theme URI: https://eestipank.100kingitust.ee
Description: Eesti Panga meenemüntide poe child-teema (Storefront alusel). Eesti Panga bränd: sinine #0079bc, valge, Helvetica Neue.
Author: 100kingitust
Template: storefront
Version: 1.1.0
Text Domain: storefront-eestipank
*/

/* Eesti Panga ametlik Helvetica Neue (samad failid mis eestipank.ee → identne renderdus kõigis seadmetes, ka Windows/Android) */
@font-face{
  font-family:"Helvetica Neue";
  src:url("fonts/HelveticaNeue-Roman_gdi.ttf") format("truetype");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Helvetica Neue";
  src:url("fonts/HelveticaNeueLTStd-Md.ttf") format("truetype");
  font-weight:500; font-style:normal; font-display:swap;
}

:root{
  --ep-blue:#0079bc; --ep-blue-dark:#00679f; --ep-blue-darker:#026196;
  --ep-surface:#f4f7fb; --ep-surface2:#e9eff7; --ep-line:#dde5ee;
  --ep-gold:#e5d195; --ep-ink:#16222e; --ep-text:#3a4654; --ep-muted:#6b7785;
  --btn-bg:#eef2f6; --btn-bg-hover:#e1e9f1; --btn-border:#d3dde8;
}

/* ---------- Typograafia ---------- */
body, button, input, select, textarea,
.site-title, h1,h2,h3,h4,h5,h6,
.woocommerce-loop-product__title, .product_title{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
}
body{ color:var(--ep-text); background:#fff; }
h1,h2,h3,h4{ color:var(--ep-ink); font-weight:600; }

/* ---------- Lingid / aktsent ---------- */
a{ color:var(--ep-blue); }
a:hover{ color:var(--ep-blue-dark); }

/* ---------- Päis ---------- */
.site-header{
  background:#fff !important;
  border-bottom:1px solid var(--ep-line);
  padding-top:1.2em; padding-bottom:1.2em;
}
.site-header .site-title a,
.site-header .site-branding,
.site-header .site-description{ color:var(--ep-ink) !important; }
.custom-logo{ max-height:56px; width:auto; }

/* Navigatsioon — valge, sinine alajoon */
.storefront-primary-navigation,
.main-navigation{ background:#fff !important; border-top:1px solid var(--ep-line); border-bottom:2px solid var(--ep-blue); }
.main-navigation ul li a{ color:var(--ep-ink) !important; font-weight:500; }
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item>a,
.main-navigation ul li.current_page_item>a{ color:var(--ep-blue) !important; }
.site-header-cart .cart-contents,
.site-header .cart-contents{ color:var(--ep-ink) !important; }

/* ---------- Nupud — helehallid, sinine tekst (Eesti Panga stiil) ---------- */
button, .button, input[type="button"], input[type="submit"],
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .added_to_cart{
  background:var(--btn-bg) !important;
  color:var(--ep-blue-darker) !important;
  border:1px solid var(--btn-border) !important;
  border-radius:4px !important;
  font-weight:600 !important;
  text-shadow:none !important;
  box-shadow:none !important;
}
button:hover, .button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .added_to_cart:hover{
  background:var(--btn-bg-hover) !important;
  color:var(--ep-blue-darker) !important;
}
/* Põhi-CTA (lisa korvi / kassa) — helesinine, sinine ääris, et eristuks */
.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt, .woocommerce #respond input#submit.alt,
.single_add_to_cart_button, .wc-block-components-button{
  background:var(--ep-surface2) !important;
  color:var(--ep-blue-darker) !important;
  border:1px solid var(--ep-blue) !important;
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.single_add_to_cart_button:hover{ background:#dce8f4 !important; }

/* ---------- Tooted ---------- */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:var(--ep-ink); font-weight:500; font-size:1rem;
}
.woocommerce ul.products li.product a img{
  background:var(--ep-surface); border:1px solid var(--ep-line); border-radius:6px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price{
  color:var(--ep-ink) !important; font-weight:600;
}
.woocommerce span.onsale{ background:var(--ep-gold); color:#6b531c; border-radius:3px; }

/* Kategooria pealkiri */
.woocommerce-products-header__title, .page-title{ color:var(--ep-ink); }

/* Tootekaardi atribuutide tabel (mündi-spetsid) */
.woocommerce table.shop_attributes th{ color:var(--ep-ink); background:var(--ep-surface); }
.woocommerce table.shop_attributes{ border-color:var(--ep-line); }

/* ---------- Jalus — sinine TÄISLAIUSES (üle lehe), tekst kontsentreeritud ---------- */
.site-footer{ background:var(--ep-blue) !important; padding:0 !important; margin-top:48px; color:#fff; }
.site-footer .col-full{ max-width:none !important; width:100% !important; padding:0 !important; }
.ep-footer{
  position:relative; background:transparent; padding:46px 0 38px;
}
.ep-footer::before{  /* kuldjoon täislaiuses üleval */
  content:""; position:absolute; top:0; left:0; right:0; height:6px; background:var(--ep-gold);
}
.ep-footer-grid{
  max-width:1180px; margin:0 auto; padding:0 28px;
  display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:36px;
}
.ep-footer-brand img{ height:46px; width:auto; display:block; margin-bottom:16px; }
.ep-footer-brand p{ color:#fff; opacity:.9; font-size:14px; line-height:1.65; margin:0; }
.ep-footer-col h4{ color:#fff; font-size:15px; font-weight:600; margin:0 0 14px; }
.ep-footer-col a{ display:block; color:#fff !important; opacity:.9; font-size:14px; line-height:2.1; }
.ep-footer-col a:hover{ opacity:1; text-decoration:underline; }
.ep-footer-contact{ color:#fff; opacity:.9; font-size:14px; line-height:1.6; margin:0 0 10px; }
.ep-footer-bottom{
  background:var(--ep-blue-dark); color:#fff; text-align:center;
  padding:16px; font-size:13.5px;
}
@media(max-width:768px){ .ep-footer-grid{ grid-template-columns:1fr 1fr; gap:24px; } .ep-footer{ padding:40px 24px 30px; } }

/* ---------- Päis: valge + modern otsing + kuldne ostukorv üleval ---------- */
.site-header{ padding-top:1em !important; padding-bottom:0 !important; position:relative; }
/* Logo + otsing ÜHELE reale */
.site-header .site-branding{ display:flex !important; align-items:center; flex-wrap:nowrap; margin-bottom:0 !important; }
.custom-logo, .custom-logo-link img, .site-branding img.custom-logo{ max-height:88px !important; width:auto !important; }
.site-branding .site-search{ margin-left:auto !important; margin-bottom:0 !important; }

/* Modern otsing — pill + luup. Absoluutselt top-paremasse, ostukorvi kõrvale (sama joon) */
.storefront-product-search, .site-search{
  position:absolute !important; top:34px; right:500px; width:250px; max-width:250px;
  margin:0 !important; z-index:25;
}
/* Nulli KÕIK muud luubi-allikad (::before, vormi-taust) — jääb ainult minu sinine */
.woocommerce-product-search::before, .woocommerce-product-search::after,
.site-search::before, .site-search::after,
.storefront-product-search::before, .storefront-product-search::after{ content:none !important; display:none !important; background:none !important; }
.woocommerce-product-search, .site-search form, .widget_product_search{ background-image:none !important; }
.storefront-product-search .search-field, .site-search .search-field{
  width:100% !important; border:1px solid var(--ep-line) !important; border-radius:99rem !important;
  background:var(--ep-surface) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230079bc' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat 18px center !important;
  background-size:19px !important; padding:13px 20px 13px 48px !important; height:auto !important;
  font-size:15px; box-shadow:none !important;
}
.woocommerce-product-search button, .storefront-product-search button[type="submit"],
.site-search button[type="submit"], .search-submit{ display:none !important; }

/* Ostukorv -> üles paremale (otsingu kõrvale), kuldne aktsent + ikoon.
   width:max-content = konteiner kahaneb NÄHTAVA pilli järgi (~156px). Muidu absolute+right
   shrink-to-fit venis ekraaniga laiemaks (off-screen .widget_shopping_cart dropdown left:-999em
   paisutas laiust) ja vasakule joondatud pill triivis laial monitoril (≥~1730px, sh 1920px Full HD)
   EST-keelevaliku ja otsingu peale ("EST ostukorvi sees"). NB: position:absolute BLOKIFITSEERIB
   display:inline-flex -> flex (CSS Display L3), seega inline-flex üksi EI kahanda — vajab
   eksplitsiitset width:max-content. See ankurdab pilli right:24 külge IGAL laiusel (testitud
   800–2560px, 0 kattumist). Pill kasvab vajadusel vasakule (pikem summa/kogus), mahub kuni 376px. */
.site-header-cart{ position:absolute !important; top:34px; right:24px; z-index:30; margin:0 !important; padding:0 !important; display:inline-flex !important; align-items:center; width:max-content !important; }
.site-header-cart ul, .site-header-cart ul li{ margin:0 !important; padding:0 !important; background:transparent !important; border:none !important; }
.site-header-cart .cart-contents{
  display:inline-flex !important; align-items:center; gap:9px;
  background:var(--ep-gold) !important; color:#5a4720 !important;
  padding:11px 18px !important; border-radius:99rem !important; font-weight:600; font-size:14px;
  border:none !important; box-shadow:none !important;
}
.site-header-cart .cart-contents:hover{ background:#dcc488 !important; }
.site-header-cart .cart-contents .amount, .site-header-cart .count{ color:#5a4720 !important; }
.site-header-cart .cart-contents::before{ font-size:18px; color:#5a4720; }

/* Navigatsioon = valge ümar pill, menüü ÜHEL real (ostukorv enam ei sega) */
.storefront-primary-navigation{
  background:transparent !important; border:none !important; box-shadow:none !important;
  position:relative; z-index:10;            /* menüü hero PEALE */
  margin-top:30px;                          /* ~0.8cm ruumi logo/otsingu ja menüü vahel */
  margin-bottom:0; padding:0 !important;
}
.storefront-primary-navigation .col-full{
  background:#fff; border:1px solid var(--ep-line); border-radius:1rem;
  box-shadow:0 6px 22px rgba(0,103,159,.12); padding:0 22px !important;
}
.main-navigation ul.menu, .main-navigation ul.nav-menu{ background:transparent !important; display:flex !important; flex-wrap:nowrap; }
.main-navigation ul li a{ padding:15px 13px !important; font-size:14.5px; white-space:nowrap; }

/* ---------- Hero (sinine, ümarad nurgad + kupüüri-lained + kuldne aksent) ---------- */
.ep-hero{
  position:relative; overflow:hidden; color:#fff;
  background:var(--ep-blue) url('assets/ep-waves.png') no-repeat center bottom;
  background-size:100% auto;
  border-radius:24px; z-index:0;
  width:auto; max-width:1120px;
  margin:16px auto 28px;  /* kontsentreeritud, sama laius kui kategooriad — EI venitatud */
  padding:60px 52px 64px;
}
/* kuldne aksent-riba hero all — lai (nagu eestipank.ee) */
.ep-hero::after{
  content:""; position:absolute; left:48px; right:48px; bottom:0;
  height:6px; background:var(--ep-gold); border-radius:5px 5px 0 0;
}
body.home .site-content, body.home #content, body.home #primary{ padding-top:0 !important; margin-top:0 !important; }
/* Vabasta avalehe sisukonteiner (et hero saaks laiem + menüü peale) */
body.home .site-content .col-full{ padding-top:0 !important; overflow:visible !important; }
body.home .site-content, body.home #content, body.home #primary, body.home .content-area{ overflow:visible !important; }
.site-header{ overflow:visible !important; }
.ep-hero-inner{ max-width:760px; margin:0; padding:0; position:relative; z-index:2; }
.ep-hero-eyebrow{ text-transform:uppercase; letter-spacing:2px; font-size:13px; opacity:.85; margin:0 0 12px; }
.ep-hero-title{ color:#fff !important; font-size:46px; font-weight:600; margin:0 0 16px; line-height:1.08; }
.ep-hero-sub{ font-size:17px; max-width:640px; opacity:.95; line-height:1.6; margin:0 0 26px; }
.ep-hero-btn{ display:inline-block; background:#fff; color:var(--ep-blue-darker); padding:14px 28px;
  border-radius:8px; font-weight:600; }
.ep-hero-btn:hover{ background:var(--ep-surface2); color:var(--ep-blue-darker); }

/* ---------- Menüü sinise hero PEAL (ainult avaleht — nagu eestipank.ee). EI vabasta col-full'i → kategooriad puutumata.
   Hero tõmmatakse ÜLES menüü alla (negatiivne margin-top); päise z-index:999 hoiab valge menüü-pilli sinise peal. ---------- */
body.home .storefront-primary-navigation{ margin-bottom:0 !important; position:relative; z-index:30 !important; }
/* margin-top tõmbab hero VOOS üles (menüü-pill katab sinise ülaosa); ALL jääb loomulik vahe
   → "Uued tooted" EI lähe sinise peale, vahel on õhku */
body.home .ep-hero{ margin-top:-56px !important; padding-top:104px !important; }

/* ---------- Avalehe kategooria-read ---------- */
.ep-home{ max-width:1120px; margin:0 auto; padding:22px 28px 24px; }
.ep-row{ margin-bottom:34px; }
.ep-row-head{ display:flex; align-items:baseline; justify-content:space-between;
  border-bottom:2px solid var(--ep-blue); padding-bottom:10px; margin-bottom:26px; }
.ep-row-head h2{ color:var(--ep-ink); font-size:25px; margin:0; font-weight:600; }
.ep-more{ font-weight:600; white-space:nowrap; color:var(--ep-blue); }
/* 3-tulbaline tootegrid (sõltumata Storefront kontekstist) */
.ep-row ul.products{
  display:grid !important; grid-template-columns:repeat(3,1fr) !important;
  gap:28px !important; margin:0 !important; padding:0 !important; list-style:none !important;
}
.ep-row ul.products::before, .ep-row ul.products::after{ display:none !important; content:none !important; }
.ep-row ul.products li.product{
  width:auto !important; margin:0 !important; float:none !important; clear:none !important;
}
.ep-row ul.products li.product img{ background:var(--ep-surface); border:1px solid var(--ep-line); border-radius:6px; }
@media(max-width:768px){ .ep-row ul.products{ grid-template-columns:repeat(2,1fr) !important; } }

/* ---------- Tootekaardid: nupud ühele joonele (avaleht + kategooriad) ---------- */
.ep-row ul.products li.product,
.woocommerce ul.products li.product{
  display:flex !important; flex-direction:column !important;
}
.ep-row ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  min-height:2.9em;  /* mahutab 2 rida -> hinnad joonduvad */
}
.ep-row ul.products li.product .price,
.woocommerce ul.products li.product .price{ margin-bottom:12px; }
.ep-row ul.products li.product .button,
.woocommerce ul.products li.product .button{
  margin-top:auto !important;       /* nupp kaardi põhja -> ühel joonel */
  align-self:center; width:auto;    /* lühike nupp, mitte üle kogu kaardi */
  padding-left:22px !important; padding-right:22px !important;
}

/* ---------- Modern sorteerimine + pagination (2009 välja) ---------- */
.woocommerce-ordering select{
  border:1px solid var(--ep-line) !important; border-radius:99rem !important;
  padding:11px 42px 11px 18px !important; background-color:var(--ep-surface) !important;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230079bc' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important; background-position:right 16px center !important; background-size:13px !important;
  font-size:14px !important; color:var(--ep-ink) !important;
  -webkit-appearance:none; -moz-appearance:none; appearance:none !important;
  cursor:pointer; height:auto !important; box-shadow:none !important;
}
.woocommerce-result-count{ color:var(--ep-muted); font-size:14px; padding-top:12px; }
.woocommerce-pagination{ margin-top:32px; }
.woocommerce-pagination ul{ border:none !important; display:inline-flex !important; gap:7px; }
.woocommerce-pagination ul li{ border:none !important; margin:0 !important; }
.woocommerce-pagination ul li a, .woocommerce-pagination ul li span{
  border:1px solid var(--ep-line) !important; border-radius:10px !important;
  min-width:42px !important; height:42px !important; line-height:42px !important; padding:0 10px !important;
  display:inline-flex; align-items:center; justify-content:center;
  color:var(--ep-ink) !important; font-weight:500; background:#fff !important;
}
.woocommerce-pagination ul li span.current{
  background:var(--ep-blue) !important; color:#fff !important; border-color:var(--ep-blue) !important;
}
.woocommerce-pagination ul li a:hover{ background:var(--ep-surface2) !important; color:var(--ep-blue-darker) !important; }

/* ---------- Üldine viimistlus ---------- */
.storefront-handheld-footer-bar{ background:var(--ep-blue) !important; }
.storefront-handheld-footer-bar a{ color:#fff !important; }
#order_review, .woocommerce-checkout #payment{ border-color:var(--ep-line); }
.onsale, .star-rating span:before{ color:var(--ep-blue); }

/* ============ KASSA (checkout) — Eesti Panga CVI ============ */
/* Veerud: tooteala (order_review) laiem */
.woocommerce-checkout #customer_details{ width:50%; }
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review{ width:44%; }
.woocommerce-checkout #order_review_heading{ margin:0 0 .6em; }

/* Sektsiooni-pealkirjad */
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout #order_review_heading{
  font-size:1.15rem; color:var(--ep-ink); font-weight:600;
  padding-bottom:.45em; margin-bottom:.9em; border-bottom:2px solid var(--ep-blue);
}

/* Sisestusväljad */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-container .select2-selection{
  border:1px solid var(--ep-line) !important; border-radius:8px;
  padding:.7em .9em; min-height:44px; background:#fff;
  transition:border-color .15s, box-shadow .15s;
}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .select2-container--focus .select2-selection{
  border-color:var(--ep-blue) !important; box-shadow:0 0 0 3px rgba(0,121,188,.12); outline:none;
}
.woocommerce-checkout .form-row label{ color:var(--ep-ink); font-weight:500; }

/* Order review — valge kaart */
.woocommerce-checkout #order_review{
  background:#fff; border:1px solid var(--ep-line); border-radius:14px;
  padding:1.4em 1.5em; box-shadow:0 6px 22px rgba(22,34,46,.07);
}
.woocommerce-checkout-review-order-table{ border:0 !important; table-layout:fixed; width:100% !important; }
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th{ border:0 !important; word-break:break-word; }
.woocommerce-checkout-review-order-table th.product-name,
.woocommerce-checkout-review-order-table td.product-name{ width:62%; }
.woocommerce-checkout-review-order-table .product-total{ white-space:nowrap; text-align:right; }
.woocommerce-checkout-review-order-table thead th{
  background:transparent; color:var(--ep-muted); font-size:.82rem; text-transform:uppercase;
  letter-spacing:.4px; padding:0 0 .6em; border-bottom:1px solid var(--ep-line) !important;
}
.woocommerce-checkout-review-order-table tbody td,
.woocommerce-checkout-review-order-table tbody th{ padding:.7em 0; border-bottom:1px solid var(--ep-line) !important; vertical-align:middle; }
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td{ padding:.5em 0; }

/* Toote pilt + nimi */
.ep-co-item{ display:flex; align-items:center; gap:11px; min-width:0; }
.ep-co-item img{ width:50px; height:50px; border-radius:8px; border:1px solid var(--ep-line); object-fit:cover; flex:none; }
.ep-co-name{ font-weight:500; color:var(--ep-ink); overflow-wrap:anywhere; }
.woocommerce-checkout-review-order-table .product-name{ font-size:.92rem; }
.woocommerce-checkout-review-order-table .product-total{ white-space:nowrap; }

/* Tarneviis: rida laiub üle MÕLEMA veeru (template cart-shipping.php td colspan=2) → nimed mahuvad ühele reale */
.ep-ship-label{ display:block; font-weight:600; color:var(--ep-ink); padding-bottom:.4em; }
.woocommerce-checkout-review-order-table tr.shipping td{ padding-top:.7em; padding-bottom:.7em; }
#shipping_method{ margin:0; }
#shipping_method li{ padding:.3em 0; list-style:none; white-space:nowrap; }
#shipping_method li label{ color:var(--ep-text); font-weight:400; }

/* Kokku */
.woocommerce-checkout-review-order-table .order-total th{ color:var(--ep-ink); font-size:1.05rem; }
.woocommerce-checkout-review-order-table .order-total td{ color:var(--ep-blue-darker); font-size:1.15rem; font-weight:700; }
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td{ padding-top:.8em !important; border-top:2px solid var(--ep-blue) !important; }

/* Kokkuvõtte-read (Vahesumma/Kindlustus/Kokku): hall taust TERVE rea laiuselt (mõlemad veerud) +
   õhku servadesse, et tekst/väärtus poleks ääre vastas (Piret 06-20). Hall oli ainult vasakul th-l. */
.woocommerce-checkout-review-order-table tr.cart-subtotal th,
.woocommerce-checkout-review-order-table tr.cart-subtotal td,
.woocommerce-checkout-review-order-table tr.fee th,
.woocommerce-checkout-review-order-table tr.fee td,
.woocommerce-checkout-review-order-table tr.order-total th,
.woocommerce-checkout-review-order-table tr.order-total td{ background:#f8f8f8; }
.woocommerce-checkout-review-order-table tr.cart-subtotal th,
.woocommerce-checkout-review-order-table tr.fee th,
.woocommerce-checkout-review-order-table tr.order-total th{ padding-left:5px; }
.woocommerce-checkout-review-order-table tr.cart-subtotal td,
.woocommerce-checkout-review-order-table tr.fee td,
.woocommerce-checkout-review-order-table tr.order-total td{ padding-right:5px; }
/* "Vali pakiautomaat" label — sama õhk vasakule (oli ääre vastas) */
.woocommerce-checkout tr[class*="wc-esm-method"] label{ padding-left:5px; }

/* Makse-plokk */
.woocommerce-checkout #payment{ background:var(--ep-surface) !important; border-radius:14px; border:1px solid var(--ep-line); margin-top:1.2em; }
.woocommerce-checkout #payment ul.payment_methods{ border-bottom:1px solid var(--ep-line) !important; padding:1em 1.2em; }
.woocommerce-checkout #payment div.form-row{ padding:1em 1.2em; }

/* Esita tellimus — EP sinine CTA */
.woocommerce-checkout #payment #place_order{
  background:var(--ep-blue) !important; color:#fff !important; border:none !important;
  border-radius:10px; font-size:1.1rem; font-weight:600; letter-spacing:.2px;
  padding:.95em 1.5em; width:100%; box-shadow:0 4px 14px rgba(0,121,188,.28);
}
.woocommerce-checkout #payment #place_order:hover{ background:var(--ep-blue-dark) !important; }

/* Privacy + märkused */
.woocommerce-privacy-policy-text{ font-size:.8rem; color:var(--ep-muted); line-height:1.5; }
.woocommerce-privacy-policy-text a{ color:var(--ep-blue); }

/* Tõmba kogu avalehe sisu (hero) üles -> menüü kattub sinise ülaosaga */
body.home #content.site-content{ margin-top:0 !important; }

/* ---------- Keelevalik RIPPVALIK (sinine EST/ENG) — otsingu ja ostukorvi vahel ---------- */
.ep-lang-switch{ position:absolute; top:36px; right:400px; z-index:40; }
.ep-lang-switch .ep-lang-current{
  display:inline-flex; align-items:center; gap:6px; cursor:pointer; line-height:1; letter-spacing:.3px;
  font-size:12.5px !important; font-weight:600 !important;
  color:#fff !important; background:var(--ep-blue) !important;
  padding:6px 13px !important; border:none !important; border-radius:99rem !important; box-shadow:none !important;
}
.ep-lang-switch .ep-lang-current:hover{ background:var(--ep-blue-dark) !important; }
.ep-lang-caret{ width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid currentColor; transition:transform .15s; }
.ep-lang-switch:hover .ep-lang-caret{ transform:rotate(180deg); }
.ep-lang-dropdown{
  position:absolute; top:100%; right:0; margin-top:6px; min-width:100%;
  background:#fff; border:1px solid var(--ep-line); border-radius:8px;
  box-shadow:0 8px 22px rgba(0,103,159,.16); padding:4px;
  opacity:0; visibility:hidden; transform:translateY(-5px);
  transition:opacity .15s, transform .15s, visibility .15s; z-index:50;
}
.ep-lang-switch:hover .ep-lang-dropdown, .ep-lang-switch:focus-within .ep-lang-dropdown{ opacity:1; visibility:visible; transform:translateY(0); }
.ep-lang-dropdown .ep-lang{
  display:block; font-size:12.5px; font-weight:600; color:var(--ep-muted) !important;
  padding:7px 14px; border-radius:6px; text-align:center; white-space:nowrap;
}
.ep-lang-dropdown .ep-lang:hover{ color:var(--ep-blue-darker) !important; background:var(--ep-surface); }

/* ---------- Tootelehe galerii: flexslider (nooled PEAPILDIL) + zoom; lightbox väljas ---------- */
.woocommerce div.product .woocommerce-product-gallery{ position:relative; }
/* peapilt: ümar ääris (zoom-overlay välja arvatud) */
.woocommerce div.product .woocommerce-product-gallery__image img:not(.zoomImg){
  border:1px solid var(--ep-line); border-radius:10px; background:#fff; display:block;
}
/* Prev/next nooled — PEAPILDIL (mitte lehe kõrval), alati nähtaval, EP-sinine ring */
.woocommerce div.product .flex-direction-nav{ margin:0; padding:0; list-style:none; }
.woocommerce div.product .flex-direction-nav li{ margin:0; }
.woocommerce div.product .flex-direction-nav a{
  display:flex !important; align-items:center; justify-content:center;
  position:absolute; top:50%; margin:0; transform:translateY(-50%);
  width:48px; height:48px; font-size:0; color:transparent; text-indent:0;
  background-color:rgba(255,255,255,.94); border:1px solid var(--ep-line); border-radius:50%;
  background-repeat:no-repeat; background-position:center; background-size:22px;
  box-shadow:0 4px 14px rgba(0,103,159,.18); opacity:1; z-index:6;
  transition:background-color .15s,border-color .15s;
}
.woocommerce div.product .flex-direction-nav a:hover{ border-color:var(--ep-blue); background-color:#fff; }
/* otsa jõudes hall (mõlemad nooled jäävad nähtavale, aga klikkimatu) */
.woocommerce div.product .flex-direction-nav a.flex-disabled{ opacity:.3 !important; pointer-events:none; box-shadow:none; }
.woocommerce div.product .flex-direction-nav a.flex-prev{
  left:14px; right:auto;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23026196' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
}
.woocommerce div.product .flex-direction-nav a.flex-next{
  right:14px; left:auto;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23026196' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
}
/* Pisipildid — täidavad ruudu (cover), klikk vahetab peapilti; aktiivne sinine ääris */
.woocommerce div.product .flex-control-thumbs{
  display:flex !important; flex-wrap:wrap; gap:12px; margin:16px 0 0 !important; padding:0; list-style:none;
}
.woocommerce div.product .flex-control-thumbs li{ width:auto !important; margin:0 !important; float:none !important; list-style:none; }
.woocommerce div.product .flex-control-thumbs li img{
  width:100px !important; height:100px !important; object-fit:cover; display:block;
  border:1px solid var(--ep-line); border-radius:8px; background:#fff;
  opacity:.7; cursor:pointer; transition:opacity .15s,border-color .15s;
}
.woocommerce div.product .flex-control-thumbs li img:hover{ opacity:1; border-color:var(--ep-blue); }
.woocommerce div.product .flex-control-thumbs li img.flex-active{
  opacity:1; border-color:var(--ep-blue); box-shadow:0 0 0 2px rgba(0,121,188,.22);
}

/* ---------- #3 LAHENDUS: peida Storefront'i toote prev/next navigatsioon (külje-"nupud") ---------- */
.storefront-product-pagination{ display:none !important; }

/* ============================================================
   MOBIIL (≤768px) — taasta Storefronti mobiili-muster (desktop-vaade EI muutu)
   ============================================================ */
@media (max-width:768px){

  /* --- Päis + logo: jõuga puhas (oli ülaservast lõigatud: Storefronti float + reserveeritud 120px) --- */
  .site-header{ padding:14px 0 10px !important; transform:none !important; }
  .site-header .col-full{ display:block !important; transform:none !important; }
  .site-header .site-branding{
    display:flex !important; align-items:center !important;
    float:none !important; width:auto !important; clear:both !important;
    min-height:48px; margin:0 !important; padding:0 !important; transform:none !important; overflow:visible !important;
  }
  .site-header h1.logo, .site-header p.logo, .site-header .logo{
    margin:0 !important; padding:0 !important; line-height:1 !important; font-size:1px !important;
    display:flex !important; align-items:center !important;
  }
  .site-header .custom-logo-link, .site-header .site-logo-anchor, .site-header .site-logo-link{
    display:flex !important; align-items:center !important; margin:0 !important; line-height:0 !important;
  }
  .site-header .custom-logo, .site-header .site-branding img.custom-logo, .site-header .site-branding img{
    max-height:42px !important; height:auto !important; width:auto !important; max-width:200px !important;
    margin:0 !important; display:block !important; position:static !important; top:auto !important;
    transform:none !important; vertical-align:middle !important;
  }

  /* --- Otsing: nulli desktop-absolute KÕIKJAL (et alumise riba otsing töötaks),
         peida ainult PÄISE otsing --- */
  .storefront-product-search, .site-search{
    position:static !important; right:auto !important; top:auto !important; left:auto !important;
    width:auto !important; max-width:none !important; margin:0 !important; z-index:auto !important;
  }
  .site-header .site-branding .site-search{ display:none !important; }

  /* --- Ostukorv päises: peida (alumine mobiiliriba katab) --- */
  .site-header-cart{ display:none !important; }

  /* --- Alariba: otsinguväli ~2x laiem (Minu konto + Korv kompaktsed ikoonid, otsing võtab ülejäänu) --- */
  .storefront-handheld-footer-bar ul{ display:flex !important; align-items:stretch; }
  .storefront-handheld-footer-bar.columns-3 li{ width:auto !important; float:none !important; }
  .storefront-handheld-footer-bar li.my-account,
  .storefront-handheld-footer-bar li.cart{ flex:0 0 19% !important; }
  .storefront-handheld-footer-bar li.search{ flex:1 1 auto !important; }
  .storefront-handheld-footer-bar li.search > a{ display:none !important; } /* redundantne "Otsi" link — väli on niikuinii näha */
  .storefront-handheld-footer-bar li.search .site-search{
    position:static !important; display:block !important; width:100% !important; max-width:none !important; margin:0 !important;
  }
  .storefront-handheld-footer-bar li.search .search-field{ width:100% !important; }

  /* --- Keelevalik: vool, mitte kattuv (kui WPML aktiivne) --- */
  .ep-lang-switch{ position:static !important; top:auto !important; right:auto !important;
    justify-content:flex-end; margin:0 0 4px; }

  /* --- Navigatsioon: Storefronti hamburger tööle (peida mu pill-stiil) --- */
  .storefront-primary-navigation{ margin-top:6px !important; }
  .storefront-primary-navigation .col-full{
    background:transparent !important; border:none !important; box-shadow:none !important;
    border-radius:0 !important; padding:0 !important;
  }
  .main-navigation > div.menu{ display:none !important; }  /* lehe-põhine fallback-menüü ära */
  /* hamburger-nupp: täislaius, EP-stiil */
  .main-navigation .menu-toggle{
    display:block !important; float:none !important; width:100% !important; max-width:none !important;
    box-sizing:border-box !important;
    background:var(--ep-surface) !important; color:var(--ep-blue-darker) !important;
    border:1px solid var(--ep-line) !important; border-radius:10px !important;
    padding:13px 16px 13px 44px !important; font-weight:600 !important; font-size:15px !important; text-align:left;
  }
  /* menüü peidetud kuni hamburger vajutatud (Storefronti JS lisab .toggled) → siis vertikaalne */
  .main-navigation .primary-navigation, .main-navigation ul.menu, .main-navigation ul.nav-menu{
    max-height:none !important; overflow:visible !important;
  }
  .main-navigation ul.menu, .main-navigation ul.nav-menu{
    display:none !important; flex-direction:column !important; flex-wrap:wrap !important;
    background:#fff; border:1px solid var(--ep-line); border-radius:10px; margin-top:8px; padding:2px 0;
  }
  .main-navigation.toggled .primary-navigation, .main-navigation.ep-menu-open .primary-navigation,
  .main-navigation.toggled ul.menu, .main-navigation.ep-menu-open ul.menu,
  .main-navigation.toggled ul.nav-menu, .main-navigation.ep-menu-open ul.nav-menu{
    display:block !important; max-height:none !important; height:auto !important;
    overflow:visible !important; opacity:1 !important; visibility:visible !important;
  }
  .main-navigation ul.menu li, .main-navigation ul.nav-menu li{
    display:block !important; width:100% !important; float:none !important; border-top:1px solid var(--ep-line);
  }
  .main-navigation ul.menu > li:first-child, .main-navigation ul.nav-menu > li:first-child{ border-top:none; }
  .main-navigation ul li a{ white-space:normal !important; padding:13px 18px !important; }

  /* --- Avalehe ridade päis: "Vaata veel" ära kärbi --- */
  .ep-home{ padding:16px 16px 18px !important; }
  .ep-row-head{ flex-wrap:wrap !important; gap:4px 10px; }
  .ep-row-head h2{ font-size:20px !important; }

  /* --- Hero: kompaktsem --- */
  .ep-hero{ padding:34px 22px 38px !important; border-radius:16px !important; margin:12px 0 20px !important; }
  .ep-hero-title{ font-size:29px !important; line-height:1.12; }
  .ep-hero-sub{ font-size:15px !important; }
  .ep-hero::after{ left:22px !important; right:22px !important; }

  /* --- Horisontaalse overflow'i JUURPÕHJUS: Storefronti .col-full{ margin:22px; box-sizing:content-box }
         + max-width:100% → margin-box = 100%+44px → üle serva. Lahendus: margin maha, padding asemele (border-box).
         Parandab nii grid-veerud kui hamburger-riba (mõlemad .col-full sees). --- */
  html, body{ overflow-x:hidden !important; }
  .col-full{
    margin-left:0 !important; margin-right:0 !important;
    padding-left:14px !important; padding-right:14px !important;
    max-width:100% !important; box-sizing:border-box !important;
  }
  .woocommerce-products-header__title, .page-title, .entry-title{
    font-size:25px !important; overflow-wrap:break-word; word-break:break-word;
  }

  /* --- Kategooria/pood + avaleht: 1 veerg (tooted üksteise all) — mobiilis selge + ei jookse üle serva --- */
  .woocommerce ul.products, .ep-row ul.products{
    display:grid !important; grid-template-columns:1fr !important;
    gap:16px !important; margin:0 !important;
  }
  .woocommerce ul.products::before, .woocommerce ul.products::after,
  .ep-row ul.products::before, .ep-row ul.products::after{ display:none !important; content:none !important; }
  .woocommerce ul.products li.product, .ep-row ul.products li.product{
    width:auto !important; margin:0 !important; float:none !important; max-width:100% !important;
  }
  .woocommerce ul.products li.product img, .ep-row ul.products li.product img{
    width:100% !important; height:auto !important; max-width:100% !important;
  }

  /* Kassa mobiilis: 1 veerg (andmed + tellimus üksteise all) */
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review{ width:100% !important; float:none !important; }
  .woocommerce-checkout #order_review_heading{ margin-top:1.5em; }
  .woocommerce-checkout #order_review{ padding:1.1em !important; }
}


/* ============================================================
   PÄISE ÜMBERKUJUNDUS 2026-06-19 (D-052): flex ülarida + korv sisuveeru serval
   + moodne ostukorvi-dropdown + mobiilil korv & otsing päises.
   Asendab varasemad absolute-positsioonid (search/lang/cart) — need jäävad failis
   üleval aga on siin üle kirjutatud (spetsiifilisus + !important + järjekord).
   Korv on functions.php-s tõstetud col-full sisse (storefront_header prio 40).
   ============================================================ */
/* ===== ÜLAREA FLEX: logo · otsing · keelevalik · ostukorv ühel real,
   ostukorv lõpeb sisuveeru serval (mitte akna serval). Korv on PHP-s tõstetud
   col-full sisse (prio 40). ===== */
.site-header > .col-full{ display:flex !important; align-items:center; flex-wrap:nowrap; position:relative; }
.site-header .site-branding{ order:0; flex:0 1 auto; min-width:0; margin:0 !important; }
.site-header .site-search{
  order:1; position:static !important; top:auto !important; right:auto !important;
  margin:0 0 0 auto !important; flex:0 0 250px; width:250px; max-width:250px; z-index:auto !important;
}
.ep-lang-switch{
  order:2; position:relative !important; top:auto !important; right:auto !important;
  margin-left:18px; flex:0 0 auto; z-index:40 !important;
  /* relative (mitte static) → ENG-dropdown ankurdub NUPU külge väikese kastina.
     static jättis dropdowni col-full'i külge (min-width:100% → täislaius "ENG" riba). */
}
.site-header-cart{
  order:3; position:relative !important; top:auto !important; right:auto !important; bottom:auto !important;
  margin:0 0 0 16px !important; padding:0 !important; flex:0 0 auto; width:auto !important;
  display:flex !important; align-items:center; z-index:50;  /* >menüü(30): muidu korvi stacking-kontekst lõksustab dropdowni menüü alla */
}
/* korv lõpeb täpselt menüü-pilli serval (nav-pillil on ~19px sisemine veeris col-full'ist) */
.site-header > .col-full{ padding-right:19px; }

/* ===== OSTUKORVI DROPDOWN (hover/klikk) — moodne valge kaart, kindel laius ===== */
.site-header-cart .widget_shopping_cart{
  width:340px !important; left:auto !important; right:0 !important; top:calc(100% + 12px) !important;
  background:#fff !important; border:1px solid var(--ep-line) !important; border-radius:16px !important;
  box-shadow:0 14px 38px rgba(0,103,159,.18) !important; padding:0 !important; margin:0 !important;
  opacity:0; visibility:hidden; transform:translateY(8px); pointer-events:none;
  transition:opacity .16s ease, transform .16s ease, visibility .16s; z-index:60;
}
.site-header-cart:hover .widget_shopping_cart,
.site-header-cart.focus .widget_shopping_cart{
  opacity:1 !important; visibility:visible !important; transform:translateY(0) !important;
  left:auto !important; right:0 !important; pointer-events:auto;
}
/* katab hover-vahe nupu ja kaardi vahel (et hover ei katkeks) */
.site-header-cart .widget_shopping_cart::before{ content:""; position:absolute; top:-14px; left:0; right:0; height:14px; }

.site-header-cart .widget_shopping_cart_content{ padding:6px 18px 18px !important; }
.site-header-cart ul.cart_list{ margin:0 !important; padding:0 !important; list-style:none !important; max-height:330px; overflow-y:auto; }
.site-header-cart ul.cart_list li.mini_cart_item{
  position:relative; list-style:none !important;
  padding:13px 28px 13px 62px !important; margin:0 !important;
  border-bottom:1px solid var(--ep-line) !important; border-top:none !important;
}
.site-header-cart ul.cart_list li.mini_cart_item img{
  position:absolute !important; left:0; top:13px; width:50px !important; height:50px !important;
  margin:0 !important; float:none !important; border:1px solid var(--ep-line); border-radius:9px; background:#fff;
  object-fit:contain;
}
.site-header-cart ul.cart_list li.mini_cart_item a:not(.remove){
  display:block !important; font-size:13.5px; line-height:1.35; color:var(--ep-ink) !important;
  font-weight:600; text-decoration:none;
}
.site-header-cart ul.cart_list li.mini_cart_item .quantity{
  display:block; margin-top:5px; font-size:13px; color:#6a7682; font-weight:400;
}
.site-header-cart ul.cart_list li.mini_cart_item .quantity .amount{ color:#3a4654; font-weight:600; }
.site-header-cart ul.cart_list li.mini_cart_item .remove_from_cart_button{
  position:absolute !important; top:13px !important; right:0 !important; width:22px; height:22px;
  line-height:20px !important; text-align:center; border-radius:50%; background:var(--ep-surface) !important;
  color:#9aa5b1 !important; font-size:17px !important; text-decoration:none !important; padding:0 !important;
}
.site-header-cart ul.cart_list li.mini_cart_item .remove_from_cart_button:hover{ background:#f6dada !important; color:#c0392b !important; }
.site-header-cart .woocommerce-mini-cart__total{
  display:flex; justify-content:space-between; align-items:center;
  padding:15px 14px 13px !important; margin:0 !important; font-size:15px; border:none !important;
  border-radius:10px;  /* hall vahesumma-riba ümarad nurgad, tekst ei puutu serva (V kaotsis fix) */
}
.site-header-cart .woocommerce-mini-cart__total strong{ font-weight:600; color:var(--ep-ink); }
.site-header-cart .woocommerce-mini-cart__total .amount{ color:var(--ep-blue-darker) !important; font-weight:700; font-size:16px; }
.site-header-cart .woocommerce-mini-cart__buttons{ display:flex !important; gap:10px; margin:0 !important; padding:0 !important; }
.site-header-cart .woocommerce-mini-cart__buttons a{
  flex:1 1 0; margin:0 !important; text-align:center; padding:12px 8px !important; border-radius:11px !important;
  font-size:13.5px; font-weight:600; line-height:1.1;
}
.site-header-cart .woocommerce-mini-cart__buttons a.button:not(.checkout){
  background:var(--ep-surface) !important; color:var(--ep-blue-darker) !important; border:1px solid var(--ep-line) !important;
}
.site-header-cart .woocommerce-mini-cart__buttons a.checkout{ background:var(--ep-blue) !important; color:#fff !important; border:none !important; }
.site-header-cart .woocommerce-mini-cart__empty-message{ padding:18px 0 4px !important; margin:0 !important; color:#6a7682; font-size:14px; text-align:center; }

/* ===== MOBIIL (≤768px): korv + otsing PÄISESSE (Piret soov), alumine riba ära ===== */
@media (max-width:768px){
  .site-header > .col-full{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; padding-right:14px !important; }
  .site-header .site-branding{ order:0 !important; flex:1 1 auto !important; width:auto !important; }
  .ep-lang-switch{ order:1 !important; flex:0 0 auto !important; margin:0 0 0 auto !important; }
  .site-header-cart{ order:2 !important; flex:0 0 auto !important; display:flex !important; align-items:center !important;
    position:relative !important; top:auto !important; right:auto !important; margin:0 0 0 10px !important; }
  .site-header-cart .cart-contents{ display:inline-flex !important; padding:9px 13px !important; font-size:13px !important; gap:7px; }
  .site-header-cart .widget_shopping_cart{ display:none !important; }   /* mobiilil korv-nupp viib korvi-lehele, dropdown ära */
  .site-search{ order:3 !important; flex:1 1 100% !important; display:block !important;
    position:static !important; top:auto !important; right:auto !important; left:auto !important;
    width:100% !important; max-width:none !important; margin:11px 0 0 !important; z-index:auto !important; }
  .storefront-handheld-footer-bar{ display:none !important; }   /* korv+otsing on nüüd päises */
}

/* ===== MOBIILI PÄISE PARANDUSED 2026-06-19 (D-053) ===== */
@media (max-width:768px){
  /* Logo: suurem + selge + EI kahane (korv ei tohi seda kokku suruda) */
  .site-header > .col-full .site-branding{ flex:0 0 auto !important; min-width:0 !important; }
  .site-header .custom-logo, .site-header .custom-logo-link img, .site-header .site-branding img.custom-logo{ max-height:52px !important; }
  /* Ostukorv kompaktne: ikoon + kogus, summa peita → logole ruumi */
  .site-header-cart .cart-contents .woocommerce-Price-amount,
  .site-header-cart .cart-contents > .amount{ display:none !important; }
  .site-header-cart .cart-contents{ padding:9px 12px !important; gap:6px !important; font-size:13px !important; }
  /* Selge korvi-ikoon (FA ::after ei renderdu mobiilil usaldusväärselt) */
  .site-header-cart .cart-contents::after{ display:none !important; }
  .site-header-cart .cart-contents::before{
    content:"" !important; display:inline-block !important; width:17px !important; height:17px !important; flex:0 0 17px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a4720' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") no-repeat center/contain !important;
  }
  /* Keelevalik: dropdown NUPU ALLA väikse kastina (mitte täislaius päise all) */
  .ep-lang-switch{ position:relative !important; }
  .ep-lang-dropdown{ position:absolute !important; top:calc(100% + 4px) !important; right:0 !important; left:auto !important;
    width:auto !important; min-width:62px !important; }
  /* WPML enda vaikevahetaja peita (topelt — kasutame .ep-lang-switch) */
  .wpml-ls, .wpml-ls-legacy-list-horizontal, .widget_icl_lang_sel_widget{ display:none !important; }
  /* Logo ↔ otsing: +15px ruumi */
  .site-header > .col-full .site-search{ margin-top:26px !important; }
}

/* ── Taganemisfunktsioon ("Taganen lepingust") — EL 2023/2673 / VÕS Art 11a ── */
.ep-withdrawal-intro{ max-width:680px; }
.ep-wd-form{ max-width:560px; margin:1.6em 0; }
.ep-wd-row{ display:flex; flex-direction:column; margin:0 0 1em; }
.ep-wd-row label{ font-weight:600; margin-bottom:.3em; color:#0079bc; }
.ep-wd-form input[type=text], .ep-wd-form input[type=email], .ep-wd-form textarea{
  padding:.6em .7em; border:1px solid #c7d2e0; border-radius:8px; font-size:1em; width:100%; box-sizing:border-box; font-family:inherit; }
.ep-wd-form input:focus, .ep-wd-form textarea:focus{ outline:none; border-color:#0079bc; box-shadow:0 0 0 3px rgba(0,121,188,.15); }
.ep-wd-agree{ margin:1.1em 0; font-size:.95em; line-height:1.45; }
.ep-wd-agree input{ margin-right:.5em; }
.ep-wd-hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }
.ep-wd-form .ep-wd-submit button, p.ep-wd-submit button[type="submit"]{ background:#0079bc !important; color:#fff !important; border:none !important; border-radius:10px !important; padding:.85em 1.8em !important; font-size:1.05em !important; font-weight:600 !important; cursor:pointer !important; text-shadow:none !important; box-shadow:none !important; }
.ep-wd-form .ep-wd-submit button:hover, p.ep-wd-submit button[type="submit"]:hover{ background:#005f95 !important; }
.ep-wd-notice{ padding:1em 1.2em; border-radius:10px; margin:1em 0; font-weight:500; }
.ep-wd-ok{ background:#e6f4ea; border:1px solid #9cd3ad; color:#1e6b35; }
.ep-wd-err{ background:#fdecea; border:1px solid #f1a9a0; color:#a3271a; }
.ep-footer-withdraw{ font-weight:600; }

/* ── Ligipääsetavus: nähtav klaviatuuri-fookus (WCAG 2.4.7) ── */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible, .button:focus-visible, .ep-lang-current:focus-visible{
  outline:3px solid #0079bc !important; outline-offset:2px !important;
}
/* Ligipääsetavus: WC teadete kontrast — Storefronti vaikimisi #3d9cd2 + valge tekst = 3.05:1 (<4.5).
   Tumedam taust → valge tekst ~6:1. Eristav ülaääris (info/sõnum/viga) jääb alles. */
.woocommerce-info, .woocommerce-message, .woocommerce-noreviews, .woocommerce-error{
  background-color:#006699 !important;
}

/* #6 Tänulehe toote-pildid */
.ep-order-item{ display:flex; align-items:center; gap:12px; }
.ep-order-thumb{ width:52px; height:52px; object-fit:cover; border-radius:6px; flex:0 0 52px; border:1px solid #e3e8ee; }
.ep-order-item-name{ flex:1; }
.woocommerce-order-details td.product-name a{ font-weight:600; }

/* === #3 Konekt pakiautomaadi valija — TÄISLAIUS (colspan=2 muster, D-035) ===
   table-layout:fixed nõuab colspan'i — CSS display:block EI tööta (jätab valija ühte veergu, 259px).
   JS (ep_terminal_select2) tõstab label TD-sse, eemaldab TH, annab TD-le colspan=2 → terve tabeli
   laius (418px desktop), täpselt nagu shipping-rida. Terminal-TD JÄÄB table-cell (mitte block!),
   muidu colspan ignoreeritakse. Sama colspan=2 = täislaius igal viewportil (sh mobiil). */
.woocommerce-checkout tr[class*="wc-esm-method"] td{ display:table-cell; vertical-align:top; text-align:left; padding:4px 0 14px; }
.woocommerce-checkout tr[class*="wc-esm-method"] td[colspan="2"]{ width:100%; }
.woocommerce-checkout tr[class*="wc-esm-method"] label{ display:block; font-weight:600; margin:0 0 6px; font-size:15px; }
.woocommerce-checkout tr[class*="wc-esm-method"] .select2-container{ width:100% !important; max-width:100%; box-sizing:border-box; }
.woocommerce-checkout tr[class*="wc-esm-method"] .select2-selection{ height:42px; padding:6px 4px; box-sizing:border-box; }
.woocommerce-checkout tr[class*="wc-esm-method"] .select2-selection__rendered{ line-height:28px; }

/* "Tagasi üles" nupp — ilmub alla kerides (CRO + a11y) */
#ep-to-top{
	position:fixed; right:20px; bottom:20px; z-index:60;
	width:46px; height:46px; border-radius:50%;
	background:var(--ep-blue); color:#fff; border:none; cursor:pointer;
	display:flex; align-items:center; justify-content:center;
	box-shadow:0 4px 14px rgba(0,121,188,.35);
	opacity:0; visibility:hidden; transform:translateY(10px);
	transition:opacity .2s, transform .2s, visibility .2s, background .15s;
}
#ep-to-top.ep-show{ opacity:1; visibility:visible; transform:translateY(0); }
#ep-to-top:hover{ background:var(--ep-blue-dark); }
#ep-to-top:focus-visible{ outline:3px solid var(--ep-blue); outline-offset:2px; }
@media (max-width:768px){ #ep-to-top{ right:14px; bottom:14px; width:42px; height:42px; } }

/* KKK (FAQ) accordion */
.ep-faq{ max-width:780px; }
.ep-faq-item{ border:1px solid var(--ep-line); border-radius:10px; margin-bottom:10px; padding:0 18px; background:#fff; }
.ep-faq-item summary{ cursor:pointer; font-weight:600; padding:15px 0; list-style:none; color:var(--ep-ink); position:relative; }
.ep-faq-item summary::-webkit-details-marker{ display:none; }
.ep-faq-item summary::after{ content:"+"; position:absolute; right:0; top:13px; color:var(--ep-blue); font-size:1.4em; line-height:1; font-weight:400; }
.ep-faq-item[open] summary::after{ content:"–"; }
.ep-faq-a{ padding:0 0 15px; color:var(--ep-text); line-height:1.6; }
.ep-faq-a p{ margin:0; }

/* Kontaktivorm */
.ep-ct-form{ max-width:580px; }
.ep-ct-form p{ margin:0 0 16px; }
.ep-ct-form label{ font-weight:600; display:block; color:var(--ep-ink); }
.ep-ct-form input, .ep-ct-form textarea{ width:100%; padding:.7em .9em; border:1px solid var(--ep-line); border-radius:8px; margin-top:5px; box-sizing:border-box; font-family:inherit; }
.ep-ct-form input:focus, .ep-ct-form textarea:focus{ border-color:var(--ep-blue); outline:none; box-shadow:0 0 0 3px rgba(0,121,188,.12); }
.ep-ct-form button{ background:var(--ep-blue) !important; color:#fff !important; border:none; border-radius:10px; padding:.8em 1.8em; font-weight:600; cursor:pointer; }
.ep-ct-form button:hover{ background:var(--ep-blue-dark) !important; }
.ep-ct-hp{ position:absolute !important; left:-9999px !important; }
.ep-ct-ok{ background:#e6f4ea; border:1px solid #b7dfc4; color:#1b6b3a; padding:13px 18px; border-radius:8px; margin-bottom:18px; }
.ep-ct-err{ background:#fdecea; border:1px solid #f5c2c0; color:#a12622; padding:13px 18px; border-radius:8px; margin-bottom:18px; }


/* ===== Auditi-parandused 2026-06-21: usaldus + tooteinfo ===== */
.ep-checkout-trust{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin:14px 0 4px;padding:12px 14px;background:#f5f9fc;border:1px solid #e1ebf2;border-radius:10px;font-size:13px;color:#2a4a5e;line-height:1.4}
.ep-checkout-trust span{white-space:nowrap}
.ep-assurances{list-style:none;margin:16px 0 0;padding:14px 16px;background:#f5f9fc;border:1px solid #e1ebf2;border-radius:10px}
.ep-assurances li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:#33444f;padding:3px 0;margin:0}
.ep-assurances .ep-as-i{flex:0 0 20px;text-align:center}
@media(max-width:768px){.ep-checkout-trust{font-size:12px;gap:6px 12px}}

/* ===== Mobiiliparandused 2026-06-22 (Piret) ===== */
/* Scroll-top nupp: sunni EP-sinine taust + valge nool (mingi reegel kirjutas üle hallile #EEF2F6) */
#ep-to-top{ background:var(--ep-blue) !important; color:#fff !important; }
#ep-to-top:hover{ background:var(--ep-blue-dark) !important; }
#ep-to-top svg{ stroke:#fff !important; }

/* CookieYes revisit-nupp: katkine ikoon-pilt peida, näita puhast valget küpsise-ikooni tumesinisel kettal */
.cky-btn-revisit-wrapper .cky-btn-revisit img{ display:none !important; }
.cky-btn-revisit{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5'/%3E%3Cpath d='M8.5 8.5v.01'/%3E%3Cpath d='M16 15.5v.01'/%3E%3Cpath d='M12 12v.01'/%3E%3Cpath d='M11 17v.01'/%3E%3Cpath d='M7 14v.01'/%3E%3C/svg%3E") !important;
	background-repeat:no-repeat !important; background-position:center !important; background-size:22px 22px !important;
}

/* Ostukorv mobiil: "Toode" silt ja toote nimi samale kõrgusele (oli eri kõrgustel) */
@media (max-width:768px){
	.woocommerce table.shop_table_responsive tr td.product-name,
	.woocommerce-cart table.cart td.product-name{
		display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px;
	}
	.woocommerce table.shop_table_responsive tr td.product-name::before,
	.woocommerce-cart table.cart td.product-name::before{ float:none !important; margin:0 !important; }
}


/* ===== Mobiili-parandus 2026-06-23 (Piret): küpsise-ikoon + üles-noole nähtavus ===== */
/* CookieYes revisit-nupp kukkus mobiilis 2x2px halliks → sunni korralik suurus + tumesinine ketas
   (taust-ikoon (valge küpsis) on juba seatud varasema reegliga, siin lisame mõõdud + ketta värvi). */
.cky-btn-revisit{
	width:46px !important; height:46px !important; min-width:46px !important; min-height:46px !important;
	background-color:#0056A7 !important; border-radius:50% !important; padding:0 !important;
	box-shadow:0 3px 12px rgba(0,0,0,.28) !important; background-size:24px 24px !important;
}
.cky-btn-revisit img{ display:none !important; }
.cky-btn-revisit-wrapper{ width:auto !important; height:auto !important; }
/* Üles-kerimise nupu nool: sunni SVG nähtavaks (globaalne svg-reegel kukutas suuruse 0-ks). */
#ep-to-top svg{ width:22px !important; height:22px !important; min-width:22px !important; display:block !important; stroke:#fff !important; }

/* Ostukorvi koguse +/− stepper (mobiilisõbralik — Piret 06-23) */
.woocommerce-cart-form .quantity{ display:inline-flex; align-items:stretch; }
.woocommerce-cart-form .quantity .ep-qty-btn{
	width:40px; min-width:40px; height:40px; padding:0; margin:0;
	border:1px solid #cdd7e1; background:#f3f6f9; color:#0079bc;
	font-size:20px; line-height:1; font-weight:700; cursor:pointer;
	display:flex; align-items:center; justify-content:center;
	-webkit-appearance:none; appearance:none;
}
.woocommerce-cart-form .quantity .ep-qty-minus{ border-radius:6px 0 0 6px; }
.woocommerce-cart-form .quantity .ep-qty-plus{ border-radius:0 6px 6px 0; }
.woocommerce-cart-form .quantity .ep-qty-btn:disabled{ opacity:.4; cursor:default; }
.woocommerce-cart-form .quantity .ep-qty-btn:not(:disabled):active{ background:#e3ebf3; }
.woocommerce-cart-form .quantity input.qty{
	width:48px; height:40px; text-align:center; margin:0;
	border:1px solid #cdd7e1; border-left:0; border-right:0; border-radius:0;
	-moz-appearance:textfield;
}
.woocommerce-cart-form .quantity input.qty::-webkit-outer-spin-button,
.woocommerce-cart-form .quantity input.qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
@media (max-width:768px){
	.woocommerce-cart-form .quantity .ep-qty-btn{ width:44px; min-width:44px; height:44px; font-size:22px; }
	.woocommerce-cart-form .quantity input.qty{ width:54px; height:44px; font-size:16px; }
}