/* ==========================================================================
   NOLA - CUSTOM CSS
   1:1 koopia praegusest Customizer -> Additional CSS sisust (17.08.2026 seisuga),
   pluss uus [nola_brand_hero] hero-sektsiooni CSS lõpus.
   Eesmärk: null visuaalset muutust migratsiooni käigus - kõik käitub täpselt
   samamoodi nagu enne, lihtsalt failina, mitte andmebaasis.
   ========================================================================== */

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product .esto_calculator
{
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  padding-top: 0px;
}
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap, .woocommerce-page ul.products li.product .astra-shop-thumbnail-wrap{
  margin-bottom: 0px;
}
.ast-separate-container .ast-woocommerce-container{padding-top: 40px;}
.ast-woocommerce-container{
padding-left: 0px !important;
padding-right: 0px !important;
;}
table {
	font-size: 14px;
text-align: center;}
td{
	min-width: 100px;
	text-align: center !important;}
td, th{
	padding: 3px !important;}
/* Suurustabel (nt tootelehel) - td{min-width:100px} teeb 6-veerulise tabeli
   ~650px laiuseks. Kerimise asemel (mis tekitas ka kummalise joone -
   display:block tabel ei arvuta veergude laiust normaalselt) suruname
   tabeli PARISELT konteineri laiusesse - table-layout:fixed jagab veerud
   võrdselt, ilma et miski üle serva ulatuks ega scrolli tekiks. */
.summary.entry-summary table,
.woocommerce-product-details__short-description table {
	display: table;
	table-layout: fixed;
	width: 100% !important;
	max-width: 100%;
	overflow-x: visible;
	border-collapse: collapse;
}
.summary.entry-summary table td,
.summary.entry-summary table th,
.woocommerce-product-details__short-description table td,
.woocommerce-product-details__short-description table th {
	min-width: 0 !important;
	width: auto;
	font-size: 11px;
	padding: 4px 2px !important;
	overflow-wrap: break-word;
	word-break: break-word;
}
@media (max-width: 480px) {
	.summary.entry-summary table td,
	.summary.entry-summary table th,
	.woocommerce-product-details__short-description table td,
	.woocommerce-product-details__short-description table th {
		font-size: 9px;
		padding: 3px 1px !important;
	}
}
/* Tootelehe "Lisa korvi" nupp - sama terava nurga + tume/hele-hoover stiil
   mis ostukorvi CHECKOUT nupul. */
.single_add_to_cart_button.button {
	box-sizing: border-box !important;
	padding: 15px 34px !important;
	font-size: 12px !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	border: 1px solid #1a1a1a !important;
	border-radius: 0 !important;
	background: #1a1a1a !important;
	color: #ffffff !important;
	box-shadow: none !important;
	transition: background 0.2s ease, color 0.2s ease;
}
.single_add_to_cart_button.button:hover {
	background: #ffffff !important;
	color: #1a1a1a !important;
}
.single-product div.product .entry-title
{font-weight: 900;}
#esto_calculator > img:nth-child(1) {
	max-width: 75px !important;
	width: auto;
}
#esto_calculator{padding-bottom: 20px;}
.product_meta > p:nth-child(3){display: none;}
.paypal-button-label-container {
    display: none !important;
}
/* Üksiktoote pealkiri: font-weight 400 */
.single-product .product_title.entry-title {
  font-weight: 400;
}
/* Mõni teema kasutab h1 – katame ka selle */
.single-product h1.product_title.entry-title {
  font-weight: 400;
}
.menu-text {
	font-weight: 300;
}
.woocommerce-js h2{
	font-weight: 400 !important;
}
.ast-header-search {
	display: block;
	width: 200px;
}
/* Suruame otsinguvalja vaiksemaks - Customizer "Search Height" slider ei lase
   piisavalt alla minna, seega !important siin. */
