/*
Theme Name: Fast Press Child
Template: fast-press
Author: raul.juurma
Description: Jõudlusele optimeeritud alamteema (child theme) Fast Press teemale. Ei eemalda ühtegi funktsionaalsust — koondab ja parandab ainult raiskavat/duplikaatset ressursside laadimist (Google Fonts, defer skriptidele, resource hints, emoji-skript). Kogu emateema (parent) stiil ja funktsionaalsus jääb alles.
Version: 1.1.0
Requires PHP: 5.6
Text Domain: fast-press-child
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==================================================================
 * KOHANDATUD KUJUNDUS
 * Üle toodud WP Customizeri "Lisa-CSS" (Additional CSS) aknast.
 * Laetakse emateema stiili JÄREL, seega kirjutab selle üle.
 * NB! Kui aktiveerid selle child'i, EEMALDA samad reeglid Customizeri
 * "Lisa-CSS" aknast, et neid ei laetaks kaks korda.
 * ================================================================== */

@font-face {
    font-family: 'Pompiere-Regular';
    src: url('https://puutumataloodus.ee/wp-content/uploads/Pompiere-Regular.ttf');
    font-display: swap; /* Jõudlus: näitab teksti kohe varufondiga, väldib FOIT-i. Kujundust ei muuda. */
}

