/*
Theme Name:   Babyfloat Child
Theme URI:    https://babyfloat.ee/
Description:  Hello Elementori lapsteema Babyfloatile. Siia käivad kõik teema-tasemel
              kohandused (eelkõige WooCommerce), et emateema uuendus neid üle ei kirjutaks.
Author:       Martin Tee
Template:     hello-elementor
Version:      0.3.0
Text Domain:  babyfloat-child
*/

/* Kujunduse alusväärtused — võetud Elementori globaalidest (kit 104), et pood
   kasutaks sama paletti mis ülejäänud sait ka siis, kui vidin pole Elementori oma. */
:root {
	--bf-pruun:      #55433E;  /* primary — pealkirjad, nupud */
	--bf-tume:       #1A1818;  /* secondary */
	--bf-tekst:      #848484;
	--bf-hall:       #B9B9B9;  /* accent */
	--bf-kreem:      #FDFDF0;  /* lehe taust */
	--bf-roosa:      #FFD7D2;
	--bf-sinine:     #E7F7FF;
	--bf-beez:       #EFD1B7;
	--bf-salvei:     #62685E;
	--bf-salvei-tum: #51564D;
	--bf-serv:       #87868636;

	--bf-fond-pealkiri: "Italiana", Georgia, "Times New Roman", serif;
	--bf-fond-sisu:     "Outfit", -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ==========================================================================
   WooCommerce
   NB Elementori kit ja JEG kit kujundavad nuppe jõuliselt, seega vajame
   lisaspetsiifikat. See tuleb `:root`-ist, MITTE `body`-st: klass
   `.woocommerce` istub body enda peal, seega `body .woocommerce` nõuaks
   järglast, keda ei ole, ja reegel ei rakenduks üldse.
   ========================================================================== */

:root .woocommerce #respond input#submit,
:root .woocommerce a.button,
:root .woocommerce button.button,
:root .woocommerce input.button,
:root .woocommerce a.button.alt,
:root .woocommerce button.button.alt,
:root .woocommerce input.button.alt,
:root button.single_add_to_cart_button.button,
:root .wc-block-components-button {
	background: var(--bf-pruun);
	color: #fff;
	border: 1px solid var(--bf-pruun);
	border-radius: 2px;
	padding: 15px 28px;
	font-family: var(--bf-fond-sisu);
	font-size: 13px;
	font-weight: 400;
	letter-spacing: .14em;
	text-transform: uppercase;
	line-height: 1.2;
	transition: background .2s ease, color .2s ease;
}
:root .woocommerce a.button:hover,
:root .woocommerce button.button:hover,
:root .woocommerce input.button:hover,
:root .woocommerce button.button.alt:hover,
:root button.single_add_to_cart_button.button:hover {
	background: transparent;
	color: var(--bf-pruun);
}

:root .woocommerce .price,
:root .woocommerce ul.products li.product .price {
	color: var(--bf-pruun);
	font-family: var(--bf-fond-pealkiri);
	font-size: 24px;
}
:root .woocommerce ul.products li.product .price { font-size: 20px; }
:root .woocommerce del { opacity: .5; font-size: .8em; }

:root .woocommerce-message,
:root .woocommerce-info,
:root .woocommerce-error {
	background: #fff;
	border-top: 0;
	border-left: 3px solid var(--bf-pruun);
	border-radius: 2px;
	box-shadow: none;
	color: var(--bf-tume);
	font-family: var(--bf-fond-sisu);
}
:root .woocommerce-message::before,
:root .woocommerce-info::before { color: var(--bf-pruun); }
:root .woocommerce-error { border-left-color: #b4564a; }

:root .woocommerce form .form-row input.input-text,
:root .woocommerce form .form-row textarea,
:root .woocommerce form .form-row select,
:root .woocommerce .quantity .qty {
	border: 1px solid var(--bf-serv);
	border-radius: 2px;
	background: #fff;
	padding: 13px 14px;
	font-family: var(--bf-fond-sisu);
	color: var(--bf-tume);
}

/* ==========================================================================
   Kinkekaardi vorm tootelehel
   ========================================================================== */

:root .bfk-vorm { margin: 26px 0 30px; }
:root .bfk-vorm .bfk-valjaa + .bfk-valjaa {
	margin-top: 28px; padding-top: 26px; border-top: 1px solid var(--bf-serv);
}

:root .bfk-vorm .bfk-silt {
	display: block;
	font-family: var(--bf-fond-sisu);
	font-size: 11px;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--bf-salvei);
	margin-bottom: 14px;
}

:root .bfk-vorm .bfk-summad { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
:root .bfk-vorm .bfk-summad button.bfk-summa {
	flex: 1 1 auto;
	min-width: 92px;
	padding: 15px 10px;
	background: #fff;
	border: 1px solid var(--bf-serv);
	border-radius: 2px;
	font-family: var(--bf-fond-pealkiri);
	font-size: 20px;
	line-height: 1;
	color: var(--bf-pruun);
	cursor: pointer;
	transition: border-color .2s ease, background .2s ease, color .2s ease;
}
:root .bfk-vorm .bfk-summad button.bfk-summa:hover { border-color: var(--bf-pruun); }
:root .bfk-vorm .bfk-summad button.bfk-summa.on-valitud {
	background: var(--bf-pruun); border-color: var(--bf-pruun); color: #fff;
}
:root .bfk-vorm .bfk-summad button.bfk-summa .woocommerce-Price-amount,
:root .bfk-vorm .bfk-summad button.bfk-summa bdi { font-family: inherit; color: inherit; font-size: inherit; }

/* NB `label.bfk-oma` peab tulema PÄRAST üldist `.bfk-vorm label` reeglit,
   muidu paneb see display:block flexi asemele (üks kord juba juhtus). */
:root .bfk-vorm label { display: block; margin-top: 14px; font-size: 13px; color: var(--bf-tekst); }
:root .bfk-vorm label input[type="text"],
:root .bfk-vorm label input[type="email"],
:root .bfk-vorm label textarea {
	display: block; width: 100%; margin-top: 6px; padding: 13px 14px;
	border: 1px solid var(--bf-serv); border-radius: 2px; background: #fff;
	font-family: var(--bf-fond-sisu); font-size: 15px; color: var(--bf-tume);
}
:root .bfk-vorm label textarea { resize: vertical; min-height: 90px; }

:root .bfk-vorm label.bfk-oma {
	display: flex; align-items: center; gap: 10px; margin-top: 0;
	font-size: 14px; color: var(--bf-tekst);
}
:root .bfk-vorm label.bfk-oma > span { white-space: nowrap; }
:root .bfk-vorm label.bfk-oma input {
	display: inline-block; width: 130px; margin-top: 0; padding: 12px 14px;
	border: 1px solid var(--bf-serv); border-radius: 2px; background: #fff;
	font-family: var(--bf-fond-pealkiri); font-size: 20px; color: var(--bf-pruun);
}

:root .bfk-vorm .bfk-vihje { margin: 10px 0 0; font-size: 13px; color: var(--bf-tekst); }

/* Kinkekaardil ei ole kogusel mõtet — üks kaart korraga on selgem.
   (Kogus tuleb WooCommerce'i mallist form.cart sees, meie ploki järel.) */
:root .bfk-vorm ~ .quantity { display: inline-block; }
:root .bfk-korrad-suur {
	font-family: var(--bf-fond-pealkiri); font-size: 30px; color: var(--bf-pruun); margin: 0 0 6px;
}

/* Kinkekaardi tingimused tootelehel */
:root .bfk-vorm .bfk-tingimuste-plokk ul.bfk-tingimused {
	margin: 0; padding-left: 18px;
	font-size: 13px; line-height: 1.75; color: var(--bf-tekst);
}
:root .bfk-vorm .bfk-tingimuste-plokk ul.bfk-tingimused li { margin-bottom: 4px; }

/* Kinkekaardi väli ostukorvis ja kassas */
:root .bfk-kassa { margin: 0 0 26px; padding: 20px; background: #fff; border: 1px solid var(--bf-serv); border-radius: 2px; }
:root .bfk-kassa label { display: block; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--bf-salvei); margin-bottom: 12px; }
:root .bfk-kassa .bfk-kassa-read { display: flex; flex-wrap: wrap; gap: 8px; }
:root .bfk-kassa .bfk-kassa-read input {
	flex: 1 1 150px; padding: 13px 14px; border: 1px solid var(--bf-serv); border-radius: 2px;
	background: var(--bf-kreem); font-family: var(--bf-fond-sisu); font-size: 15px; color: var(--bf-tume);
}
:root .bfk-kassa .bfk-kassa-read input#bfk_kassa_summa { flex: 0 0 120px; }
:root .bfk-kassa .bfk-vihje { margin: 10px 0 0; font-size: 12px; color: var(--bf-tekst); }
:root .bfk-kassa ul.bfk-kasutusel { margin: 0 0 16px; padding: 0; list-style: none; font-size: 14px; }
:root .bfk-kassa ul.bfk-kasutusel li {
	display: flex; gap: 12px; align-items: baseline; justify-content: space-between;
	padding: 10px 0; border-bottom: 1px solid var(--bf-serv);
}
:root .bfk-kassa ul.bfk-kasutusel a { font-size: 12px; color: var(--bf-tekst); text-decoration: underline; }

/* ==========================================================================
   Poe nimekiri (arhiiv + tootekategooria)
   ========================================================================== */

:root .woocommerce ul.products { gap: 34px 26px; }

:root .woocommerce ul.products li.product a img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 2px;
	margin-bottom: 16px;
}
/* Pildita toote kohatäide ei tohi olla hall laik kreemjal lehel. */
:root .woocommerce ul.products li.product img.woocommerce-placeholder {
	background: #F4F1E6;
	opacity: .55;
	padding: 12%;
}

:root .woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--bf-fond-pealkiri);
	font-size: 22px;
	line-height: 1.25;
	color: var(--bf-pruun);
	padding: 0;
	margin: 0 0 6px;
}
:root .woocommerce ul.products li.product .price { display: block; margin-bottom: 16px; }

/* Poe pealkirjad ja tulemuste rida */
:root .woocommerce .woocommerce-products-header__title,
:root .woocommerce-page h1.entry-title { font-family: var(--bf-fond-pealkiri); color: var(--bf-pruun); }
:root .woocommerce .woocommerce-result-count {
	font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--bf-salvei);
}
:root .woocommerce .woocommerce-ordering select {
	border: 1px solid var(--bf-serv); border-radius: 2px; background: #fff;
	padding: 11px 14px; font-family: var(--bf-fond-sisu); font-size: 14px; color: var(--bf-tume);
}

/* Kategooria kirjeldus */
:root .woocommerce .term-description {
	max-width: 620px; color: var(--bf-tekst); margin-bottom: 26px;
}

/* Kategooriate ruudustik (kui kuvatakse alamkategooriaid) */
:root .woocommerce ul.products li.product-category h2 {
	font-family: var(--bf-fond-pealkiri); font-size: 22px; color: var(--bf-pruun);
}
:root .woocommerce ul.products li.product-category mark { background: none; color: var(--bf-tekst); }