.ast-search-menu-icon.search-box.ast-inline-search .search-form {
	height: auto !important;
	width: 220px !important;
	display: flex !important;
}
.ast-search-menu-icon.search-box.ast-inline-search .search-form label {
	flex: 1 1 auto;
	min-width: 0;
}
.ast-search-menu-icon.search-box .search-field {
	height: 30px !important;
	width: 100% !important;
	padding: 4px 12px !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	box-sizing: border-box !important;
}
.ast-search-menu-icon.search-box .search-submit {
	height: 30px !important;
	width: 30px !important;
	min-height: 30px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.ast-search-menu-icon.search-box .search-submit .astra-search-icon {
	font-size: 14px !important;
	line-height: 1 !important;
}
.ast-search-menu-icon.search-box .search-submit svg {
	width: 14px !important;
	height: 14px !important;
}
/* Otsinguvali + korviikoon samas flex-reas ei olnud vertikaalselt
   joondatud (otsing vaiksem, korv oma vana korgusega) - tsentreerime. */
.site-header-below-section-right.ast-grid-right-section,
.ast-grid-right-section {
	align-items: center !important;
	gap: 18px !important;
}
.ast-header-search,
.ast-header-woo-cart {
	display: flex !important;
	align-items: center !important;
}
.ast-header-woo-cart .ast-site-header-cart,
.ast-header-woo-cart .ast-site-header-cart-li,
.ast-header-woo-cart .cart-container {
	display: flex !important;
	align-items: center !important;
}
.ast-header-woo-cart .ast-cart-menu-wrap {
	display: inline-flex !important;
	align-items: center !important;
}
.menu-link {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
/* Kui ühel ja samal elemendil on KÕIK need klassid korraga */
.elementor-widget-wrap.elementor-element-populated.e-swiper-container {
  padding: 0 !important;
}
/* Kui .e-swiper-container on seespool .elementor-widget-wrap.elementor-element-populated */
.elementor-widget-wrap.elementor-element-populated .e-swiper-container {
  padding: 0 !important;
}
/* Kui pad on hoopis wrapperil endal */
.elementor-widget-wrap.elementor-element-populated {
  padding: 0 !important;
}
.astra-shop-summary-wrap {
	display: flex !important;
	flex-direction: row !important;
	column-gap: 10px !important;
	margin-top: 10px;
}
@media (max-width:1000px) {
	.astra-shop-summary-wrap {
		display: flex !important;
		flex-direction: column !important;
	}
}
.astra-shop-summary-wrap {
	align-items: center !important;
	justify-content: center !important;
}
.price {
	font-size: 15px !important;
	display: flex !important;
	flex-direction: row !important;
	width: auto !important;
}
.ast-loop-product__link {
	width: auto !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title, .wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
    font-family: 'Acumin-Pro', acumin-pro, sans-serif;
    font-weight: 300 !important;
    font-size: 15px;
    font-size: 0.789473684211rem;
}
.single-product h1.product_title.entry-title {
    font-weight: 300 !important;
}
:is(.ast-separate-container, .ast-narrow-container)
  .primary:not(.ast-grid-1)
  .ast-article-post.ast-separate-posts {
  /* muuda ainult vasak/parem */
  padding-left: 5px!important;
  padding-right: 5px !important;
	padding-top: 30px !important;
  /* või lühemalt kaasaegse omadusega: */
  /* padding-inline: 0; */
}
/*
.woocommerce-js ul.products li.product a img {
    width: 100%;
	object-fit: cover;
    height: 700px;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
}
*/
.woocommerce-js ul.products li.product a img {
  width: 100%;
  height: clamp(220px, 55vw, 700px); /* mobiilis väiksem, desktopis kuni 700px */
  object-fit: cover;
}
.woocommerce-js h2 {
    font-weight: 300 !important;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table, .woocommerce-cart .cart-collaterals .cross-sells .shop_table {
	display: none;
}
/*HEADERI CSS*/
.ast-below-header-wrap {
	margin-top: 15px;
	margin-bottom: 15px;
	background: #ffffff;
}
.ast-below-header-bar {
	background: transparent;
}
/* Väiksem, elegantsem logo */
.site-branding.ast-site-identity .site-logo-img img.custom-logo {
  max-height: 30px;
  width: auto;
}
/* Klient soovis menüü rohkem keskele, mitte logo korval kinni.
   ".site-header-below-section-left" (Astra flex-tsoon, sisaldab Logo +
   Primary Menu) - lukkame menüü selle tsooni PAREMASSE serva. Astra
   mahub Logo ja Menu tovenaoliselt eraldi ".site-header-focus-item"
   umbriste sisse, mistõttu "margin-left:auto" otse ".main-header-menu"
   peal ei toimi (see pole ise flex-laps). Kasutame ">*:last-child" -
   sihib tegeliku OTSESE flex-lapse, mis iganes klass sellel ka pole. */
.site-header-below-section-left {
	display: flex !important;
	width: 100% !important;
}
.site-header-below-section-left > *:last-child {
	margin-left: auto !important;
}
/* Menüü - peida eesolev bullet-ikoon, tihenda tüpograafiat */
.main-header-menu .menu-item > a.menu-link > .ast-icon.icon-arrow {
  display: none;
}
.main-header-menu .menu-item > a.menu-link .menu-text {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
}
.main-header-menu .menu-item > a.menu-link {
  padding: 0 14px;
}
/* Alammenüü (dropdown, nt Naised > Kleidid/Kimonod jne) - minimalistlik,
   valge taust + õrn vari, mitte vaikimisi Astra hall kast. */
.main-header-menu .sub-menu {
  background: #ffffff;
  border: none;
  box-shadow: 0 12px 28px rgba(0,0,0,0.10);
  border-radius: 2px;
  padding: 14px 0;
  min-width: 230px;
}
.main-header-menu .sub-menu .menu-item {
  padding: 0;
}
.main-header-menu .sub-menu .menu-item > a.menu-link {
  display: block;
  padding: 10px 28px;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  color: #555;
  transition: color 0.2s ease, background 0.2s ease;
}
.main-header-menu .sub-menu .menu-item > a.menu-link:hover {
  color: #000;
  background: #f7f7f7;
}

/* ==========================================================================
   Astra native minikorv (WooCommerce widget_shopping_cart) - klassid vote
   pariselt DOM valjundist. Tausta/varju/aarise juba Customizer Design
   tab'ist (Cart Tray), siin ainult sisu tupograafia + nupud.
   ========================================================================== */
.widget_shopping_cart {
	/* Astra vaikimisi paneel jaab liiga kitsaks (tekitas nimeveeru kokkuvarisemise
	   uhe-tahemargi kaupa reastumiseni) - anname mois avara miinimumlaiuse. */
	min-width: 340px !important;
	box-sizing: border-box;
}
.widget_shopping_cart .woocommerce-mini-cart {
	list-style: none;
	padding: 0;
	margin: 0 0 16px;
}
/* Rida on grid: [pilt] [nimi/hind/kogus uksteise all]. <a> sisaldab DOM-is
   pilti+nime koos - display:contents "lahustab" selle lingi, nii et pilt
   ja nimi saavad ise grid-i otsesteks lasteks (nagu SIR-il). */
.widget_shopping_cart .mini_cart_item {
	display: grid;
	grid-template-columns: 84px 1fr;
	column-gap: 14px;
	/* Astra oma vaikimisi CSS surub sellele elemendile padding-left:95px
	   (mois oma pildipaigutuse jaoks, mis meie grid-lahendusega kokku
	   pokkus ja tekitas suure tuhja ala vasakul) - nullime selle. */
	padding: 24px 0 24px 0 !important;
	border-bottom: 1px solid #eaeaea;
	position: relative;
}
.widget_shopping_cart .mini_cart_item:last-child {
	border-bottom: none;
}
.widget_shopping_cart .mini_cart_item > a:not(.remove_from_cart_button) {
	display: contents;
}
/* !important, kuna Astra enda minikorvi pildi-CSS surub oma laius/korguse
   peale ja voidab meie reegli ilma selleta (nagen "pildid ikka pisikesed"). */
.widget_shopping_cart .mini_cart_item img {
	grid-column: 1;
	grid-row: 1 / span 3;
	width: 84px !important;
	height: auto !important;
	aspect-ratio: 2 / 3 !important;
	object-fit: cover !important;
	align-self: start;
}
.widget_shopping_cart .ast-product-image {
	grid-column: 2;
	grid-row: 1;
}
.widget_shopping_cart .ast-product-name {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #1a1a1a;
	line-height: 1.4;
	padding-right: 0;
}
.widget_shopping_cart .ast-mini-cart-price-wrap {
	grid-column: 2;
	grid-row: 2;
	margin-top: 6px;
	font-size: 12px;
	color: #666;
}
/* Kogus: -/väli/+ kõik SAMA kõrgusega ja border-box, muidu jäävad
   ebaühtlaselt suured (nagen probleem ekraanipildil). */
.widget_shopping_cart .quantity.buttons_added {
	grid-column: 2;
	grid-row: 3;
	margin-top: 14px;
	display: inline-flex;
	align-items: stretch;
	gap: 0;
	font-size: 12px;
	width: fit-content;
	border: 1px solid #e2e2e2;
}
.widget_shopping_cart .quantity.buttons_added .qty {
	box-sizing: border-box;
	width: 34px;
	height: 30px;
	text-align: center;
	border: none;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	font-size: 12px;
	padding: 0;
	margin: 0;
}
.widget_shopping_cart .quantity.buttons_added .minus,
.widget_shopping_cart .quantity.buttons_added .plus {
	box-sizing: border-box;
	cursor: pointer;
	color: #666;
	text-decoration: none;
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	font-size: 13px;
	line-height: 1;
}
.widget_shopping_cart .remove_from_cart_button {
	position: absolute;
	top: 24px;
	right: 0;
	color: #999;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
}
.widget_shopping_cart .remove_from_cart_button svg {
	width: 13px;
	height: 13px;
}
.widget_shopping_cart .remove_from_cart_button:hover {
	color: #000;
}
.widget_shopping_cart .woocommerce-mini-cart__total {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding-top: 18px;
	border-top: 1px solid #eaeaea;
	margin: 0 0 20px;
}
.widget_shopping_cart .woocommerce-mini-cart__total strong {
	font-weight: 500;
}
/* Pohi: uks suur must CHECKOUT nupp + "Vaata ostukorvi" lihtsa alakriipsutatud
   lingina all - nagu SIR-il, mitte kaks korvutist nuppu. */
.widget_shopping_cart .woocommerce-mini-cart__buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	margin: 0 0 12px;
}
/* Astra enda globaalne nuppudisain (umaraid nurki, tausta) voidab meie
   reegli spetsiifilisuse ilma !important'ita - seega lisame selle siia. */
.widget_shopping_cart .woocommerce-mini-cart__buttons .button {
	box-sizing: border-box !important;
	order: 2;
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	text-align: center;
	padding: 15px 10px !important;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	border: 1px solid #1a1a1a !important;
	border-radius: 0 !important;
	background: #ffffff !important;
	color: #1a1a1a !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: background 0.2s ease, color 0.2s ease;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons .button:hover {
	background: #1a1a1a !important;
	color: #ffffff !important;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout {
	order: 1;
	border: 1px solid #1a1a1a !important;
	border-radius: 0 !important;
	background: #1a1a1a !important;
	color: #ffffff !important;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout:hover {
	background: #ffffff !important;
	color: #1a1a1a !important;
}
/* Cart - väiksem number, rohkem hingamisruumi ikoonide vahel */
.ast-header-search,
.ast-header-woo-cart {
  margin-left: 14px;
}
.ast-site-header-cart .count .ast-count-text {
  font-size: 11px;
}
.site-below-header-wrap {
	background: #f9f9f9;
	border-radius: 20px;
}
.site-branding {
	width: 100px;
}

/* ==========================================================================
   Header sticky KÕIKJAL (Pood, kategooriad, tooteleht jne) - jääb kerimisel
   üleval püsima, tavalise valge/hallikas taustaga (background juba ülal
   real 176 määratud). "has-nola-page-hero" lehtedel (/nola/, /nbl/) on
   headeril juba oma position:fixed + läbipaistev/hägune loogika (vt allpool
   "[nola_page_hero]" plokk) - see !important seal võidab käesoleva reegli ära,
   nii et need kaks süsteemi ei lähe vastuollu.
   ========================================================================== */
#masthead {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 100;
}

/* ==========================================================================
   Keelevalija - [nola_language_switcher] (vt inc/shortcodes.php). Loobusime
   GTranslate enda [gtranslate] widgetist (ettearvamatu struktuur/CSS/JS,
   vt git ajalugu kui vaja) ja ehitasime oma versiooni [gt-link] lingtega -
   sama klikk-ava/sulge muster mis .nola-gateway-search otsingul, 100% meie
   kontrolli all, ilma spetsiifilisuse vojtluseta plugina enda CSS-iga. */
/* Astra Header Builder paneb "Widget" elemendi enda umber diivi
   (.header-widget-area.widget-header-focus-item), millel on vaikimisi
   0px 10px padding - see tekitab meie ikooni umber liigse horisontaalse
   ohu. Eemaldame selle, kuna see on ainus custom widget headeris. */
.ast-header-region .widget-header-focus-item {
	padding: 0 !important;
}
.nola-lang-switcher {
	position: relative;
	display: inline-flex;
	align-items: center;
	/* .ast-grid-right-section annab juba gap:18px flex-lastele - lisa
	   margin siin dubleeriks selle (nagemine oli liiga suur vahe). */
	margin-left: 0;
	order: 20;
}
.nola-lang-switcher__toggle {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	line-height: 0;
}
.nola-lang-switcher__toggle img {
	width: 20px;
	height: 20px;
	display: block;
}
.nola-lang-switcher__menu {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 14px;
	background: #fff;
	border: 1px solid #e2e2e2;
	padding: 6px 0;
	min-width: 180px;
	max-height: 320px;
	overflow-y: auto;
	box-shadow: 0 8px 24px rgba(0,0,0,0.08);
	z-index: 999;
}
.nola-lang-switcher__menu.is-open {
	display: flex;
	flex-direction: column;
}
.nola-lang-switcher__menu a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	font-size: 12px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #1a1a1a;
	text-decoration: none;
	white-space: nowrap;
}
.nola-lang-switcher__menu a:hover {
	background: #f5f5f5;
}
.nola-lang-switcher__menu a img {
	width: 16px;
	height: 16px;
}