/* Vaikimisi loetav font kogu saidil; Pompiere jääb ainult pealkirjadele. */
body {font-family: Arial, sans-serif; color: #303030;}

.content-area p {font-size: 20px;}

.site-title {font-family: Pompiere-Regular !important;}

.ml15 .word {font-family: Pompiere-Regular !important;}

h1 {font-family: Pompiere-Regular; color: #C73F63; text-transform: uppercase;}

h2 {font-family: Pompiere-Regular; color: #C73F63;}

h3 {font-family: Pompiere-Regular; color: #C73F63; font-size: 20px; text-transform: uppercase;}

#primary-menu li a {font-family: Arial; font-size: 25px !important;}

article p, p {font-family: Arial; font-size: 20px;}

#secondary ul li a {font-family: Arial; font-size: 20px; text-transform: uppercase;}

.button {font-family: Arial; font-size: 20px;}

.woocommerce .products .product a:hover .woocommerce-loop-product__title {background: #FFE4A1; color: #C73F63; border-bottom: 0px; font-size: 20px;}

button {font-family: Arial !important;  background: #C73F63; color: #FFE4A1 !important; padding: 8px;}

#primary-menu li a {font-family: Arial; font-size: 20px;}

#primary-menu li a, article .entry-header h1, h2 {text-transform: uppercase;}

.wp-block-button__link {background-color: #C73F63; text-transform: uppercase; }

.wc-block-grid__product-title {text-transform: uppercase; color: #C73F63; font-size: 20px; font-family: Arial;}

article p, p, .posted_in {font-family: Arial; font-size: 14px !important;}

#primary {padding: 0px; border-radius: 25px;}

body #primary main article {margin-bottom: 0px; background: none;}

.site-footer {background: none; width: 80%; border-top: 1px solid #d9d9d9;}

article {border: none;}

.grid-top {box-shadow: none;}

.footer-center, .site-info {background: none;}

.product_title {text-transform: uppercase !important;}

#primary-menu li a {color: #ffe4a1; font-weight: bold;}

.site-description {text-transform: uppercase; font-size: 20px !important;}

.site-title {text-transform: uppercase;}

.woocommerce-Price-amount {color: #C73F63; font-size: 18px; font-family: Arial;}

.footer-widgets h2, .footer-widgets a {color: #C73F63; font-weight: bold; text-transform: uppercase;}

.site-info {display: none;}

.footer-widgets {margin-left: 10%; margin-right: 10%;}

.s-search-top .dashicons-search {color: #ffe4a1;}

.my-cart {color: #ffe4a1;}

button, input[type="button"], input[type="reset"], input[type="submit"] {background: #C73F63;}

#s-close, #s-close-mobile {background: #C73F63;}

.myButt {background: #C73F63;}

.entry-title a {color: #C73F63; font-size: 25px}

.entry-footer {border-top: none; border-bottom: none;}

.article {box-shadow: none;}

.woocommerce div.product .woocommerce-tabs ul.tabs {display: none !important;}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {border: none;}

.woocommerce ul.products li.product .button {color: #C73F63;}

.woocommerce ul.products li.product .button {border-top: none;}

.site-branding {top: 25%;}

.cart-contents .my-cart:before {color: #ffe4a1;}

#s-search-field, #s-search-field-mobile {font-family: Arial; font-size: 14px !important;}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {font-family: Arial; font-size: 14px !important;}

#add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th {font-family: Arial; font-size: 14px !important;}

.woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th {font-family: Arial; font-size: 14px !important;}

#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {font-family: Arial; font-size: 14px !important;}

.wp-block-table td, .wp-block-table th, table td, table th {border: none;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce #review_form #respond .form-submit input, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {background: #C73F63;}

.woocommerce-error, .woocommerce-info, .woocommerce-message {font-family: Arial; font-size: 14px !important;}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {width: 150px;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce #review_form #respond .form-submit input, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {font-family: Arial; color: #ffe4a1;}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.altv, .woocommerce input.button.alt:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, .woocommerce #review_form #respond .form-submit input:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover {background: #C73F63; color: #ffe4a1;}

.woocommerce table.shop_table {border-bottom: none;}

#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {border-top: none;}

.woocommerce table.shop_table th {font-family: Arial; font-size: 14px !important;}

.woocommerce table.shop_table td {font-family: Arial; font-size: 14px !important;}

.author, .vcard, .dashicons-businessman {display: none;}

.woocommerce-error, .woocommerce-info, .woocommerce-message {background: none;}

.woocommerce-info {border-top: none;}

.woocommerce-account .woocommerce-MyAccount-navigation {font-family: Arial; font-size: 14px !important;}

.cart-contents .my-cart:hover, .woo-user-panel a:hover {color: #ffe4a1;}

ul {font-family: Arial; font-size: 14px !important;}

.footer-widgets a:hover {color: #ffe4a1;}

article {box-shadow: none;}

#secondary section {box-shadow: none; background: none; border: none;}

.widget {margin: 0px;}

.orderby {font-family: Arial; font-size: 14px !important;}

.woocommerce .products .product:hover .woocommerce-loop-product__title {background: rgb(255, 228, 161); color: #C73F63; border-bottom: none;}

/* NB! Originaalis oli siin trükiviga "!imopotant" (kehtetu), mistõttu see
   reegel EI mõjunud. Jätsin käitumise samaks (kehtetuks), et kujundus ei
   muutuks. Kui tahtsid, et taust oleks tegelikult eemaldatud, muuda
   "!imopotant" -> "!important". */
#grid-top .button {background: none !imopotant;}

#secondary ul li a:hover {color: #C73F63;}

a:hover, a:active {color: #C73F63;}

h2 a:hover {color: #C73F63;}

.myButt::before {background: #C73F63;}

.link-more a:hover {color: #f7f7f7;}

.dashicons-arrow-left::before, .dashicons-arrow-right::before {display: none;}

#tab-description {display: block !important;}

/* ==================================================================
 * KUJUNDUSE VIIMISTLUS (lisatud v1.0.1)
 * Kasutab olemasolevat paletti: marjapunane #C73F63, kreem #FFE4A1,
 * tekst #303030. Kõik ühes plokis — kergesti tagasi võetav.
 * ================================================================== */

/* --- Värvimuutujad (kasutuseks allpool) --- */
:root {
	--pl-berry: #C73F63;
	--pl-berry-dark: #a72c4e;
	--pl-cream: #FFE4A1;
	--pl-ink: #303030;
}

/* --- 1. Päise loetavus: tekst fotol tugevam kontrast --- */
/* Kahvatu menüü + valge pealkiri kaovad heledal fotol ära -> vari aitab. */
#primary-menu li a,
.site-title, .site-title a,
.site-description {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65), 0 0 12px rgba(0, 0, 0, 0.35);
}

/* NB! EI muuda .site-branding ega .all-header positsioneerimist — emateema
   asetab pealkirja ABSOLUUTSELT pildi peale; selle ülekirjutamine lükkas
   pealkirja pildilt maha (hall riba). Kontrastiks piisab text-shadow'st. */

/* --- 2. Menüü: õhk + sujuv hover --- */
#primary-menu li a {
	letter-spacing: 0.4px;
	transition: color 0.2s ease, opacity 0.2s ease;
}
#primary-menu li a:hover { opacity: 0.85; }

/* --- KOMPAKTSEMAD SUURUSED (vähem "hüüumärki") --- */
/* Menüü oli 25px -> liiga suur. Kõik allpool väiksemaks ja elegantsemaks. */
#primary-menu li a { font-size: 16px !important; }
.site-title, .site-title a { font-size: clamp(26px, 5.5vw, 40px); }
.site-description { font-size: 14px !important; letter-spacing: 1px; }
/* Külgriba pealkirjad (h2.widget-title) — suuremad + rasvased, parem loetavus */
#secondary .widget-title { font-size: 20px; font-weight: 700; letter-spacing: 0.5px; }
#secondary ul li a { font-size: 16px; }
h1, .entry-title, .page-title { font-size: clamp(22px, 3vw, 30px); }
/* Sisu-h2 (nt KIRJELDUS, ÜRDITEED TUTVUSTUS) — suuremad + rasvased */
h2 { font-size: 24px; font-weight: 700; }
h3 { font-size: 17px; font-weight: 700; }
.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
	font-size: 15px;
}
.woocommerce-Price-amount { font-size: 16px; }
.wc-block-grid__product-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 16px;
}

/* --- 3. Tekstirütm: mugavam lugeda --- */
/* Algne CSS surus lõigud 14px !important-iga kokku ("kribu"). Tõstame
   lugemisteksti mugavale 16px-ile ja anname korraliku reavahe. */
body { line-height: 1.65; }
.entry-content p, article p, .content-area p,
.entry-summary p, .page-content p {
	font-size: 16px !important;
	line-height: 1.75;
	margin-bottom: 1.15em;
}
/* Tekst JA tooteruudustik täislaiuseks (sama lai) — ei piira .entry-content'i. */
.entry-content,
.entry-content .wc-block-grid,
.entry-content .wc-block-grid__products { max-width: none !important; width: 100% !important; }

/* --- 4. Pealkirjad: rütm + kreem-aktsentjoon --- */
h1, h2, h3 { line-height: 1.2; letter-spacing: 0.4px; }
.entry-title, .page-title {
	padding-bottom: 0.35em;
	margin-bottom: 0.6em;
	border-bottom: 2px solid var(--pl-cream);
	display: inline-block;
}

/* --- 5. Külgriba: õhk, struktuur, elavad lingid --- */
#secondary .widget { margin-bottom: 2.2em; }
#secondary .widget-title {
	letter-spacing: 0.5px;
	padding-bottom: 0.4em;
	margin-bottom: 0.8em;
	border-bottom: 2px solid var(--pl-cream);
}
#secondary ul li { margin-bottom: 0.5em; line-height: 1.35; }
#secondary ul li a {
	display: inline-block;
	letter-spacing: 0.3px;
	transition: color 0.2s ease, transform 0.2s ease;
}
#secondary ul li a:hover { color: var(--pl-berry); transform: translateX(3px); }

/* --- 6. Nupud: pehmem, kaasaegsem, tagasiside hoveril --- */
button, .button,
input[type="button"], input[type="reset"], input[type="submit"],
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	border: none;
	border-radius: 6px;
	padding: 10px 20px;
	letter-spacing: 0.4px;
	transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}
button:hover, .button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover {
	background: var(--pl-berry-dark);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(199, 63, 99, 0.25);
}

/* --- 7. Jalus: õhk + sujuv hover --- */
.footer-widgets { line-height: 1.7; }
.footer-widgets h2 { letter-spacing: 0.5px; margin-bottom: 0.6em; }
.footer-widgets a { transition: color 0.2s ease; }

/* --- 8. Üldine linkide sujuvus --- */
a { transition: color 0.2s ease; }

/* --- 9a. Hero-pildi sujuv üleminek lehe taustale --- */
/* Pildi alaserv sulandub lehe taustavärvi (#F7F7F7), et poleks järsku serva.
   z-index: 10 tagab, et üleminek on teema tumeda .s-shadow overlay (z-index 9)
   PEAL — muidu overlay tumendaks ka ülemineku. Paigutust EI muudeta
   (.all-header on juba position: relative), seega pealkiri jääb pildile. */
.all-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 150px;
	background: linear-gradient(to bottom, rgba(247, 247, 247, 0) 0%, #F7F7F7 100%);
	pointer-events: none;
	z-index: 10;
}

/* --- 9. WooCommerce tooteleht: ühtne tüpograafia + brändinupp --- */

/* Must gradient "Lisa korvi" põhinupp -> brändipunane (nagu mujal saidil).
   Teema woo-css.css kasutab gradienti, seega vajab !important-it. */
.woocommerce div.product .single_add_to_cart_button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
	background: var(--pl-berry) !important;
	background-image: none !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 6px !important;
	padding: 12px 26px !important;
	letter-spacing: 0.5px;
	box-shadow: none !important;
	transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}
.woocommerce div.product .single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover {
	background: var(--pl-berry-dark) !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(199, 63, 99, 0.25) !important;
}

/* Koguseväli sama kõrge kui nupp, et rida oleks ühtlane */
.woocommerce div.product form.cart .quantity .qty {
	height: 46px;
	border: 1px solid #ddd;
	border-radius: 6px;
	text-align: center;
	font-size: 16px;
}

/* Hind prominentsemaks ja proportsionaalseks (üle kompaktreegli) */
.woocommerce div.product p.price,
.woocommerce div.product p.price .woocommerce-Price-amount,
.woocommerce div.product div.summary .price .woocommerce-Price-amount {
	font-size: 22px !important;
	font-weight: 700;
	color: var(--pl-berry);
}

/* Lühikirjeldus + kirjelduse tekst ühtlaseks 16px */
.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce div.product .woocommerce-product-details__short-description p,
.woocommerce-Tabs-panel p, #tab-description p, .woocommerce-Tabs-panel li {
	font-size: 16px !important;
	line-height: 1.7;
}

/* Toote meta (Kategooria) vaiksem ja väiksem */
.woocommerce div.product .product_meta {
	font-size: 14px;
	color: #666;
}
.woocommerce div.product .product_meta a { color: var(--pl-berry); }

/* ==================================================================
 * PREMIUM UI/UX (v1.0.8)
 * Sama brändiliin (marjapunane/kreem), aga viimistletud: ÜKS ühtne
 * nupusüsteem, pehmed kaardid, viimistletud vormiväljad. Kõik ühes
 * plokis — kergesti tagasi võetav.
 * ================================================================== */

/* --- 10a. ÜHTNE NUPUSÜSTEEM ---------------------------------------
 * Ostukorvis olid nupud eri värvi (roheline/must/hall/punane). Teeme
 * KÕIK WooCommerce nupud ühtseks brändipunaseks. !important, sest
 * teema woo-css.css ja lisapluginad kasutavad gradiente/oma värve. */
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button.alt,
.woocommerce button[type="submit"],
.woocommerce input[type="submit"],
.woocommerce a.checkout-button,
.woocommerce #place_order,
.woocommerce button[name="update_cart"],
.woocommerce button[name="apply_coupon"],
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit {
	/* background ja color eemaldatud SIIT (jagatud üldreegel), sest see
	   pani ka loop/kinkekaardi nupud punaseks-punasel = nähtamatu. Nüüd
	   saavad nupud tausta/teksti madalamatest, sihitud reeglitest:
	   - loop-nupud: valge taust + punane tekst (allpool)
	   - kassa/korvi nupud: eraldi täidetud-punane reegel (allpool). */
	border: none !important;
	border-radius: 8px !important;
	padding: 12px 24px !important;
	font-weight: 600 !important;
	letter-spacing: 0.4px;
	text-shadow: none !important;
	box-shadow: none !important;
	transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}
/* Täidetud-punane AINULT põhitegevuse nuppudele (kassa, korv, kupong,
   üksiktoote "Lisa korvi") — mitte loop-nuppudele. Sihitud selektorid,
   et loop/kinkekaart jääks valgeks + punane tekst. */
.woocommerce a.checkout-button,
.woocommerce #place_order,
.woocommerce button[name="update_cart"],
.woocommerce button[name="apply_coupon"],
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce .single_add_to_cart_button,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background: #C73F63 !important;
	background-color: #C73F63 !important;
	background-image: none !important;
	color: #ffffff !important;
	transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}
/* Hover täidetud nuppudele: tumeneb + kerge tõste (literaal-värv, kindel). */
.woocommerce a.checkout-button:hover,
.woocommerce #place_order:hover,
.woocommerce button[name="update_cart"]:hover,
.woocommerce button[name="apply_coupon"]:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background: #a72c4e !important;
	background-color: #a72c4e !important;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(199, 63, 99, 0.28) !important;
}
.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button.alt:hover,
.woocommerce button[type="submit"]:hover,
.woocommerce input[type="submit"]:hover,
.woocommerce a.checkout-button:hover,
.woocommerce #place_order:hover,
.woocommerce button[name="update_cart"]:hover,
.woocommerce button[name="apply_coupon"]:hover {
	background: var(--pl-berry-dark) !important;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(199, 63, 99, 0.28) !important;
}
/* "Mine maksma" on põhitegevus — teeme veidi prominentsemaks */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order {
	width: 100%;
	padding: 15px 24px !important;
	font-size: 16px !important;
	text-transform: uppercase;
}

/* --- 10b. VORMIVÄLJAD: ümarad, õhku, fookuse-ring ------------------ */
.woocommerce form .form-row input.input-text,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce textarea,
.woocommerce #coupon_code,
.woocommerce .input-text,
.woocommerce select,
.woocommerce .quantity input.qty {
	border: 1px solid #e2ded8 !important;
	border-radius: 8px !important;
	padding: 12px 14px !important;
	background: #fff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	box-shadow: none;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce input[type="text"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce #coupon_code:focus,
.woocommerce .input-text:focus,
.woocommerce select:focus,
.woocommerce .quantity input.qty:focus {
	border-color: var(--pl-berry) !important;
	box-shadow: 0 0 0 3px rgba(199, 63, 99, 0.12) !important;
	outline: none !important;
}
.woocommerce .quantity input.qty { text-align: center; max-width: 72px; }

/* --- 10c. KAARDID: pehmed varjud + ümarad nurgad ------------------ */
/* Ostukorvi tabel kaardiks */
.woocommerce-cart .woocommerce table.shop_table {
	border-collapse: separate !important;
	border-spacing: 0;
	border: none;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 3px 18px rgba(0, 0, 0, 0.06);
}
.woocommerce-cart table.shop_table thead th {
	background: #faf5f0;
	color: var(--pl-ink);
	font-weight: 700;
	padding: 16px 14px;
	border: none;
}
.woocommerce-cart table.shop_table td {
	padding: 16px 14px;
	border-top: 1px solid #f0ebe5;
	vertical-align: middle;
}
.woocommerce-cart table.shop_table .product-thumbnail img {
	border-radius: 8px;
	width: 56px;
	height: auto;
}

/* Ostukorvi summad + kupong + kinkekaart -> puhtad kaardid */
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce .cart_totals {
	background: #fff;
	border-radius: 14px;
	padding: 22px 24px;
	box-shadow: 0 3px 18px rgba(0, 0, 0, 0.06);
}
.woocommerce-cart .cart_totals h2,
.woocommerce .cart_totals h2 { margin-top: 0; }

/* --- 10d. Tootekaardid (pood): laiemad, pilt serva-servani, premium --- */

/* Laiemad kaardid: 2 veergu grid-iga (robustne, ei sõltu nth-child mathist).
   Mobiilis 1 veerg. */
.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 30px !important;
	margin: 0 !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after {
	display: none !important;
}
@media (max-width: 768px) {
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: 1fr !important;
	}
}

/* Kaart: pilt täidab kogu ülaosa serva-servani; valged ääred kaovad;
   nurgad jäävad ümaraks (overflow: hidden lõikab pildi nurgad kaardi järgi). */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	background: #fff !important;
	border: none !important;
	border-radius: 16px !important;
	padding: 0 0 20px !important;      /* ülal/külgedel 0 -> pilt serva-servani */
	overflow: hidden;                  /* lõikab pildi nurgad ümaraks */
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.woocommerce ul.products li.product:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}
/* Pilt: täislaius, serva-servani, ilma oma ümarduse/äärteta (kaart lõikab). */
.woocommerce ul.products li.product img {
	width: 100% !important;
	display: block !important;
	margin: 0 0 16px !important;
	border-radius: 0 !important;
}
/* Hind ja nupp saavad külgvahe, kuna kaardi külgpadding on 0. */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button {
	margin-left: 18px !important;
	margin-right: 18px !important;
}

/* Tiitliriba (must overlay hoveril): LOETAV font + korralik vahe. */
.woocommerce .products .product .woocommerce-loop-product__title,
.woocommerce .products .product:hover .woocommerce-loop-product__title,
.woocommerce .products .product a:hover .woocommerce-loop-product__title {
	font-family: Arial, "Helvetica Neue", sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: 0.3px !important;
	line-height: 1.3 !important;
	padding: 10px 12px !important;
}
/* "Lisa korvi" loop-nupp: TÄIDETUD punane taust + valge tekst (nagu soovitud).
   Parent seab .product_type_simple { background: none !important }, seega vajab
   kõrgemat spetsiifilisust + literaal-värvi + !important -> see reegel võidab. */
body .woocommerce ul.products li.product .button,
body .woocommerce ul.products li.product a.button,
body .woocommerce ul.products li.product a.add_to_cart_button,
body .woocommerce ul.products li.product a.product_type_simple,
body .woocommerce ul.products li.product a.product_type_gift-card,
body .woocommerce ul.products li.product a.button.add_to_cart_button,
body .woocommerce ul.products li.product a.button.product_type_simple,
body .woocommerce ul.products li.product a.button.product_type_gift-card,
body .woocommerce .products .product a.button.product_type_simple,
body .woocommerce .products .product a.button.product_type_gift-card {
	background: #C73F63 !important;
	background-color: #C73F63 !important;
	background-image: none !important;
	color: #ffffff !important;
	border: none !important;
	border-top: none !important;
	border-radius: 8px !important;
	padding: 12px 18px !important;
	margin: 14px 18px 0 !important;   /* sissepoole kaardi servadest */
	display: block !important;
	width: auto !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-align: center !important;
	text-transform: uppercase;
	opacity: 1 !important;
	visibility: visible !important;
	box-shadow: none !important;
	transition: background 0.2s ease, transform 0.1s ease;
}
/* Loop-nupu hover: tumeneb + kerge tõste. */
body .woocommerce ul.products li.product .button:hover,
body .woocommerce ul.products li.product a.button:hover,
body .woocommerce ul.products li.product a.add_to_cart_button:hover,
body .woocommerce ul.products li.product a.product_type_simple:hover,
body .woocommerce ul.products li.product a.product_type_gift-card:hover {
	background: #a72c4e !important;
	background-color: #a72c4e !important;
	color: #ffffff !important;
	transform: translateY(-1px);
}

/* --- 10f. WooCommerce PLOKK (wc-block-grid) — sama kaardikujundus -----
 * /marjateed/ jt LEHED kuvavad tooteid Gutenbergi plokiga, mille HTML on
 * teine (.wc-block-grid__product, mitte .woocommerce ul.products li.product).
 * Kordame siin sama premium kaardikujundust plokk-markupil. */
.wc-block-grid__products {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 30px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
@media (max-width: 768px) {
	.wc-block-grid__products { grid-template-columns: 1fr !important; }
}
.wc-block-grid__product {
	/* Plokk seab tootele max-width:33% (3 veeru jaoks) — grid-lahtris surub
	   see kaardi tibatillukeseks. Nullime selle, et kaart täidaks lahtri. */
	max-width: none !important;
	width: auto !important;
	min-width: 0 !important;
	flex: none !important;
	float: none !important;
	background: #fff !important;
	border: none !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	padding: 0 0 20px !important;
	margin: 0 !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
	text-align: center;
}
.wc-block-grid__product:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12) !important;
}
/* Pildi KONTEINER on ruut (aspect-ratio 1/1), pilt täidab selle 100% x 100%
   object-fit:cover-iga -> KÕIK tootepildid ühesuurused, sõltumata allikapildi
   mõõtudest (mõni oli väiksem/valge servaga). Robustsem kui aspect-ratio pildil. */
.wc-block-grid__product-image {
	width: 100% !important;
	display: block !important;
	margin: 0 0 16px !important;
	border-radius: 0 !important;
	aspect-ratio: 1 / 1 !important;
	overflow: hidden !important;
}
.wc-block-grid__product-image img,
.wc-block-grid__product .attachment-woocommerce_thumbnail {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	max-width: none !important;
}
.wc-block-grid__product-title {
	font-family: Arial, "Helvetica Neue", sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #C73F63 !important;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	line-height: 1.3 !important;
	padding: 0 16px !important;
	margin-bottom: 8px !important;
}
.wc-block-grid__product-price,
.wc-block-grid__product-price .woocommerce-Price-amount {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #C73F63 !important;
	margin-bottom: 12px !important;
}
.wc-block-grid__product-add-to-cart .wp-block-button__link,
.wc-block-grid__product .wp-block-button__link,
.wc-block-grid__product a.add_to_cart_button,
.wc-block-grid__product a.button {
	background: #C73F63 !important;
	background-color: #C73F63 !important;
	background-image: none !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 12px 18px !important;
	margin: 14px 18px 0 !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	white-space: nowrap !important;   /* tekst ei murdu tähthaaval */
	width: auto !important;
	max-width: none !important;
	display: inline-block !important;
	transition: background 0.2s ease, transform 0.1s ease;
}
/* Plokk-nupu ümbris (wp-block-button) täislaiuseks, et nupp mahuks. */
.wc-block-grid__product .wp-block-button,
.wc-block-grid__product-add-to-cart {
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
}
.wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
.wc-block-grid__product a.add_to_cart_button:hover,
.wc-block-grid__product a.button:hover {
	background: #a72c4e !important;
	background-color: #a72c4e !important;
	transform: translateY(-1px);
}

/* --- 10g. Üksiktoote leht: galerii ilusamaks + seotud tooted 4 kõrvuti --- */

/* Toote pildigalerii: ümarad nurgad + pehme vari = premium. */
.woocommerce div.product .woocommerce-product-gallery__wrapper,
.woocommerce div.product .woocommerce-product-gallery__image,
.woocommerce div.product .woocommerce-product-gallery__image a,
.woocommerce div.product .woocommerce-product-gallery__image img {
	border-radius: 16px !important;
}
.woocommerce div.product .woocommerce-product-gallery__image {
	overflow: hidden;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.10);
}
.woocommerce div.product .woocommerce-product-gallery__image img {
	display: block;
	width: 100%;
}
/* Suumi-ikoon (luup) veidi elegantsemaks. */
.woocommerce div.product .woocommerce-product-gallery__trigger {
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	top: 1em;
	right: 1em;
}

/* SEOTUD TOOTED: 4 kõrvuti (väiksemad kaardid). Ülekirjutab §10d 2-veeru
   grid'i, sest see reegel on hiljem ja spetsiifilisem (.related). */
.woocommerce .related.products ul.products,
.woocommerce .up-sells ul.products {
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 20px !important;
}
@media (max-width: 900px) {
	.woocommerce .related.products ul.products,
	.woocommerce .up-sells ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 480px) {
	.woocommerce .related.products ul.products,
	.woocommerce .up-sells ul.products {
		grid-template-columns: 1fr !important;
	}
}
/* Väiksemates seotud-toote kaartides kompaktsem nupp + hind. */
.woocommerce .related.products li.product .price,
.woocommerce .up-sells li.product .price {
	font-size: 14px !important;
}
body .woocommerce .related.products li.product a.button,
body .woocommerce .related.products li.product a.add_to_cart_button,
body .woocommerce .up-sells li.product a.button {
	margin: 12px 10px 0 !important;
	padding: 10px 10px !important;
	font-size: 12px !important;
}
/* Seotud toodete pealkiri (hover-riba) veidi väiksem, et lühemasse kaarti mahub. */
.woocommerce .related.products .product:hover .woocommerce-loop-product__title,
.woocommerce .related.products .product a:hover .woocommerce-loop-product__title {
	font-size: 12px !important;
}

/* --- 10e. Väikesed viimistlused ----------------------------------- */
/* Eemalda-nupp (x) ostukorvis pehmemaks */
.woocommerce-cart table.cart a.remove {
	color: var(--pl-berry) !important;
	font-weight: 400;
	transition: transform 0.15s ease, color 0.2s ease;
}
.woocommerce-cart table.cart a.remove:hover {
	background: var(--pl-berry) !important;
	color: #fff !important;
	transform: scale(1.1);
}
/* WooCommerce teated (info/edu/viga) brändiaktsendiga vasak-serv */
.woocommerce-message { border-top-color: var(--pl-berry) !important; }
.woocommerce-info { border-top-color: var(--pl-berry) !important; }

/* ==================================================================
 * 11. PREMIUM MOBIILIMENÜÜ (max-width: 800px)
 * Teema mobiilimenüü on lame must + kollane. Teeme premium'iks:
 * rikkalik tume-berry gradient, elegantsed lingid, aktiivse lehe
 * berry-aktsent, sujuvad üleminekud. Scope'itud ainult mobiilile,
 * seega desktop-menüü (fotol) jääb puutumata.
 * ================================================================== */
@media screen and (max-width: 800px) {

	/* Menüü konteiner: premium tume-berry gradient + pehme vari + ümar alaserv */
	#site-navigation {
		background: linear-gradient(165deg, #3a1f27 0%, #23141a 55%, #1a0f13 100%) !important;
		padding: 6px 0 14px !important;
		box-shadow: 0 16px 40px rgba(0, 0, 0, 0.40) !important;
		border-radius: 0 0 20px 20px !important;
		border-top: 3px solid #C73F63 !important;
	}
	.menu-peamenuu-container,
	#site-navigation #primary-menu,
	#primary-menu {
		background: transparent !important;
	}

	/* Menüü-lingid: õhku, tähevahe, sujuv üleminek */
	#primary-menu li a,
	.main-navigation ul li a {
		color: #ffe4a1 !important;
		background: transparent !important;
		border-top: none !important;
		border-bottom: 1px solid rgba(255, 228, 161, 0.10) !important;
		padding: 15px 24px !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		letter-spacing: 0.8px !important;
		text-transform: uppercase !important;
		transition: background 0.2s ease, padding-left 0.2s ease, color 0.2s ease !important;
	}
	#primary-menu > li:last-child > a {
		border-bottom: none !important;
	}

	/* Hover + AKTIIVNE leht: berry-tint + vasak berry-serv + nihe */
	#primary-menu li a:hover,
	#primary-menu li a:focus,
	#primary-menu li.current-menu-item > a,
	#primary-menu li.current_page_item > a,
	#primary-menu li.current-menu-ancestor > a {
		background: rgba(199, 63, 99, 0.28) !important;
		color: #ffffff !important;
		padding-left: 32px !important;
		box-shadow: inset 4px 0 0 0 #C73F63 !important;
	}

	/* Hamburger-nupp premium: ümar, pehme vari */
	#s-button-menu,
	.menu-toggle {
		border-radius: 12px !important;
		overflow: hidden !important;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
		transition: transform 0.15s ease, box-shadow 0.2s ease !important;
	}
	#s-button-menu:hover,
	.menu-toggle:hover {
		transform: translateY(-1px) !important;
		box-shadow: 0 6px 18px rgba(199, 63, 99, 0.35) !important;
	}

	/* Alammenüüd (kui on) veidi taandega ja pehmema taustaga */
	#primary-menu ul ul li a {
		background: rgba(0, 0, 0, 0.20) !important;
		font-size: 14px !important;
		letter-spacing: 0.5px !important;
	}
}