@media (max-width: 922px) {
  .ast-main-header-wrap {
    display: none;
  }
	.menu-toggle {
		margin: 0px !important;
	}
	.ast-header-woo-cart {
		padding: 0px;
		margin: 0;
	}
	.ast-site-header-cart-li {
		font-size: 12px;
	}
}

/* ==========================================================================
   [nola_brand_hero] shortcode - kahe-kastiga hero (NOLA / NBL valik)
   UUS - see osa ei olnud kunagi Customizeris, elas algselt Snippets PHP sees
   inline <style> plokina. Nüüd siin, eraldi failina.
   ========================================================================== */
.nola-brand-hero {
	display: flex;
	width: 100%;
}
.nola-brand-hero__box {
	position: relative;
	flex: 1 1 50%;
	min-height: 520px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	text-decoration: none;
	overflow: hidden;
}
.nola-brand-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.15) 45%, rgba(0,0,0,0) 75%);
}
.nola-brand-hero__content {
	position: relative;
	z-index: 1;
	text-align: center;
	color: #fff;
	padding-bottom: 48px;
}
.nola-brand-hero__content h2 {
	font-size: 42px;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 20px;
	color: #ffffff;
	text-shadow: 0 2px 12px rgba(0,0,0,0.65), 0 0 30px rgba(0,0,0,0.35);
}
.nola-brand-hero__btn {
	display: inline-block;
	border: 1px solid #fff;
	padding: 10px 28px;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: background 0.2s ease, color 0.2s ease;
}
.nola-brand-hero__box:hover .nola-brand-hero__btn {
	background: #fff;
	color: #000;
}
@media (max-width: 768px) {
	.nola-brand-hero { flex-direction: column; }
	.nola-brand-hero__box { min-height: 380px; }
}

/* ==========================================================================
   [nola_brand_gateway] shortcode - täisekraan NOLA/NBL valikuleht.
   Kasutusel Elementor Canvas mallil (ilma header/menüüta).
   ========================================================================== */
.nola-brand-gateway {
	display: flex;
	width: 100%;
	height: 100vh;
	margin: 0;
}
.nola-brand-gateway__box {
	position: relative;
	flex: 1 1 50%;
	height: 100%;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	overflow: hidden;
	transition: flex 0.4s ease;
}
.nola-brand-gateway__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.35);
	transition: background 0.3s ease;
}
.nola-brand-gateway__box:hover .nola-brand-gateway__overlay {
	background: rgba(0,0,0,0.15);
}
.nola-brand-gateway__content {
	position: relative;
	z-index: 1;
	text-align: center;
	color: #fff;
}
.nola-brand-gateway__content h2 {
	font-size: 56px;
	letter-spacing: 6px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 24px;
	color: #ffffff;
	text-shadow: 0 2px 12px rgba(0,0,0,0.6);
}
.nola-brand-gateway__btn {
	display: inline-block;
	border: 1px solid #fff;
	padding: 12px 32px;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	transition: background 0.2s ease, color 0.2s ease;
}
.nola-brand-gateway__box:hover .nola-brand-gateway__btn {
	background: #fff;
	color: #000;
}
@media (max-width: 768px) {
	.nola-brand-gateway { flex-direction: column; }
	.nola-brand-gateway__box { height: 50vh; }
	.nola-brand-gateway__content h2 { font-size: 32px; letter-spacing: 3px; }
}

/* ==========================================================================
   [nola_gateway_utility] - ujuv otsing + ostukorv üleval paremal.
   Kasutusel ainult täisekraan-valikulehel, kus menüüd/headerit pole.
   ========================================================================== */
.nola-gateway-utility {
	position: fixed;
	top: 28px;
	right: 32px;
	z-index: 999;
	display: flex;
	align-items: center;
	gap: 20px;
}
.nola-gateway-utility__icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
	filter: drop-shadow(0 1px 4px rgba(0,0,0,0.6));
	transition: opacity 0.2s ease;
	/* nulli button vaikimisi stiil, kuna otsingu nupp on nüüd <button>, mitte <a> */
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}
.nola-gateway-utility__icon:hover {
	opacity: 0.7;
}
/* Avanev otsinguväli - vt inc/shortcodes.php [nola_gateway_utility] */
.nola-gateway-search {
	position: relative;
	display: flex;
	align-items: center;
}
.nola-gateway-search-form {
	position: absolute;
	top: calc(100% + 14px);
	right: -10px;
	width: 260px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.nola-gateway-search-form.is-open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.nola-gateway-search-form input[type="search"] {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 16px;
	border: none;
	border-radius: 24px;
	font-size: 13px;
	background: rgba(255,255,255,0.95);
	color: #1a1a1a;
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	outline: none;
}
.nola-gateway-search-form input[type="search"]::placeholder {
	color: #888;
}
.nola-gateway-utility__count {
	position: absolute;
	top: -8px;
	right: -10px;
	background: #fff;
	color: #000;
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	min-width: 16px;
	height: 16px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	filter: none;
}
@media (max-width: 768px) {
	.nola-gateway-utility {
		top: 16px;
		right: 16px;
		gap: 14px;
	}
}

/* ==========================================================================
   [nola_page_hero] - suur pilt + läbipaistev header (nagu SIR.com).
   Kerimisel muutub header valgeks. Kasutusel /nola/ ja /nbl/ lehtedel.
   ========================================================================== */
body.has-nola-page-hero #masthead {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: transparent !important;
	box-shadow: none;
	/* padding, mitte margin - #masthead ise on läbipaistev, seega ei teki
	   valget riba, aga pill saab veidi õhku ülevalt.
	   !important vajalik, kuna Astra enda header CSS võitis muidu selle reegli ära. */
	padding-top: 44px !important;
}
body.has-nola-page-hero .ast-below-header-wrap,
body.has-nola-page-hero .ast-below-header-bar {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	background: transparent !important;
}

/* Siin on tegelik "pill" - see element, millel on juba olemasolev border-radius:20px
   (vt CSS-i ülemises osas). Algolekus TÄIESTI läbipaistev (ei tausta ega häguefekti) -
   need ilmuvad alles kerimisel, vt .nola-header-scrolled allpool. */
body.has-nola-page-hero .site-below-header-wrap {
	background: transparent !important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	transition: background 0.3s ease, backdrop-filter 0.3s ease;
}

/* Kerimisel - ilmub hägustatud "pill" taust */
body.has-nola-page-hero.nola-header-scrolled .site-below-header-wrap {
	background: rgba(255,255,255,0.9) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

/* Elementori enda vidina "spacing" (--kit-widget-spacing) lisab shortcode-vidinale
   automaatse margini/laiuse piirangu, mis tekitas valge riba hero pildi kohale.
   Nullime selle AINULT sellel vidinal, mis meie hero't sisaldab (:has), et teised
   shortcode-vidinad samal lehel (nt tootegrid) oma tavapärast vahet säilitaksid. */
body.has-nola-page-hero .elementor-widget-shortcode:has( .nola-page-hero ) {
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}
body.has-nola-page-hero .elementor-widget-shortcode:has( .nola-page-hero ) > .elementor-widget-container {
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}
/* Sama Elementori vidina-margin viga tabas ka toote-sektsiooni vidinat
   (tekitas tühja ala vasakul enne esimest toodet). */
body.has-nola-page-hero .elementor-widget-shortcode:has( .nola-featured-products ),
body.has-nola-page-hero .elementor-widget-shortcode:has( .nola-product-section ) {
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}
body.has-nola-page-hero .elementor-widget-shortcode:has( .nola-featured-products ) > .elementor-widget-container,
body.has-nola-page-hero .elementor-widget-shortcode:has( .nola-product-section ) > .elementor-widget-container {
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

.nola-page-hero {
	position: relative;
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	margin-bottom: 0;
}
.nola-page-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 40%);
}
.nola-page-hero__content {
	position: relative;
	z-index: 1;
	color: #fff;
	padding: 0 40px 60px;
}
.nola-page-hero__content h1 {
	font-size: 40px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
	margin-bottom: 16px;
	text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.nola-page-hero__btn {
	display: inline-block;
	border: 1px solid #fff;
	color: #fff;
	padding: 10px 26px;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: underline;
	transition: opacity 0.2s ease;
}
.nola-page-hero__btn:hover {
	opacity: 0.7;
}
@media (max-width: 768px) {
	.nola-page-hero { height: 70vh; }
	.nola-page-hero__content { padding: 0 20px 40px; }
	.nola-page-hero__content h1 { font-size: 28px; }
}

/* ==========================================================================
   SIR THE LABEL stiilis puhas tootegrid - KOGU POE ulatuses (kategooriad,
   otsing, shop, featured products). Eemaldab halli taustakasti, annab rohkem
   õhku, tagasihoidlikum tüpograafia. Otsustatud kliendiga 18.08.
   ========================================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap,
.woocommerce-page ul.products li.product .astra-shop-thumbnail-wrap,
.woocommerce ul.products li.product a,
.woocommerce-page ul.products li.product a {
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
}
.woocommerce ul.products,
.woocommerce-page ul.products {
	column-gap: 24px !important;
	row-gap: 56px !important;
}

/* "Seotud tooted" / "Võid ka tahta" (related/up-sells) - WooCommerce enda
   ul.products.columns-4, EI kasuta meie .nola-featured-products klassi,
   seega Astra float/width-pohine loogika mahutas ainult 3 veergu 4 asemel.
   Sunnime pariselt CSS grid'iks, sama 4/2/1 veeru mustriga mis mujal. */
.related.products ul.products,
.up-sells.products ul.products,
.woocommerce ul.products.columns-4 {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	column-gap: 24px !important;
	row-gap: 56px !important;
}
.related.products ul.products li.product,
.up-sells.products ul.products li.product,
.woocommerce ul.products.columns-4 li.product {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
}
@media (max-width: 992px) {
	.related.products ul.products,
	.up-sells.products ul.products,
	.woocommerce ul.products.columns-4 {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 576px) {
	.related.products ul.products,
	.up-sells.products ul.products,
	.woocommerce ul.products.columns-4 {
		grid-template-columns: 1fr !important;
	}
}

/* [nola_featured_products] / [nola_product_section] - meie enda lihtne
   tootekaart (vt inc/shortcodes.php), ei kasuta Astra enda WooCommerce
   malli/JS-i, seega täiesti isemajandav CSS, ilma .woocommerce ancestor'ita. */
ul.nola-featured-products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 12px;
	row-gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.nola-featured-products li.product {
	position: relative;
	overflow: hidden;
	width: auto !important;
	float: none !important;
	margin: 0 !important;
}
ul.nola-featured-products .nola-product-card__link {
	display: block;
	text-decoration: none;
}
ul.nola-featured-products .nola-product-card__link img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	background: #f5f5f5;
}
ul.nola-featured-products .woocommerce-loop-product__title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	margin: 0;
	padding: 0;
	background: transparent;
	text-align: center;
	font-size: 11px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #1a1a1a;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity 0.25s ease, transform 0.25s ease;
	pointer-events: none;
}
ul.nola-featured-products li.product:hover .woocommerce-loop-product__title {
	opacity: 1;
	transform: translateY(0);
}
@media (max-width: 992px) {
	ul.nola-featured-products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 576px) {
	ul.nola-featured-products { grid-template-columns: 1fr; }
}

/* ==========================================================================
   Tootearhiiv (Pood + kategooriad + sildid, vt woocommerce/archive-product.php)
   - nimi + hind ALATI nähtaval, vasak/parem paigutus. Erineb avalehe
   [nola_product_section] hoover-only stiilist (see kasutab .nola-archive-grid
   klassi lisaks, seega ei mõjuta avalehe sektsioone).
   ========================================================================== */
ul.nola-archive-grid .nola-product-card__meta {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	margin-top: 6px;
	padding: 0 4px;
}
ul.nola-archive-grid .nola-product-card__title {
	font-size: 13px;
	letter-spacing: 0.3px;
	color: #1a1a1a;
	text-decoration: none;
}
ul.nola-archive-grid .nola-product-card__price {
	font-size: 13px;
	color: #6b6b6b;
	white-space: nowrap;
}
ul.nola-archive-grid .nola-product-card__price del {
	color: #b5b5b5;
	margin-right: 4px;
}
ul.nola-archive-grid .nola-product-card__price ins {
	text-decoration: none;
	color: #1a1a1a;
}

/* ==========================================================================
   archive-product.php - "Pood" + kõik kategooriad + sildid (üks fail, vt
   woocommerce/archive-product.php). Kasutab sama ul.nola-featured-products
   gridi ja kaardi-stiili mis [nola_product_section] shortcode.
   ========================================================================== */
.nola-archive-wrap {
	max-width: 1600px;
	margin: 0 auto;
	padding: 40px 40px 80px;
}
.nola-archive-title {
	text-align: center;
	font-size: 26px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 40px;
	color: #1a1a1a;
}
.nola-archive-pagination {
	text-align: center;
	margin-top: 56px;
}
.nola-archive-pagination .page-numbers {
	display: inline-block;
	padding: 8px 14px;
	margin: 0 2px;
	font-size: 13px;
	letter-spacing: 0.5px;
	color: #1a1a1a;
	text-decoration: none;
	border: 1px solid transparent;
}
.nola-archive-pagination .page-numbers.current,
.nola-archive-pagination .page-numbers:hover {
	border-color: #1a1a1a;
}
@media (max-width: 768px) {
	.nola-archive-wrap { padding: 24px 20px 60px; }
	.nola-archive-title { font-size: 20px; }
}

/* ==========================================================================
   page-kontakt.php - custom Kontakt leht (baipassib Elementori sisu selle
   lehe jaoks, vt fail juuris). Kontakti-veerg kordab peaaegu 1:1 footeri
   ".nola-footer__contact-list" stiili (samad SVG ikoonid, sama fondiskaala),
   et olla visuaalselt jarjepidev.
   ========================================================================== */
.nola-kontakt-wrap {
	padding-top: 60px;
}
.nola-kontakt-grid {
	display: grid;
	grid-template-columns: 440px 1fr;
	gap: 60px;
	align-items: stretch;
}
.nola-kontakt-info h2 {
	font-size: 20px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	margin: 0 0 20px;
	color: #1a1a1a;
}
.nola-kontakt-info__list {
	list-style: none;
	margin: 0 0 8px;
	padding: 0;
}
.nola-kontakt-info__list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	font-weight: 300;
	color: #666;
	margin-bottom: 14px;
}
.nola-kontakt-info__list a {
	color: #666;
	text-decoration: none;
	transition: color 0.2s ease;
}
.nola-kontakt-info__list a:hover {
	color: #1a1a1a;
	text-decoration: underline;
}
.nola-kontakt-info__icon {
	flex: 0 0 auto;
	display: inline-flex;
	color: #999;
	margin-top: 1px;
}
.nola-kontakt-info__social-heading {
	font-size: 14px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	margin: 28px 0 0;
	color: #1a1a1a;
}
.nola-kontakt-info__social {
	display: flex;
	gap: 14px;
	margin-top: 16px;
}
.nola-kontakt-info__social a {
	color: #1a1a1a;
	display: inline-flex;
}
.nola-kontakt-map {
	min-height: 420px;
	background: #f5f5f5;
	/* Tugevam toonimine kui esimeses versioonis - Google Maps varvilised
	   POI ikoonid (poed/restoranid) tunduvad brandi kirval labaselt
	   juhuslikud, sailitame ainult teede/vee struktuuri. */
	filter: grayscale(1) contrast(1.05) brightness(1.03);
}
.nola-kontakt-map iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 420px;
}

/* Kontaktivorm - "Kirjuta meile", NOLAS OÜ ploki all vasakus veerus */
.nola-kontakt-form {
	margin-top: 36px;
	padding-top: 32px;
	border-top: 1px solid #e2e2e2;
}
.nola-kontakt-form__heading {
	font-size: 20px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	margin: 0 0 20px;
	color: #1a1a1a;
}
.nola-kontakt-form__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.nola-kontakt-form__field {
	margin-bottom: 18px;
}
.nola-kontakt-form__field label {
	display: block;
	font-size: 12px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #666;
	margin-bottom: 8px;
}
.nola-kontakt-form__field input,
.nola-kontakt-form__field textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e2e2e2 !important;
	border-radius: 0 !important;
	padding: 12px 14px;
	font-size: 14px;
	font-family: inherit;
	color: #1a1a1a;
	background: #fff;
	transition: border-color 0.2s ease;
}
.nola-kontakt-form__field input:focus,
.nola-kontakt-form__field textarea:focus {
	outline: none;
	border-color: #1a1a1a;
}
.nola-kontakt-form__field textarea {
	resize: vertical;
	min-height: 100px;
}
.nola-kontakt-form__submit {
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #1a1a1a !important;
	border-radius: 0 !important;
	background: #1a1a1a !important;
	color: #fff !important;
	padding: 12px 32px;
	font-size: 12px;
	font-family: inherit;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}
.nola-kontakt-form__submit:hover {
	background: #fff;
	color: #1a1a1a;
}
.nola-kontakt-form__notice {
	margin-top: 18px;
	font-size: 13px;
	padding: 12px 14px;
}
.nola-kontakt-form__notice--ok {
	background: #f2f7f2;
	color: #2c5a2c;
}
.nola-kontakt-form__notice--error {
	background: #fbf2f2;
	color: #8a2c2c;
}
.nola-kontakt-form__notice--error a {
	color: inherit;
	text-decoration: underline;
}
@media (max-width: 900px) {
	.nola-kontakt-form {
		margin-top: 28px;
		padding-top: 24px;
	}
}
@media (max-width: 900px) {
	.nola-kontakt-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.nola-kontakt-map,
	.nola-kontakt-map iframe {
		min-height: 320px;
	}
}

/* ==========================================================================
   search.php - lehed/postitused otsingutulemustes (mitte tooted).
   Tootekaardid kasutavad juba olemasolevat .nola-product-card stiili.
   ========================================================================== */
.nola-search-result--page {
	border: 1px solid #eee;
	display: flex;
	align-items: center;
}
.nola-search-result__page-link {
	display: block;
	padding: 24px;
	text-decoration: none;
	color: inherit;
}
.nola-search-result__page-link h2 {
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 8px;
	color: #1a1a1a;
}
.nola-search-result__page-link p {
	font-size: 13px;
	color: #777;
	margin: 0;
	line-height: 1.5;
}
.nola-search-empty {
	text-align: center;
	padding: 80px 0;
	font-size: 14px;
	color: #777;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
	background: #f5f5f5;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
	font-weight: 400 !important;
	font-size: 13px !important;
	letter-spacing: 0.3px;
	text-transform: none !important;
	color: #1a1a1a;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
	font-size: 13px !important;
	color: #6b6b6b !important;
	font-weight: 300 !important;
}

/* ==========================================================================
   [nola_product_section] - pealkiri + tootegrid + "Vaata kõiki" nupp.
   Kasutusel /nola/ ja /nbl/ lehtedel, korduvalt (nt "Uued tooted", "Bestsellerid").
   ========================================================================== */
.nola-product-section {
	padding: 16px 40px 60px;
}
.nola-product-section__header {
	text-align: center;
	margin-bottom: 40px;
}
.nola-product-section__header h2 {
	font-size: 28px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 10px;
	color: #1a1a1a;
}
.nola-product-section__header p {
	font-size: 14px;
	color: #6b6b6b;
	max-width: 480px;
	margin: 0 auto;
}
.nola-product-section__cta {
	text-align: center;
	margin-top: 48px;
}
.nola-product-section__btn {
	display: inline-block;
	border: 1px solid #1a1a1a;
	padding: 12px 32px;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #1a1a1a;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}
.nola-product-section__btn:hover {
	background: #1a1a1a;
	color: #ffffff;
}
@media (max-width: 768px) {
	.nola-product-section { padding: 40px 20px; }
	.nola-product-section__header h2 { font-size: 22px; }
}

/* ==========================================================================
   NOLA / NBL bränditoon (body_class kaudu, vt inc/nbl-menu-switch.php)
   ========================================================================== */
body.nbl-mode {
	/* nt tumedam/preemium toon - täidame hiljem, kui NBL leht valmis ehitame */
}

/* ==========================================================================
   Nola custom footer (SIR the label stiilis) - vt inc/footer.php.
   Astra vaikimisi footer (widget-alad + copyright) peidetud, meie oma
   väljastatakse wp_footer hookiga - #colophon on Astra footeri wrapper.
   ========================================================================== */
#colophon {
	display: none;
}
.nola-footer {
	background: #ffffff;
	color: #1a1a1a;
	margin-top: 80px;
	padding: 0 40px;
	border-top: 1px solid #e2e2e2;
}

/* Trust-rida - nagu SIR-il: vertikaalsed joondajad veergude vahel,
   tavaline (mitte suurtäht) tekst, õhuke kaal. Alumine joon on
   täislaiusega (wrap-il, mitte sisu max-width konteineril). */
.nola-footer__trust-wrap {
	/* Murrab lahti .nola-footer 40px külgpaddingust, et joon oleks
	   päriselt 100% laiune (mitte ainult sisu-konteineri laiune). */
	margin: 0 -40px;
	padding: 0 40px;
	border-bottom: 1px solid #c9c9c9;
}
.nola-footer__trust {
	display: flex;
	max-width: 1400px;
	margin: 0 auto;
	flex-wrap: wrap;
}
.nola-footer__trust-item {
	position: relative;
	flex: 1 1 0;
	min-width: 220px;
	text-align: center;
	padding: 32px 48px;
}
/* Vertikaalne joondaja lühem kui kast ise, ei puutu ülal/all olevaid
   horisontaalseid jooni - eraldi element, mitte border-right. */
.nola-footer__trust-item:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 14px;
	bottom: 14px;
	right: 0;
	width: 1px;
	background: #c9c9c9;
}
.nola-footer__trust-item h3 {
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	margin: 0 0 4px;
	color: #1a1a1a;
}
.nola-footer__trust-item p {
	font-size: 13px;
	font-weight: 300;
	color: #777;
	margin: 0;
}

.nola-footer__main {
	/* Ainult 2 veergu (logo eemaldatud, vt omaniku soov). NOLAS OÜ
	   vasakusse serva, Info paremasse serva - sama 1400px konteiner
	   mis ulejaanud footeri osadel (.nola-footer__trust/__bottom),
	   flex + space-between (mitte grid), et need kaks plokki
	   liguks aarde, mitte ei taidaks vahepealset ruumi. */
	max-width: 1400px;
	margin: 0 auto;
	padding: 50px 0;
	display: flex;
	justify-content: space-between;
	gap: 32px;
}
.nola-footer__logo {
	font-size: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 500;
}
/* Paris logo (otse URL-ina, ilma Astra "custom-logo" klassita, vt inc/footer.php).
   Grid rida venitab .nola-footer__brand kogu rea korguseni (grid stretch),
   seega tsentreerime logo flex'iga selle sisse ja teeme suuremaks. */
.nola-footer__brand {
	display: flex;
	align-items: center;
	justify-content: center;
}
.nola-footer__logo-link {
	display: inline-block;
}
.nola-footer__logo-img {
	display: block;
	height: 52px;
	width: auto;
}
/* Veeru pealkirjad - SIR kasutab tavalist lauset, mitte suurtäht+bold */
.nola-footer__col h4 {
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	margin: 0 0 16px;
	color: #1a1a1a;
}
.nola-footer__col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nola-footer__col ul li {
	margin-bottom: 8px;
}
.nola-footer__col ul a {
	font-size: 13px;
	font-weight: 300;
	color: #666;
	text-decoration: none;
	transition: color 0.2s ease;
}
.nola-footer__col ul a:hover {
	color: #000;
	text-decoration: underline;
}
/* Kontaktiveerg - aadress/telefon/e-mail koos väikeste ikoonidega */
.nola-footer__contact-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.nola-footer__icon {
	flex: 0 0 auto;
	display: inline-flex;
	color: #999;
	margin-top: 1px;
}
/* Aadress on lihtne <span> (mitte link), seega vajab oma stiili -
   muidu jääb vaikimisi (suurem/must) väljanägemisega, erinevalt
   telefoni/e-maili <a> linkidest. */
.nola-footer__contact-list li {
	font-size: 13px;
	font-weight: 300;
	color: #666;
}
.nola-footer__social-heading {
	margin-top: 24px !important;
}
.nola-footer__social {
	display: flex;
	gap: 14px;
	margin-top: 16px;
}
.nola-footer__social a {
	color: #1a1a1a;
	display: inline-flex;
}
.nola-footer__bottom {
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px 0 30px;
	border-top: 1px solid #e2e2e2;
	font-size: 11px;
	font-weight: 300;
	color: #999;
	text-align: center;
}
@media (max-width: 900px) {
	.nola-footer__main {
		grid-template-columns: 1fr 1fr;
	}
	.nola-footer__trust-item {
		flex: 1 1 50%;
	}
	.nola-footer__trust-item:nth-child(2)::after {
		display: none;
	}
}
@media (max-width: 560px) {
	.nola-footer {
		padding: 0 20px;
	}
	.nola-footer__trust-wrap {
		margin: 0 -20px;
		padding: 0 20px;
	}
	.nola-footer__main {
		grid-template-columns: 1fr;
	}
	.nola-footer__trust {
		flex-direction: column;
	}
	.nola-footer__trust-item::after {
		display: none;
	}
	.nola-footer__trust-item {
		border-bottom: 1px solid #c9c9c9;
	}
	.nola-footer__trust-item:last-child {
		border-bottom: none;
	}
}

/* ==========================================================================
   Ostukorvi leht (/ostukorv/) - WooCommerce enda vaikimisi tabel/kastid,
   viime samale disainikeelele mis mujal saidil (thin #e2e2e2 piirid,
   kerge fondikaal, must taidetud primaarne CTA vs. valge outline
   sekundaarne). "Mine maksma" on selle lehe koige tahtsam nupp (viib
   ostuni), seega peab olema TAIDETUD nagu "Lisa korvi", mitte outline
   nagu "Rakenda kupongi".
   ========================================================================== */
.woocommerce-cart table.shop_table {
	border: none !important;
	border-collapse: collapse;
	/* "shop_table_responsive" klass paneb WooCommerce/Astra vahel veergudele
	   kitsad/fikseeritud laiused, mis pigistas Koguse veeru liiga kitsaks -
	   sunnime auto-layout'i, veerud saavad oma sisu jargi laiuse. */
	table-layout: auto !important;
	width: 100% !important;
}
.woocommerce-cart table.shop_table td.product-quantity {
	overflow: visible !important;
	white-space: nowrap !important;
	min-width: 130px;
}
.woocommerce-cart table.shop_table thead th {
	border-bottom: 1px solid #e2e2e2 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #1a1a1a;
	padding: 14px 12px !important;
}
.woocommerce-cart table.shop_table td {
	border-bottom: 1px solid #e2e2e2 !important;
	border-top: none !important;
	padding: 20px 12px !important;
	vertical-align: middle;
}
.woocommerce-cart table.shop_table td.product-name a {
	color: #1a1a1a;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
}
.woocommerce-cart table.shop_table td.product-name a:hover {
	text-decoration: underline;
}
.woocommerce-cart table.shop_table td.product-price,
.woocommerce-cart table.shop_table td.product-subtotal {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #1a1a1a;
}
.woocommerce-cart table.shop_table td.product-thumbnail img {
	border-radius: 0 !important;
	width: 70px !important;
	height: auto !important;
}
.woocommerce-cart table.shop_table td.product-remove a.remove {
	color: #999 !important;
	border: none !important;
	background: transparent !important;
	font-weight: 400 !important;
}
.woocommerce-cart table.shop_table td.product-remove a.remove:hover {
	color: #1a1a1a !important;
	background: transparent !important;
}
/* Koguse -/valja/+ - sama muster mis mini-korvis (vt .widget_shopping_cart
   .quantity.buttons_added eespool). */
/* WooCommerce lisab .quantity sisse ka 3 ".screen-reader-text" elementi
   (nagelevustele "Minus/Plus Quantity" sildid) - need PEAVAD jaama
   visuaalselt nahtamatuks JA flex-voost valja, muidu voivad nad
   kitsast -/+/number reas kohta votta ja layoutit lohkuda. Suruame
   standardse WP "screen-reader-text" retsepti peale, !important'iga,
   sultumata sellest, mis see teema versioon muidu teeb. */
.woocommerce-cart table.shop_table .quantity .screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.woocommerce-cart table.shop_table .quantity {
	position: relative;
	border: 1px solid #e2e2e2 !important;
	box-shadow: none !important;
	outline: none !important;
	overflow: hidden;
	display: inline-flex;
	align-items: stretch;
	width: fit-content;
}
.woocommerce-cart table.shop_table .quantity .qty {
	box-sizing: border-box !important;
	/* flex: 0 0 Npx - KEELAB flex-lapse kahanemise. Lisaks !important
	   width'ile - kahtlustame, et koguse "-/+" nuppude JS paneb sellele
	   valjale INLINE style'iga oma laiuse (nt style="width:0"), mis
	   voidab tavalise (mitte-important) CSS width'i ara. !important
	   valisel CSS reeglil voidab isegi inline style'i. */
	flex: 0 0 40px !important;
	width: 40px !important;
	min-width: 40px !important;
	max-width: 40px !important;
	height: 34px !important;
	text-align: center;
	border: none !important;
	border-left: 1px solid #e2e2e2 !important;
	border-right: 1px solid #e2e2e2 !important;
	border-radius: 0 !important;
	font-size: 13px !important;
	color: #1a1a1a !important;
	background: #fff !important;
	opacity: 1 !important;
	visibility: visible !important;
	display: inline-block !important;
	padding: 0 !important;
	margin: 0 !important;
	/* Peida brauseri vaikimisi number-input spinner (ules/alla noolekesed) -
	   kitsas kastis nagi see valja nagu segane ikoon, mitte korralik number. */
	-moz-appearance: textfield;
	appearance: textfield;
}
.woocommerce-cart table.shop_table .quantity .qty::-webkit-outer-spin-button,
.woocommerce-cart table.shop_table .quantity .qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.woocommerce-cart table.shop_table .quantity .minus,
.woocommerce-cart table.shop_table .quantity .plus {
	box-sizing: border-box;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	/* LEITUD JUUR-POHJUS: Astra/WooCommerce paneb .minus'ile vaikimisi
	   "margin: 0 -38px 0 0" (DevTools kinnitas), mis tomban qty-valja
	   otse enda alla peitu - !important nullib selle ara. */
	margin: 0 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #666 !important;
	text-decoration: none !important;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}
.woocommerce-cart table.shop_table .quantity .minus:hover,
.woocommerce-cart table.shop_table .quantity .plus:hover {
	color: #1a1a1a !important;
	background: #f7f7f7;
}
/* Kupongi valy + nupp - SEKUNDAARNE tegevus, jaab outline (nagu suuruse
   valiku nupud tootelehel) - !important, kuna WooCommerce/Astra button
   klass voidab muidu meie stiili ara. */
.woocommerce-cart #coupon_code {
	border: 1px solid #e2e2e2 !important;
	border-radius: 0 !important;
	padding: 12px 14px !important;
	font-size: 13px !important;
	height: auto !important;
}
.woocommerce-cart button[name="apply_coupon"] {
	border: 1px solid #1a1a1a !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #1a1a1a !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	padding: 12px 24px !important;
	height: auto !important;
	transition: background 0.2s ease, color 0.2s ease;
}
.woocommerce-cart button[name="apply_coupon"]:hover {
	background: #1a1a1a !important;
	color: #fff !important;
}
/* Ostukorvi summad kast - eemaldame halli taustataidise, jatame ohukese
   piiri (sama minimaalne muster mis ulejaanud saidil). */
.woocommerce-cart .cart_totals {
	border: 1px solid #e2e2e2 !important;
	padding: 0 24px 24px !important;
}
.woocommerce-cart .cart_totals h2 {
	background: transparent !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	text-transform: none;
	letter-spacing: 0;
	padding: 24px 0 16px !important;
	margin: 0 !important;
	border-bottom: 1px solid #e2e2e2;
}
.woocommerce-cart .cart_totals table.shop_table td,
.woocommerce-cart .cart_totals table.shop_table th {
	border: none !important;
	font-size: 14px;
}
/* "Mine maksma" - selle lehe PRIMAARNE CTA, seega taidetud must, valge
   hoveril - sama muster mis .single_add_to_cart_button. */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #1a1a1a !important;
	border-radius: 0 !important;
	background: #1a1a1a !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	padding: 16px 24px !important;
	text-align: center;
	transition: background 0.2s ease, color 0.2s ease;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
	background: #fff !important;
	color: #1a1a1a !important;
}
@media (max-width: 768px) {
	.woocommerce-cart table.shop_table thead {
		display: none;
	}
	.woocommerce-cart table.shop_table td {
		display: block;
		border-bottom: none !important;
	}
	.woocommerce-cart table.shop_table tr {
		display: block;
		border-bottom: 1px solid #e2e2e2 !important;
		padding: 16px 0;
	}
}

/* ==========================================================================
   Kassa leht (/kassa/) - enamik on juba brandiga kooskolas, ainult
   "Esita tellimus" nupp oli outline, samas kui see on kogu ostu-
   protsessi PRIMAARNE CTA - sama muster mis "Mine maksma"/"Lisa korvi".
   Montonio makseviiside plokki (kolmanda osapoole widget) TEADLIKULT
   ei puutu - liiga riskantne.
   ========================================================================== */
.woocommerce-checkout #place_order {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #1a1a1a !important;
	border-radius: 0 !important;
	background: #1a1a1a !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	padding: 16px 24px !important;
	text-align: center;
	transition: background 0.2s ease, color 0.2s ease;
}
.woocommerce-checkout #place_order:hover {
	background: #fff !important;
	color: #1a1a1a !important;
}
/* Maksevalikute nimekiri (Kaardimakse/Jarelmaks/ESTO/PayPal jne) - vaikimisi
   WooCommerce/gateway-plugini font oli liiga suur, ei klapinud ulejaanud
   saidi tupograafiaga. Vahendame ja normaliseerime ka gateway'de endi
   logopiltide korguse, et rida oleks uhtlane (Montonio ENDA panga-
   loetelu widgetit siin EI puutu, ainult see uleval-pool valikute nimekiri). */
.woocommerce-checkout ul.wc_payment_methods li label,
.woocommerce-checkout ul.payment_methods li label {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #1a1a1a;
}
.woocommerce-checkout ul.wc_payment_methods li img,
.woocommerce-checkout ul.payment_methods li img {
	max-height: 20px !important;
	width: auto !important;
	vertical-align: middle;
}
.woocommerce-checkout ul.wc_payment_methods li .payment_box,
.woocommerce-checkout ul.payment_methods li .payment_box {
	font-size: 13px;
}