/*
Theme Name:   Flatsome Child
Theme URI:    https://artos.ro
Description:  Temă copil pentru Flatsome. Aici stau TOATE customizările Artos.ro (WooCommerce, PHP, template overrides). Tema părinte Flatsome nu se editează, ca să nu se piardă la update.
Author:       Artos.ro
Template:     flatsome
Version:      1.8.4
*/

/* CSS-ul de prezentare stă de preferință în Customizer -> Custom CSS (Flatsome -> Advanced -> Custom CSS),
   dar poți pune reguli și aici dacă vrei să fie versionate cu tema copil. */

/* Link "Anulează selecția" (reset variații) - pe linie proprie, chiar sub Culoare.
   Ascuns inițial cu display:none (fără gol) SI visibility:hidden: JS-ul Flatsome (toggleResetLink)
   face fadeIn DOAR dacă visibility e 'hidden', altfel pe variații pre-selectate din URL nu ar apărea. */
.single_variation_wrap .reset_variations.ic-reset {
	display: none;
	visibility: hidden;
	margin: 6px 0 10px;
	font-size: 0.78em;
	font-weight: 400;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: underline;
}

/* Grila de produse (magazin/categorii): mic spațiu deasupra prețului ca să nu fie lipit de titlu. */
ul.products li.product .price {
	display: block;
	margin-top: 5px;
}

/* Prețul variației la EXACT aceeași dimensiune ca descrierea (1em = corpul de text).
   Flatsome pune containerul .woocommerce-variation-price la .8em și .price la 1.5em, deci
   trebuie normalizate AMBELE la 1em - altfel 1em pe .price rămâne relativ la .8em și nu se potrivește. */
.single_variation_wrap .woocommerce-variation-price,
.single_variation_wrap .woocommerce-variation-price .price,
.single_variation_wrap .woocommerce-variation-price .price .woocommerce-Price-amount {
	font-size: 1em;
}

/* ==========================================================================
   Artos.ro - Restilizare sidebar filtre magazin (WooCommerce + Flatsome)
   Se adauga la finalul flatsome-child/style.css (incarcat DUPA Flatsome,
   prioritate 100 -> regulile cu specificitate egala castiga).
   Fara JS, fara modificari de markup. NU se atinge NICIODATA display /
   vizibilitatea pentru ul.children (Flatsome controleaza colapsarea
   acordeonului prin aria-expanded / clasa .active). Tot ce urmeaza e
   limitat la #shop-sidebar ca sa nu se scurga in restul site-ului.
   ========================================================================== */

/* --- 0. Antet filtre: "Filtre" + "Resetează" (injectat din functions.php) - */
#shop-sidebar .ic-filter-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 14px;
}
#shop-sidebar .ic-filter-title {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #1c3d4f;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
}
#shop-sidebar .ic-filter-title svg {
	width: 17px;
	height: 17px;
	flex: 0 0 auto;
}
#shop-sidebar .ic-filter-reset {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #8a969d;
	font-size: 13px;
	line-height: 1;
	text-decoration: none;
	transition: color 0.15s ease;
}
#shop-sidebar .ic-filter-reset:hover {
	color: #1c3d4f;
}
#shop-sidebar .ic-filter-reset svg {
	width: 13px;
	height: 13px;
	flex: 0 0 auto;
}

/* --- 1. Cardul containerului --------------------------------------------- */
#shop-sidebar {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	background: #ffffff;
	border: 1px solid #e6eaec;
	border-radius: 16px;
	padding: 18px;
}

/* Border-box explicit pe tot ce e in card, ca latimile de 100% + padding sa
   ramana in interior chiar daca reset-ul global al temei ar lipsi vreodata. */
#shop-sidebar,
#shop-sidebar * {
	box-sizing: border-box;
}

/* Widget-urile impart cardul: fara cutie/margine proprie. */
#shop-sidebar > .widget {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	max-width: 100%;
}

/* --- 2. Titlurile de sectiune -------------------------------------------- */
#shop-sidebar .widget-title.shop-sidebar {
	display: block;
	margin: 0 0 10px;
	color: #1c3d4f;
	font-size: 14px; /* marit (cerere client 2026-08-19: filtre mai mari) */
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.3;
	text-transform: uppercase;
}

/* Liniuta Flatsome (.is-divider.small) de sub titlu -> hairline discret. */
#shop-sidebar .widget-title.shop-sidebar + .is-divider.small {
	height: 1px;
	min-height: 1px;
	width: 100%;
	max-width: 100%;
	margin: 0 0 12px;
	background-color: #eef1f2;
	opacity: 1;
}

/* --- 3. Separarea widget-urilor de filtre intre ele ---------------------- */
/* (2026-08-19) Widget-urile layered-nav Tip icoana / Dimensiune au fost scoase
   din sidebar (cerere client); separatorul ramane pentru filtrul de PRET, care
   urmeaza dupa Categorii. */
#shop-sidebar .widget + .widget.widget_price_filter {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #e6eaec;
}

/* --- 3b. Widget "Filtre active" (chips removibile cu x) ------------------- */
/* Apare deasupra categoriilor cand exista filtre. Ii dam separare jos (altfel chip-ul
   sta lipit de "CATEGORII DE PRODUSE") si padding simetric sus/jos pe chip. */
#shop-sidebar .widget_layered_nav_filters {
	margin: 0 0 16px;
	padding: 0 0 16px;
	border-bottom: 1px solid #e6eaec;
}
#shop-sidebar .widget_layered_nav_filters ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#shop-sidebar .widget_layered_nav_filters ul li.chosen {
	display: inline-block;
	margin: 0 8px 8px 0;
}
#shop-sidebar .widget_layered_nav_filters ul li.chosen:last-child {
	margin-bottom: 0;
}
#shop-sidebar .widget_layered_nav_filters ul li.chosen a {
	display: inline-block;
	padding: 7px 14px;
	line-height: 1.2;
	font-size: 13px;
	background-color: #f1f4f5;
	border: 1px solid #e0e5e7;
	border-radius: 999px;
	color: #2c3a43;
	text-decoration: none;
}
#shop-sidebar .widget_layered_nav_filters ul li.chosen a:hover {
	background-color: #f7f3e4;
	color: #1c3d4f;
}

/* --- 4. Lista de categorii ----------------------------------------------- */
#shop-sidebar .product-categories,
#shop-sidebar .product-categories ul.children {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Rand (li) = reper pentru pozitionarea absoluta a toggle-ului. */
#shop-sidebar .product-categories li.cat-item {
	position: relative;
	margin: 2px 0;
	padding: 0;
	list-style: none;
	border: 0;
}

/* Link-ul randului = zona tap-abila. Spatiu la dreapta pentru toggle. */
#shop-sidebar .product-categories li.cat-item > a {
	display: block;
	padding: 12px 40px 12px 10px;
	border-radius: 9px;
	color: #2c3a43;
	font-size: 15px; /* marit (cerere client 2026-08-19: filtre mai mari) */
	line-height: 1.3;
	text-align: left;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

/* Randurile fara copii nu au toggle -> nu au nevoie de spatiul din dreapta. */
#shop-sidebar .product-categories li.cat-item:not(.cat-parent):not(.has-child) > a {
	padding-right: 10px;
}

#shop-sidebar .product-categories li.cat-item > a:hover {
	background-color: #f1f4f5;
	color: #1c3d4f;
}

/* Focus vizibil la tastatura pe randurile de categorie (a11y). */
#shop-sidebar .product-categories li.cat-item > a:focus-visible {
	outline: 2px solid #1c3d4f;
	outline-offset: -2px;
}

/* Categoria curenta: pastila galben-pal + text navy + punct galben. */
#shop-sidebar .product-categories li.current-cat > a {
	background-color: #f7f3e4;
	color: #1c3d4f;
	font-weight: 600;
}

#shop-sidebar .product-categories li.current-cat > a::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-right: 8px;
	border-radius: 50%;
	background-color: #f0c53c;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

/* --- 5. Sub-liste imbricate (children) ----------------------------------- */
/* NU atingem display/visibility aici; doar indentare + ghidaj vizual. */
#shop-sidebar .product-categories ul.children {
	margin-left: 10px;
	padding-left: 12px;
	border-left: 2px solid #eceff1;
}

#shop-sidebar .product-categories ul.children li.cat-item > a {
	font-size: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #46555e;
}

#shop-sidebar .product-categories ul.children li.cat-item > a:hover {
	color: #1c3d4f;
}

/* --- 6. Butonul de acordeon (.toggle - injectat de Flatsome la runtime) --- */
/* Pozitionat absolut pe rand. Il centram pe INALTIMEA PRIMULUI RAND (nu pe
   toata inaltimea li-ului, care creste cand se deschide ul.children), deci
   pinuim top:0 si dam toggle-ului o inaltime egala cu inaltimea randului
   (padding 11px + 11px + line-box ~18px = ~40px). Astfel chevron-ul ramane
   centrat pe text si nu aluneca in jos peste sub-arborele deschis. */
#shop-sidebar .product-categories li.cat-item > .toggle {
	position: absolute;
	top: 3px; /* (2026-08-21) 3px in loc de 0: patratul de hover statea lipit de
	             marginea de sus a randului si parea ca iese din el */
	right: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 8px;
	color: #9aa6ac;
	cursor: pointer;
	box-shadow: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

/* Randurile-copil sunt mai scunde (padding 8px) -> toggle mai jos. */
#shop-sidebar .product-categories ul.children li.cat-item > .toggle {
	height: 34px;
}

#shop-sidebar .product-categories li.cat-item > .toggle:hover,
#shop-sidebar .product-categories li.cat-item > .toggle:focus-visible,
#shop-sidebar .product-categories li.cat-item.active > .toggle {
	background-color: #f1f4f5;
	color: #1c3d4f;
}

#shop-sidebar .product-categories li.cat-item > .toggle:focus-visible {
	outline: 2px solid #1c3d4f;
	outline-offset: -2px;
}

/* Iconul chevron (fontul Flatsome, nu Tabler). Doar culoare/dimensiune. */
#shop-sidebar .product-categories li.cat-item > .toggle .icon-angle-down,
#shop-sidebar .product-categories li.cat-item > .toggle .icon-angle-up {
	font-size: 16px;
	line-height: 1;
	color: inherit;
	transition: color 0.15s ease;
}

/* Rand deschis / curent / stramos-curent: text + chevron navy. */
#shop-sidebar .product-categories li.cat-item.active > a,
#shop-sidebar .product-categories li.cat-item.current-cat-parent > a {
	color: #1c3d4f;
}

#shop-sidebar .product-categories li.cat-item.current-cat > .toggle,
#shop-sidebar .product-categories li.cat-item.current-cat-parent > .toggle {
	color: #1c3d4f;
}

/* --- 6b. CALENDARUL evidentiat (cerere client 2026-08-19) ----------------- */
/* Categoria Calendar (term_id 124) iese in evidenta fata de restul: pastila
   permanenta galben-pal cu chenar auriu discret + iconita de calendar (SVG
   data-URI navy). Id-ul de termen e stabil (nu se schimba la redenumiri). */
#shop-sidebar .product-categories li.cat-item-124 > a {
	background-color: #f7f3e4;
	box-shadow: inset 0 0 0 1.5px #e3cf96;
	color: #1c3d4f;
	font-weight: 600;
}
#shop-sidebar .product-categories li.cat-item-124 > a::before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 8px;
	vertical-align: -2px;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231c3d4f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%2F%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%2F%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%2F%3E%3C%2Fsvg%3E");
	background-size: 15px 15px;
	background-repeat: no-repeat;
}
#shop-sidebar .product-categories li.cat-item-124 > a:hover {
	background-color: #f3ecd2;
	color: #1c3d4f;
}
/* Punctul galben de "categorie curenta" e redundant peste pastila Calendarului. */
#shop-sidebar .product-categories li.cat-item-124.current-cat > a::before {
	border-radius: 0;
	background-color: transparent;
}

/* (2026-08-21) Calendarul se DESCHIDE in sidebar (acordeon cu lunile), nu doar
   navigheaza: widgetul e inapoi pe arborele ierarhic, limitat la max_depth=2
   (lunile, fara cele ~220 de zile). Toggle-ul de acordeon peste pastila aurie:
   tinut INAUNTRUL pastilei (inainte, patratul gri de hover iesea peste marginea
   si coltul rotunjit al pastilei). */
#shop-sidebar .product-categories li.cat-item-124 > .toggle {
	top: 3px;
	right: 5px;
	width: 34px;
	height: 40px;
	border-radius: 7px;
	color: #1c3d4f;
}
#shop-sidebar .product-categories li.cat-item-124 > .toggle:hover,
#shop-sidebar .product-categories li.cat-item-124.active > .toggle {
	background-color: #f3ecd2; /* nuanta aurie, nu gri, ca sa nu "pateze" pastila */
}
/* Lunile deschise sub pastila: mica respiratie fata de pastila aurie. */
#shop-sidebar .product-categories li.cat-item-124 > ul.children {
	margin-top: 4px;
}

/* --- 7. Filtrul de PRET (widget nativ WooCommerce, slider jQuery UI) ------ */
/* (2026-08-19) A inlocuit dropdown-urile Tip icoana / Dimensiune (scoase la
   cererea clientului, impreuna cu CSS-ul lor selectWoo - vezi git/backup).
   Slider navy + maner alb cu inel navy, buton "Filtreaza" plin navy. */
#shop-sidebar .widget_price_filter .price_slider_wrapper {
	margin-top: 6px;
}
#shop-sidebar .widget_price_filter .price_slider.ui-slider {
	height: 5px;
	margin: 8px 7px 18px;
	background-color: #e6eaec;
	border: 0;
	border-radius: 999px;
}
#shop-sidebar .widget_price_filter .ui-slider .ui-slider-range {
	background-color: #1c3d4f;
	border-radius: 999px;
}
#shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle {
	top: -6px;
	width: 17px;
	height: 17px;
	margin-left: -8px;
	background-color: #ffffff;
	border: 2px solid #1c3d4f;
	border-radius: 50%;
	box-shadow: 0 1px 4px rgba(28, 61, 79, 0.25);
	cursor: grab;
}
#shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle:active {
	cursor: grabbing;
}
#shop-sidebar .widget_price_filter .price_slider_amount {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
#shop-sidebar .widget_price_filter .price_slider_amount .price_label {
	order: 1;
	color: #2c3a43;
	font-size: 14px;
	line-height: 1.3;
}
#shop-sidebar .widget_price_filter .price_slider_amount .button {
	order: 2;
	margin: 0;
	padding: 9px 18px;
	background-color: #1c3d4f;
	border: 0;
	border-radius: 999px;
	color: #ffffff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: none;
}
#shop-sidebar .widget_price_filter .price_slider_amount .button:hover {
	background-color: #16313f;
}
/* Woo ascunde slider-ul cand JS lipseste si arata inputurile min/max - le
   pastram utilizabile daca apar. */
#shop-sidebar .widget_price_filter .price_slider_amount input[type="text"] {
	width: 46%;
	padding: 9px 12px;
	border: 1.5px solid #dfe4e6;
	border-radius: 9px;
	font-size: 14px;
}

/* --- 8. Bannerul promo (.block_widget) - doar separare, nu-i atingem look-ul */
#shop-sidebar .widget.block_widget {
	margin-top: 20px;
}

/* --- 9. Tablet (medium 550-849px): pastram tinte confortabile la atingere - */
@media (max-width: 849px) {
	#shop-sidebar .product-categories li.cat-item > a {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	#shop-sidebar .product-categories li.cat-item > .toggle {
		height: 42px;
	}
}

/* ==========================================================================
   Artos.ro - Swatch-uri variatii pe pagina de produs (cerinte client)
   Pereche cu flatsome-child/js/ic-variations.js. Tipurile nu sunt niciodata
   taiate (JS-ul le tine clickabile), dimensiunile invalide sunt ASCUNSE
   (.ic-hidden pus de JS din optiunile selectului; .disabled = fallback pentru
   sync-ul Flatsome la +100ms), iar starea selectata e caseta PLINA (navy),
   nu doar un contur ca in Flatsome.
   ========================================================================== */

/* Casete mai mari, aliniate cu limbajul vizual al filtrelor (colturi rotunjite,
   contur #dfe4e6, navy #1c3d4f). Se aplica la Tip icoana SI Dimensiune (ambele
   ux_label). Specificitatea e tinuta la 2 clase aici si 4 la .selected, ca sa
   bata stilul inline #flatsome-swatches-css (3 clase) si modificatorii temei
   (ux-swatches--rounded/--large etc.). */
.variations_form .ux-swatches {
	gap: 8px;
	margin: 6px 0 2px;
}
/* Long-press pe mobil selecta textul casetei in loc de tap curat. */
.variations_form .ux-swatch {
	-webkit-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}
.variations_form .ux-swatch--label {
	min-height: 44px;
	padding: 9px 15px;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0 0 0 1.5px #dfe4e6;
	color: #2c3a43;
	font-size: 15px;
	line-height: 1.25;
	white-space: normal;
	text-align: center;
	transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.variations_form .ux-swatches .ux-swatch--label:hover:not(.selected) {
	box-shadow: 0 0 0 1.5px #1c3d4f;
	color: #1c3d4f;
}
/* Selectat: caseta se coloreaza TOATA, nu doar conturul. */
.variations_form .ux-swatches .ux-swatch--label.selected {
	background: #1c3d4f;
	box-shadow: 0 0 0 1.5px #1c3d4f;
	color: #ffffff;
	font-weight: 600;
}

/* Culoare (buline ux_color): un pic mai mari + inel navy la selectare. */
.variations_form .ux-swatch--color {
	width: 38px;
	height: 38px;
}
.variations_form .ux-swatches .ux-swatch--color.selected {
	box-shadow: 0 0 0 2px #1c3d4f;
}

/* Tip icoana: NICIODATA taiat/estompat - JS-ul face orice tip clickabil.
   background alb scoate linia diagonala de "taiat" pe care tema o deseneaza
   ca gradient de fundal pe .disabled. */
.variations_form .ux-swatches[data-attribute_name="attribute_pa_tip-icoana"] .ux-swatch--label.disabled {
	opacity: 1;
	cursor: pointer;
	background: #ffffff;
}
.variations_form .ux-swatches[data-attribute_name="attribute_pa_tip-icoana"] .ux-swatch--label.disabled.selected {
	background: #1c3d4f;
}

/* Randul Dimensiune (eticheta + casete) e ascuns complet cat timp nu e ales un
   tip de icoana - JS-ul pune clasa pe <tr>; dimensiunile apar gata filtrate. */
.variations_form tr.ic-row-hidden {
	display: none;
}

/* Dimensiune: variantele care nu exista la tipul selectat se ASCUND, nu se taie.
   Vizibilitatea o decide DOAR .ic-hidden (pus sincron de JS din optiunile selectului,
   la fiecare update WooCommerce). Clasa .disabled a temei se aplica cu 100ms
   intarziere (setTimeout in sync-ul Flatsome), deci poate fi stale la click-uri
   rapide - de aceea nu are voie sa ascunda sau sa taie nimic aici. */
.variations_form .ux-swatch.ic-hidden {
	display: none;
}
.variations_form .ux-swatches[data-attribute_name="attribute_pa_dimensiune"] .ux-swatch--label.disabled {
	opacity: 1;
	cursor: pointer;
	background: #ffffff;
}

/* Tipul RECOMANDAT (Pictata manual pe lemn de tei): primul in lista (termmeta
   'order'), preselectat la incarcare (_default_attributes nativ WooCommerce) si
   evidentiat aici: inel auriu + insigna "Cel mai ales" peste coltul casetei.
   Selectat ramane umplerea navy standard, cu inelul auriu pastrat. Slug-ul e
   hardcodat intentionat - daca termenul se redenumeste vreodata, actualizeaza-l. */
.variations_form .ux-swatches[data-attribute_name="attribute_pa_tip-icoana"] {
	margin-top: 12px; /* loc pentru insigna care iese ~8px peste caseta */
}
.variations_form .ux-swatches[data-attribute_name="attribute_pa_tip-icoana"] .ux-swatch--label[data-value="pictata-manual-pe-lemn-de-tei"] {
	position: relative;
	box-shadow: 0 0 0 1.5px #c9a227;
}
.variations_form .ux-swatches[data-attribute_name="attribute_pa_tip-icoana"] .ux-swatch--label[data-value="pictata-manual-pe-lemn-de-tei"]:hover:not(.selected) {
	box-shadow: 0 0 0 1.5px #a8871e;
	color: #1c3d4f;
}
.variations_form .ux-swatches[data-attribute_name="attribute_pa_tip-icoana"] .ux-swatch--label[data-value="pictata-manual-pe-lemn-de-tei"].selected {
	box-shadow: 0 0 0 1.5px #c9a227;
}
.variations_form .ux-swatches[data-attribute_name="attribute_pa_tip-icoana"] .ux-swatch--label[data-value="pictata-manual-pe-lemn-de-tei"]::after {
	content: "Cel mai ales";
	position: absolute;
	top: -8px;
	right: -5px;
	padding: 1px 8px 2px;
	background: #c9a227;
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.02em;
	border-radius: 999px;
	pointer-events: none;
}

/* ==========================================================================
   Artos.ro - Incasetarea imaginilor din galeria produsului (cerinta client)
   Mockup-urile au rapoarte diferite dupa decuparea pe alfa (Aluminiu ~0,51,
   single ~0,667, Perechile/Tapet landscape). Fara plafon, cele inguste ies
   enorme, iar slider-ul Flatsome (inaltime fixata de primul slide) le taia.
   Plafon = inaltimea referintei aprobate de proprietar: Lemn si piatra pe
   coloana desktop de 499px = ~650px. Imaginile mai scunde decat plafonul
   (toate cele landscape) NU sunt atinse: fara upscale, fara crop - raman la
   marimea lor naturala, doar centrate. Nimic nu se decupeaza (contain).
   ========================================================================== */
/* width ramane 100% (ca in tema): inainte de init, slider-ul isi ia inaltimea
   din atributele width/height ale imaginii (aspect-ratio) - cu width:auto boxul
   ar colapsa la 0 pana la incarcare si lazy-init-ul Flickity (IntersectionObserver)
   n-ar mai avea ce intersecta. Continerea o face object-fit pe boxul plafonat.
   Plafoane responsive (breakpoint-urile Flatsome): desktop 600 / tableta 550 /
   mobil 500. Imaginea mare se vede oricum in lightbox la click. */
.product-images .woocommerce-product-gallery__image img {
	width: 100%;
	max-height: 600px;
	object-fit: contain;
}
@media (max-width: 849px) {
	.product-images .woocommerce-product-gallery__image img {
		max-height: 550px;
	}
}
@media (max-width: 549px) {
	.product-images .woocommerce-product-gallery__image img {
		max-height: 500px;
	}
}

/* Bej-ul din spatele imaginilor (vizibil in zonele transparente ale PNG-urilor
   si cat timp se incarca imaginea) vine din Customizer -> Custom CSS:
   .product-gallery-slider img { background-color: #f8f7f5 }. Inline-ul din
   wp_head bate stylesheet-urile la egalitate de specificitate, deci anulam
   cu un selector mai specific. */
.product-images .product-gallery-slider img {
	background-color: transparent;
}

/* Etichetele atributelor (Tip icoana / Dimensiune / Culoare) stau DEASUPRA
   casetelor pe TOATE ecranele - altfel coloana de eticheta a tabelului
   .variations lasa un gol urat in stanga. Perechea acestor reguli e setarea
   Flatsome swatches_layout = stacked (Customizer -> Product Page -> Swatches
   -> Layout), care face acelasi lucru din tema; regulile de aici raman ca
   intarire si pentru finetea de spatiere. */
.variations_form .variations th,
.variations_form .variations td {
	display: block;
	width: 100%;
	text-align: left;
}
.variations_form .variations th.label {
	padding-bottom: 0;
}
/* Layout-ul stacked al Flatsome adauga sub eticheta textul ": <valoarea selectata>"
   (span-ul .ux-swatch-selected-value, umplut din JS la selectie/hover). Nu il vrem -
   caseta plina navy arata deja selectia. */
.variations_form .ux-swatch-selected-value {
	display: none;
}
.variations_form .variations td.value {
	padding-top: 2px;
}

/* ==========================================================================
   Artos.ro - Imagini NEtaiate in grila de magazin si in thumb-urile galeriei
   Fisierele NU sunt decupate (setarea Woo de crop e "uncropped"); taierea /
   deformarea venea din CSS: Flatsome forteaza inaltimea imaginii in card
   (category_force_image_height) si imaginea ramanea pe object-fit implicit
   (fill). Contain arata imaginea intreaga in aceeasi cutie uniforma -
   Perechile landscape primesc benzi albe, invizibile pe cardul alb.
   ========================================================================== */
.product-small .box-image img {
	object-fit: contain;
}

/* Thumb-urile de sub galeria produsului: patrate uniforme cu imaginea intreaga.
   Template-ul Flatsome (product-thumbnails.php) cere deja marimea necropata
   woocommerce_single, deci e nevoie DOAR de incadrarea CSS, fara filtre PHP. */
.product-thumbnails img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

/* Toast-ul Artos.ro (inlocuieste alerta nativa de browser, ex. "Adauga in cos"
   fara toate optiunile alese). Injectat de ic-variations.js, fix jos-centrat. */
.ic-toast {
	position: fixed;
	left: 50%;
	bottom: 28px;
	transform: translate(-50%, 16px);
	max-width: min(92vw, 480px);
	padding: 14px 20px;
	background: #1c3d4f;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(28, 61, 79, 0.35);
	color: #ffffff;
	font-size: 15px;
	line-height: 1.4;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s ease, transform 0.25s ease;
	z-index: 100000;
}
.ic-toast--visible {
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, 0);
	cursor: pointer;
}

/* Mobil: tinte de atingere confortabile pe casetele de variatii. */
@media (max-width: 549px) {
	.variations_form .ux-swatch--label {
		min-height: 46px;
	}
}

/* --- 10. Ecrane mici (Flatsome small <=549px): mai confortabil ------------ */
@media (max-width: 549px) {
	#shop-sidebar {
		padding: 16px;
		border-radius: 14px;
	}
	#shop-sidebar .product-categories li.cat-item > a {
		padding-top: 13px;
		padding-bottom: 13px;
		font-size: 15px;
	}
	#shop-sidebar .product-categories li.cat-item > .toggle {
		width: 40px;
		height: 46px;
	}
	#shop-sidebar .product-categories ul.children li.cat-item > a {
		font-size: 14px;
	}
	#shop-sidebar .product-categories ul.children li.cat-item > .toggle {
		height: 38px;
	}
	/* Manere de slider mai usor de prins cu degetul. */
	#shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle {
		width: 21px;
		height: 21px;
		top: -8px;
		margin-left: -10px;
	}
	#shop-sidebar .widget_price_filter .price_slider_amount .button {
		padding: 11px 20px;
		font-size: 14px;
	}
}

/* ==========================================================================
   Artos.ro - Butonul "Incarca inca 20 de icoane" (magazin/categorii)
   Setari native Flatsome (Advanced): shop_pagination = infinite-scroll +
   infinite_scroll_loader_type = button; textul vine din filtrul gettext din
   functions.php. Butonul .view-more-button e ascuns de tema pana cand JS-ul
   extensiei il activeaza (mai exista pagini de incarcat).
   ========================================================================== */
/* Paragraful-invelis al butonului sta intr-un container flex -> fara latime
   plina se strangea la stanga. Il fortam pe tot randul; butonul devine
   inline-block centrat de text-center (fix centrare 2026-08-21). */
.shop-container p.text-center:has(> .view-more-button) {
	width: 100%;
	flex-basis: 100%;
	text-align: center;
	margin: 26px 0 6px;
}
.shop-container .view-more-button.products-archive {
	display: inline-block;
	margin: 26px auto 6px;
	padding: 13px 34px;
	background-color: #1c3d4f;
	border: 0;
	border-radius: 999px;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: none;
	box-shadow: 0 6px 18px rgba(28, 61, 79, 0.22);
	transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
.shop-container .view-more-button.products-archive:hover {
	background-color: #16313f;
	box-shadow: 0 8px 22px rgba(28, 61, 79, 0.30);
}
.shop-container .view-more-button.products-archive.hidden {
	display: none;
}

/* ==========================================================================
   Artos.ro - Armonizarea globala a designului (2026-08-19, "design unitar")
   Titlurile mari de pe TOATE paginile trec pe serif-ul homepage-ului (EB Garamond,
   Garamond, incarcat global din inc/ic-2030.php), navy; pretul din grila si
   badge-urile se aliniaza paletei (auriu #C9A227 / visiniu #7A2E39 - schimbate
   si in Customizer -> Custom CSS prin scriptul ic-polish-colors).
   ========================================================================== */
/* ATENTIE: in Flatsome, "shop-page-title" e clasa CONTAINERULUI intregului cap
   de magazin (breadcrumbs + sortare), NU a titlului - NU o pune aici! A fost
   aici pe scurt si a stricat "Magazin" + dropdown-ul de sortare (fix 2026-08-21). */
.product-info .product-title,
.entry-header .entry-title,
h1.entry-title {
	font-family: "EB Garamond", "Times New Roman", Georgia, serif;
	font-weight: 600;
	letter-spacing: 0.002em;
	text-transform: none;
	color: #1c3d4f;
}
.product-info .product-title {
	font-size: clamp(26px, 2.6vw, 34px);
	line-height: 1.12;
}

/* Pretul in grila si pe produs: navy, cu "de la" discret. */
ul.products li.product .price,
.product-info .price {
	color: #1c3d4f;
}
.ic-price-from {
	font-weight: 600;
}

/* Cardul de produs: umbra calda la hover, aliniata paletei. */
.product-small.box {
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.product-small.box:hover {
	box-shadow: 0 16px 36px rgba(28, 61, 79, 0.13);
}

/* (2026-08-21) Regula de micsorare a .breadcrumbs a fost SCOASA la cererea
   clientului: pe magazin, breadcrumb-ul "Magazin" tine loc de titlu si trebuie
   sa ramana la marimea lui standard Flatsome. */

/* Badge-urile Sale/Nou au trecut pe visiniu (#7A2E39, theme mods color_sale /
   color_new_bubble*) - textul #101010 din Customizer devine ilizibil pe fundal
   inchis, deci il fortam alb DOAR pe aceste badge-uri pline. */
.badge-inner.on-sale,
.badge-inner.new-bubble,
.badge-inner.new-bubble-auto {
	color: #ffffff;
}

/* ==========================================================================
   Artos.ro - LIMBAJUL DE CARD pe grile de produse (2026-08-21)
   Acelasi tratament ca sectiunea "Icoane indragite" de pe homepage (ic30.css),
   cu valori literale (variabilele --ic-* exista doar pe homepage): card alb cu
   chenar cald si colturi 16px, imagine continuta pe fundal crem-auriu, titlu
   Outfit navy aliniat stanga, pret visiniu, ridicare la hover.
   Scopuri: grila magazin/categorii (.shop-container) + "Ti-ar putea sa iti
   placa si..." de pe pagina de produs (.ic-pp-related).
   ========================================================================== */
/* .ic-cards = clasa-cârlig reutilizabilă (câmpul Class al unei secțiuni UX
   Builder) pentru orice grilă [ux_products] care trebuie să arate ca magazinul
   - folosită pe "Stoc limitat" (131010). */
.shop-container .products .product-small.box,
.ic-cards .product-small.box,
.ic-pp-related .product-small.box {
	background: #ffffff;
	border: 1px solid #eae6dd;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: none;
	transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.21, 1), box-shadow 0.35s cubic-bezier(0.22, 0.61, 0.21, 1), border-color 0.2s ease;
}
.shop-container .products .product-small.box:hover,
.ic-cards .product-small.box:hover,
.ic-pp-related .product-small.box:hover {
	transform: translateY(-6px);
	border-color: #e3cf96;
	box-shadow: 0 22px 44px rgba(28, 61, 79, 0.14);
}
.shop-container .products .product-small .box-image,
.ic-cards .product-small .box-image,
.ic-pp-related .product-small .box-image {
	background:
		radial-gradient(420px 240px at 50% 0%, #f7f3e4, transparent 70%),
		linear-gradient(180deg, #fdfcfa, #f4f1ea);
}
.shop-container .products .product-small .box-image img,
.ic-cards .product-small .box-image img,
.ic-pp-related .product-small .box-image img {
	object-fit: contain;
	padding: 14px;
	border-radius: 0; /* anuleaza rotunjirea 20px globala din Customizer */
	transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.21, 1);
}
.shop-container .products .product-small.box:hover .box-image img,
.ic-cards .product-small.box:hover .box-image img,
.ic-pp-related .product-small.box:hover .box-image img {
	transform: scale(1.045);
}
.shop-container .products .product-small .box-text,
.ic-cards .product-small .box-text,
.ic-pp-related .product-small .box-text {
	padding: 14px 18px 18px;
	text-align: left;
}
.shop-container .products .product-small .box-text .name,
.shop-container .products .product-small .box-text .product-title,
.ic-cards .product-small .box-text .name,
.ic-cards .product-small .box-text .product-title,
.ic-pp-related .product-small .box-text .name,
.ic-pp-related .product-small .box-text .product-title {
	font-family: "Outfit", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
}
.shop-container .products .product-small .box-text .product-title a,
.ic-cards .product-small .box-text .product-title a,
.ic-pp-related .product-small .box-text .product-title a {
	color: #1c3d4f;
}
.shop-container .products .product-small .box-text .product-title a:hover,
.ic-cards .product-small .box-text .product-title a:hover,
.ic-pp-related .product-small .box-text .product-title a:hover {
	color: #7a2e39;
}
.shop-container .products .product-small .box-text .price,
.ic-cards .product-small .box-text .price,
.ic-pp-related .product-small .box-text .price {
	color: #7a2e39;
	margin-top: 6px;
}

/* Sagetile "circle" ale sliderului de produse similare - recolorate IC
   (pereche cu slider_nav_style="circle" din blocul UX Builder). */
.ic-pp-related .flickity-prev-next-button {
	background: transparent !important;
	box-shadow: none !important;
}
.ic-pp-related .slider-nav-circle .flickity-prev-next-button svg,
.ic-pp-related .slider-nav-circle .flickity-prev-next-button .arrow {
	background-color: #ffffff;
	border: 1.5px solid rgba(28, 61, 79, 0.25);
	border-radius: 10px;
	fill: #1c3d4f;
	box-shadow: 0 4px 14px rgba(28, 61, 79, 0.10);
}
.ic-pp-related .slider-nav-circle .flickity-prev-next-button:hover svg,
.ic-pp-related .slider-nav-circle .flickity-prev-next-button:hover .arrow {
	fill: #1c3d4f !important;
	background-color: #f7f3e4;
	border-color: #c9a227;
}

/* ==========================================================================
   Artos.ro - Tabelul "Reduceri la seturi" de sub "Adauga in cos" (2026-08-21)
   Redat din functions.php (regula bulk FlyCart); dinamica (rand evidentiat dupa
   cantitate + Pret/buc. din variatia curenta) e in ic-variations.js - logica
   portata de la HSQ. Tabelul implicit al pluginului woo-discount-rules e ASCUNS.
   ========================================================================== */
.single-product table.wdr_bulk_table_msg,
.single-product div[class*="wdr_bulk_table"] {
	display: none !important;
}
/* Sub tabel nu mai lasam si marginea mare a formularului Woo (golul pana la
   bara rotativa e taiat cu ~80%, impreuna cu padding-ul coloanei din bloc). */
.product-info form.cart,
.single-product form.cart {
	margin-bottom: 8px;
}
form.cart .ic-bulk {
	margin: 2px 0 6px;
	padding: 14px 16px 6px;
	background: #ffffff;
	border: 1px solid #eae6dd;
	border-radius: 12px;
}
.ic-bulk-title {
	display: block;
	margin: 0 0 6px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #7a2e39;
}
table.ic-bulk-table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}
/* Prima coloana are padding stanga mai mare PE TOATE randurile, ca textul sa
   nu se lipeasca de bara aurie a randului activ si nimic sa nu sara cand
   evidentierea se muta de pe un rand pe altul. */
.ic-bulk-table th:first-child,
.ic-bulk-table td:first-child {
	padding-left: 18px;
}
.ic-bulk-table th {
	padding: 8px 10px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #5a6a73;
	text-align: left;
	border-bottom: 1px solid #eae6dd;
}
.ic-bulk-table td {
	padding: 11px 10px;
	font-size: 14.5px;
	color: #2c3a43;
	border-bottom: 1px solid #f0ede6;
	transition: background-color 0.2s ease;
}
.ic-bulk-table tr:last-child td {
	border-bottom: 0;
}
.ic-bulk-badge {
	display: inline-block;
	padding: 3px 11px;
	background: #7a2e39;
	border-radius: 999px;
	color: #ffffff;
	font-size: 12.5px;
	font-weight: 700;
}
.ic-bulk-price {
	font-weight: 600;
	color: #1c3d4f;
	white-space: nowrap;
}
/* pragul atins de cantitatea aleasa: rand auriu cu bara la stanga */
.ic-bulk-table tr.ic-bulk-active td {
	background: #f7f3e4;
}
.ic-bulk-table tr.ic-bulk-active td:first-child {
	box-shadow: inset 3px 0 0 #c9a227;
	font-weight: 600;
	color: #1c3d4f;
}

/* ==========================================================================
   Reduceri pe variatii (2026-08-21): bulina cu procentul pe caseta tipului
   (pusa de ic-variations.js din datele inline), badge-ul galeriei legat de
   variatia selectata, pret intreg + redus la variatie.
   ========================================================================== */
.variations_form .ux-swatch .ic-sale-bulina {
	position: absolute;
	top: -8px;
	right: -5px;
	padding: 1px 8px 2px;
	background: #7a2e39;
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.02em;
	border-radius: 999px;
	pointer-events: none;
	z-index: 1;
}
/* casetele si bulinele de culoare au nevoie de reper pentru bulina absoluta */
.variations_form .ux-swatch--label,
.variations_form .ux-swatch--color {
	position: relative;
}
/* pe cercul de culoare, bulina sta putin mai sus-dreapta, sa nu-l acopere */
.variations_form .ux-swatch--color .ic-sale-bulina {
	top: -10px;
	right: -14px;
}
/* pe caseta "Cel mai ales" bulina trece in STANGA, sa nu acopere insigna */
.variations_form .ux-swatch--label[data-value="pictata-manual-pe-lemn-de-tei"] .ic-sale-bulina {
	right: auto;
	left: -5px;
}

/* Badge-ul de pe galerie: vizibil DOAR cand variatia selectata e redusa
   (clasa ic-var-redusa e pusa de ic-variations.js pe .product). */
.single-product .product .badge-container {
	display: none;
}
.single-product .product.ic-var-redusa .badge-container {
	display: block;
}

/* Pretul variatiei: intreg taiat, discret + redus visiniu, apasat (markup
   nativ Woo del/ins in .woocommerce-variation-price). */
.single_variation_wrap .woocommerce-variation-price del {
	color: #8a969d;
	font-weight: 400;
	margin-right: 8px;
}
.single_variation_wrap .woocommerce-variation-price ins {
	color: #7a2e39;
	font-weight: 700;
	text-decoration: none;
}

/* ==========================================================================
   Artos.ro - Pagina de produs: sectiunile de sub bannerul rotativ (.ic-pp)
   Clasele vin din blocul UX Builder "Pagina Produs" (259); aici doar limbajul
   vizual al homepage-ului: serif EB Garamond pe titluri, pastile-eyebrow aurii,
   iconite canonice, acordeoane-card. (2026-08-21)
   ========================================================================== */
/* .ic-pp e si clasa de BODY pe Contact (70) si Despre noi (62) - functions.php -
   asa ca aceleasi reguli imbraca si paginile acelea, fara template custom. */
.ic-pp h1,
.ic-pp h2,
.ic-pp h3,
.ic-pp h4 {
	font-family: "EB Garamond", "Times New Roman", Georgia, serif;
	font-weight: 600;
	color: #1c3d4f;
	text-transform: none;
	letter-spacing: 0.002em;
}
.ic-pp h1 { font-size: clamp(32px, 3.6vw, 50px); line-height: 1.1; }
.ic-pp h2 { font-size: clamp(28px, 3vw, 40px); line-height: 1.12; }
.ic-pp h3 { font-size: clamp(21px, 2.2vw, 26px); }
.ic-pp-intro h4 { font-size: clamp(22px, 2.4vw, 32px); line-height: 1.3; }
.ic-pp p { color: #46555e; }

/* pastilele-eticheta (badge-purple / badge-yellow din bloc) -> eyebrow IC */
.ic-pp .badge-purple span,
.ic-pp .badge-yellow span {
	background: #f7f3e4;
	border: 1px solid #e3cf96;
	border-radius: 999px;
	padding: 7px 16px;
	color: #7a2e39;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.2em;
}

/* USP: iconitele generice (img) -> SVG-urile canonice aurii, ca pe homepage */
.ic-pp-usp .icon-box-img img { display: none; }
.ic-pp-usp .icon-box-img::before {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
/* 1. Realizate dupa canoane -> crucea cu trei brate */
.ic-pp-usp .col .col:nth-child(1) .icon-box-img::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23C9A227' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M24 6v36'/%3E%3Cpath d='M16 12h16'/%3E%3Cpath d='M12 20h24'/%3E%3Cpath d='M17 32l14-6'/%3E%3C/svg%3E");
}
/* 2. Expertiza teologica -> cupola de biserica */
.ic-pp-usp .col .col:nth-child(2) .icon-box-img::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23C9A227' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 4v6'/%3E%3Cpath d='M21 7h6'/%3E%3Cpath d='M14 26c0-8 6-12 10-16 4 4 10 8 10 16z'/%3E%3Cpath d='M14 26h20v16H14z'/%3E%3Cpath d='M22 42v-8h4v8'/%3E%3C/svg%3E");
}
/* 3. 15 ani de experienta -> sigiliul cu stea */
.ic-pp-usp .col .col:nth-child(3) .icon-box-img::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23C9A227' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='20' r='12'/%3E%3Cpath d='M24 12l2.4 4.8 5.6.8-4 4 1 5.4-5-2.6-5 2.6 1-5.4-4-4 5.6-.8z'/%3E%3Cpath d='M17 30l-3 12 10-6 10 6-3-12'/%3E%3C/svg%3E");
}

/* ==========================================================================
   Contact (70) + Despre noi (62): iconite canonice + carduri (2026-08-21)
   Iconitele boxurilor de contact veneau de pe flatsomedemos.com (demo-ul
   Parel) si nu se incarcau deloc; cele de pe Despre noi erau lineart generic.
   Le ascundem si desenam in loc SVG-uri aurii (data-URI), tintite prin
   numele fisierului original - fara nicio modificare in UX Builder.
   ========================================================================== */
.ic-pp .icon-box-img img[src*="flatsomedemos"],
.ic-pp .icon-box-img img[data-src*="flatsomedemos"],
.page-id-62 .icon-box-img img[src*="Despre-noi-"],
.page-id-62 .icon-box-img img[data-src*="Despre-noi-"] {
	display: none;
}
.ic-pp .icon-box-img:has(img[src*="-parel"], img[data-src*="-parel"])::before,
.page-id-62 .icon-box-img:has(img[src*="Despre-noi-"], img[data-src*="Despre-noi-"])::before {
	content: "";
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
/* Iconitele boxurilor de contact: MASK + currentColor (nu background-image),
   ca sa-si poata schimba culoarea la hover-ul butonului (auriu -> alb). */
.ic-pp .icon-box-img:has(img[src*="-parel"], img[data-src*="-parel"])::before {
	background-color: currentColor;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}
/* telefon */
.ic-pp .icon-box-img:has(img[src*="phone-icon-parel"], img[data-src*="phone-icon-parel"])::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5h7l4 9-5 4a26 26 0 0 0 12 12l4-5 9 4v7a3 3 0 0 1-3 3C21 39 9 27 9 8a3 3 0 0 1 3-3z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5h7l4 9-5 4a26 26 0 0 0 12 12l4-5 9 4v7a3 3 0 0 1-3 3C21 39 9 27 9 8a3 3 0 0 1 3-3z'/%3E%3C/svg%3E");
}
/* email */
.ic-pp .icon-box-img:has(img[src*="mail-icon-parel"], img[data-src*="mail-icon-parel"])::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='12' width='36' height='24' rx='3'/%3E%3Cpath d='M7 14l17 13 17-13'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='12' width='36' height='24' rx='3'/%3E%3Cpath d='M7 14l17 13 17-13'/%3E%3C/svg%3E");
}
/* WhatsApp / chat */
.ic-pp .icon-box-img:has(img[src*="chat-icon-parel"], img[data-src*="chat-icon-parel"])::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.3c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-1.7 0-.4-.1-.9-.3-1.6-.6-2.8-1.2-4.6-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9 0-1.4.7-2 1-2.3.3-.3.6-.4.8-.4h.6c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .6l-.4.6-.5.5c-.2.2-.3.4-.1.7.2.3.8 1.3 1.7 2.1 1.2 1.1 2.2 1.4 2.5 1.5.3.1.5.1.7-.1l1-1.2c.2-.3.4-.2.7-.1l2 1c.3.1.5.2.6.4 0 .1 0 .7-.2 1.3z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.3c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-1.7 0-.4-.1-.9-.3-1.6-.6-2.8-1.2-4.6-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9 0-1.4.7-2 1-2.3.3-.3.6-.4.8-.4h.6c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .6l-.4.6-.5.5c-.2.2-.3.4-.1.7.2.3.8 1.3 1.7 2.1 1.2 1.1 2.2 1.4 2.5 1.5.3.1.5.1.7-.1l1-1.2c.2-.3.4-.2.7-.1l2 1c.3.1.5.2.6.4 0 .1 0 .7-.2 1.3z'/%3E%3C/svg%3E");
}
/* Despre noi: Autenticitate -> crucea cu trei brate */
.page-id-62 .icon-box-img:has(img[src*="Autenticitate"], img[data-src*="Autenticitate"])::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23C9A227' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M24 6v36'/%3E%3Cpath d='M16 12h16'/%3E%3Cpath d='M12 20h24'/%3E%3Cpath d='M17 32l14-6'/%3E%3C/svg%3E");
}
/* Materiale de calitate -> sigiliul cu stea */
.page-id-62 .icon-box-img:has(img[src*="Materiale-de-calitate"], img[data-src*="Materiale-de-calitate"])::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23C9A227' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='20' r='12'/%3E%3Cpath d='M24 12l2.4 4.8 5.6.8-4 4 1 5.4-5-2.6-5 2.6 1-5.4-4-4 5.6-.8z'/%3E%3Cpath d='M17 30l-3 12 10-6 10 6-3-12'/%3E%3C/svg%3E");
}
/* Grija pentru detalii -> mana cu pensula */
.page-id-62 .icon-box-img:has(img[src*="Grija-pentru-detalii"], img[data-src*="Grija-pentru-detalii"])::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23C9A227' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M34 8l6 6-16 16-8 2 2-8z'/%3E%3Cpath d='M28 14l6 6'/%3E%3Cpath d='M10 40h28'/%3E%3C/svg%3E");
}
/* Realizate cu evlavie -> candela */
.page-id-62 .icon-box-img:has(img[src*="Realizate-cu-evlavie"], img[data-src*="Realizate-cu-evlavie"])::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23C9A227' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 4v6'/%3E%3Cpath d='M12 10h24l-4 10a8 8 0 0 1-16 0z'/%3E%3Cpath d='M24 24v6'/%3E%3Cpath d='M20 34h8l-4 8z'/%3E%3Cpath d='M14 10L10 4M34 10l4-6'/%3E%3C/svg%3E");
}

/* Linkurile de contact (telefon/email/WhatsApp) arata ca BUTOANE - aia sunt
   (feedback 2026-08-21). Chenarul auriu de pe cardul mare a fost SCOS (facea
   dublu chenar cu cel gri Flatsome) - chenarul ramane doar pe butoane. */
.page-id-70 .icon-box:has(img[src*="-parel"], img[data-src*="-parel"]) .icon-box-img {
	width: 24px !important;
	min-width: 24px;
	color: #c9a227;
	transition: color 0.2s ease;
}
.page-id-70 a:has(> .icon-box img[src*="-parel"]),
.page-id-70 a:has(> .icon-box img[data-src*="-parel"]) {
	display: block;
	padding: 13px 20px;
	background: #ffffff;
	border: 1.5px solid #c9a227;
	border-radius: 999px;
	transition: background-color 0.2s ease, transform 0.25s cubic-bezier(0.22, 0.61, 0.21, 1), box-shadow 0.25s ease;
}
.page-id-70 a:has(> .icon-box img[src*="-parel"]):hover,
.page-id-70 a:has(> .icon-box img[data-src*="-parel"]):hover {
	background: #c9a227;
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(201, 162, 39, 0.35);
}
.page-id-70 a:hover .icon-box:has(img[src*="-parel"], img[data-src*="-parel"]) .icon-box-img {
	color: #ffffff;
}
.page-id-70 .icon-box:has(img[src*="-parel"], img[data-src*="-parel"]) h4 {
	font-size: 18px;
	margin: 0;
	transition: color 0.2s ease;
}
.page-id-70 a:hover .icon-box:has(img[src*="-parel"], img[data-src*="-parel"]) h4 {
	color: #ffffff;
}

/* "Mai multe informatii": imaginea umple TOATA coloana cardului. Lantul de
   inaltimi merge prin height:100% (varianta cu flex + min-height colapsa
   bannerul la 0 si imaginile dispareau - fix 2026-08-21). */
@media (min-width: 850px) {
	.page-id-70 .row:has(> .col.medium-8) > .col:has(> .col-inner > .banner) > .col-inner {
		height: 100%;
	}
	.page-id-70 .row:has(> .col.medium-8) > .col:has(> .col-inner > .banner) > .col-inner > .banner {
		height: 100% !important;
		min-height: 240px;
		padding-top: 0 !important;
		border-radius: 12px;
		overflow: hidden;
	}
}

/* ==========================================================================
   Contul meu (2026-08-21, portat de la Maximo): taburi din meniul locatiei
   my_account ("Cont (taburi)" in Aspect -> Meniuri), dashboard-ul sarit
   (inc/ic-account.php), linkurile duplicate de pe dashboard ascunse.
   ========================================================================== */
.woocommerce-account .ic-account-nav {
	margin-bottom: 24px;
}
.ic-account-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ic-account-menu li { margin: 0; }
.ic-account-menu li a {
	display: inline-block;
	padding: 10px 20px;
	background: #ffffff;
	border: 1.5px solid #dfe4e6;
	border-radius: 999px;
	color: #2c3a43;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.ic-account-menu li a:hover {
	background: #f7f3e4;
	border-color: #c9a227;
	color: #1c3d4f;
}
.ic-account-menu li.current-menu-item > a,
.ic-account-menu li.current_page_item > a {
	background: #1c3d4f;
	border-color: #1c3d4f;
	color: #ffffff;
}
/* linkurile-duplicat de pe dashboard (nu mai exista dashboard vizibil) */
.woocommerce-account ul.dashboard-links { display: none; }
/* cardul de login/register */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
	background: #ffffff;
	border: 1px solid #eae6dd;
	border-radius: 16px;
	padding: 26px;
}
.woocommerce-account .woocommerce-form-login .lost_password a { color: #8a969d; }
.woocommerce-account .woocommerce-form-login .lost_password a:hover { color: #7a2e39; }
/* tabelul de comenzi: aliniat limbajului IC */
.woocommerce-account .my_account_orders th {
	font-size: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #5a6a73;
}

/* Nota de fallback de pe "Icoanele zilei" (cand ziua curenta n-are sfinti in
   catalog si gridul arata luna intreaga - shortcode-ul [icoanele_zilei]).
   Card cu iconita de calendar aurie, nu pastila mica (feedback 2026-08-21). */
.ic-zi-nota {
	display: flex;
	align-items: center;
	gap: 18px;
	max-width: 860px;
	margin: 0 auto 30px;
	padding: 18px 26px;
	background: #ffffff;
	border: 1.5px solid #e3cf96;
	border-radius: 16px;
	box-shadow: 0 12px 30px rgba(28, 61, 79, 0.08);
	text-align: left;
}
.ic-zi-nota-icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	background: #f7f3e4;
	border-radius: 50%;
	color: #c9a227;
}
.ic-zi-nota-icon svg { width: 26px; height: 26px; }
.ic-zi-nota-text {
	font-size: 16px;
	line-height: 1.55;
	color: #46555e;
}
.ic-zi-nota-text strong {
	display: block;
	margin-bottom: 2px;
	color: #1c3d4f;
	font-weight: 600;
	font-size: 17px;
}
@media (max-width: 549px) {
	.ic-zi-nota { flex-direction: column; text-align: center; gap: 12px; padding: 20px 18px; }
}

/* Mentiunea "icoane personalizate" de sub titlul formularului de contact
   (ux_text cu clasa ic-form-nota in pagina 70). */
.ic-form-nota p {
	margin: 2px 0 18px;
	padding: 12px 18px;
	background: #f7f3e4;
	border: 1px solid #e3cf96;
	border-radius: 12px;
	color: #46555e;
	font-size: 14.5px;
	line-height: 1.55;
}
.ic-form-nota strong { color: #7a2e39; }

/* Acordeoane-card in limbajul IC (FAQ produs + orice acordeon de pe paginile
   cu clasa ic-pp: Contact, Despre noi). */
.ic-pp .accordion-item {
	background: #ffffff;
	border: 1px solid #eae6dd;
}
.ic-pp .accordion-title {
	color: #1c3d4f;
	font-weight: 600;
	font-size: 15px;
	border-top: 0;
}
.ic-pp .accordion-title.active,
.ic-pp .accordion-title:hover {
	color: #7a2e39;
}
.ic-pp .accordion-item .toggle {
	color: #c9a227;
}

/* ==========================================================================
   Artos.ro - Coș + Finalizare comandă în limbajul IC (2026-08-23)
   Aceleași valori literale ca restul site-ului (variabilele --ic-* există
   DOAR pe homepage): navy #1c3d4f, auriu #c9a227 (hover #ad8b21), vișiniu
   #7a2e39, chenar cald #eae6dd / auriu #e3cf96, hairline #f0ede6, crem-auriu
   #f7f3e4. Bara de pași de pe coș vine din functions.php (partial-ul nativ
   Flatsome checkout/header.php); câmpurile "factură pe firmă" sunt ascunse
   AICI implicit și arătate de JS-ul inline din functions.php la bifare.
   ========================================================================== */

/* --- A. Bara de pași 1-2-3 (coș + checkout + comandă finalizată) ---------- */
.checkout-page-title {
	margin: 8px 0 26px;
}
/* pe coș, bara stă deja în containerul paginii -> fără dublă lățime/padding */
.woocommerce-cart .checkout-page-title .page-title-inner {
	padding-left: 0;
	padding-right: 0;
}
.checkout-breadcrumbs a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: "EB Garamond", "Times New Roman", Georgia, serif;
	font-weight: 600;
	font-size: clamp(19px, 2vw, 24px);
	letter-spacing: 0.002em;
	color: #8a969d;
}
.checkout-breadcrumbs a.current { color: #1c3d4f !important; }
.checkout-breadcrumbs a:not(.current):not(.no-click):hover { color: #7a2e39; }
.checkout-breadcrumbs .divider { color: #d9d2c2; opacity: 1; }
.checkout-breadcrumbs .breadcrumb-step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	background: #ffffff;
	border: 1.5px solid #dfe4e6;
	border-radius: 50%;
	font-family: "Outfit", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #8a969d;
}
.checkout-breadcrumbs a.current .breadcrumb-step {
	background: #c9a227;
	border-color: #c9a227;
	color: #ffffff;
	box-shadow: 0 6px 16px rgba(201, 162, 39, 0.35);
}

/* --- B. Notificări (coșul actualizat, cupon aplicat, erori de validare) --- */
.woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-message,
.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-info {
	background: #f7f3e4;
	border: 1px solid #e3cf96;
	border-radius: 12px;
	padding: 12px 18px;
	margin-bottom: 18px;
	color: #46555e;
	font-size: 15px;
}
.woocommerce-cart .woocommerce-message .message-container,
.woocommerce-checkout .woocommerce-message .message-container {
	padding: 0;
}
.woocommerce-cart ul.woocommerce-error,
.woocommerce-checkout ul.woocommerce-error {
	background: #faf3f4;
	border: 1px solid #e7ccd1;
	border-radius: 12px;
	padding: 14px 18px 14px 36px;
	margin-bottom: 18px;
	color: #7a2e39;
	font-size: 15px;
}
.woocommerce-cart ul.woocommerce-error li,
.woocommerce-checkout ul.woocommerce-error li {
	margin: 2px 0;
}

/* --- C. Coșul: cardul cu lista de produse --------------------------------- */
.woocommerce-cart .cart-wrapper {
	background: #ffffff;
	border: 1px solid #eae6dd;
	border-radius: 16px;
	padding: 8px 22px 4px;
	box-shadow: 0 12px 30px rgba(28, 61, 79, 0.06);
}
.woocommerce-cart table.cart {
	margin-bottom: 0;
}
.woocommerce-cart table.cart th {
	padding: 14px 10px 10px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #5a6a73;
	border-bottom: 1px solid #eae6dd;
}
.woocommerce-cart table.cart td {
	padding: 16px 10px;
	border-bottom: 1px solid #f0ede6;
	color: #2c3a43;
	font-size: 14.5px;
}
.woocommerce-cart table.cart td.actions {
	border-bottom: 0;
	padding: 16px 0 14px;
}
.woocommerce-cart td.product-name a {
	font-family: "Outfit", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 15.5px;
	color: #1c3d4f;
}
.woocommerce-cart td.product-name a:hover { color: #7a2e39; }
/* atributele variației, în coș și în sumarul de pe checkout */
.woocommerce-cart td.product-name dl.variation,
.woocommerce-checkout-review-order-table dl.variation {
	margin: 6px 0 0;
	font-size: 13px;
	line-height: 1.45;
}
.woocommerce-cart td.product-name dl.variation dt,
.woocommerce-checkout-review-order-table dl.variation dt {
	font-weight: 500;
	color: #8a969d;
}
.woocommerce-cart td.product-name dl.variation dd,
.woocommerce-checkout-review-order-table dl.variation dd {
	margin: 0 0 2px;
	font-weight: 400;
	color: #46555e;
}
.woocommerce-cart td.product-name dl.variation p,
.woocommerce-checkout-review-order-table dl.variation p {
	margin: 0;
}
.woocommerce-cart td.product-thumbnail img {
	width: 64px;
	max-width: 64px;
	padding: 5px;
	background: linear-gradient(180deg, #fdfcfa, #f4f1ea);
	border: 1px solid #eae6dd;
	border-radius: 10px;
}
/* X-ul de ștergere: cald, cu hover vișiniu */
.woocommerce-cart a.remove {
	color: #a49b8a !important;
	border: 1.5px solid #ded8cc;
	background: #ffffff;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.woocommerce-cart a.remove:hover {
	color: #ffffff !important;
	border-color: #7a2e39;
	background: #7a2e39;
}
/* prețuri: întreg tăiat discret, redus vișiniu (ca pe pagina de produs) */
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart td.product-subtotal {
	color: #1c3d4f;
	font-weight: 600;
}
.woocommerce-cart table.cart del { color: #8a969d; font-weight: 400; }
.woocommerce-cart table.cart ins { color: #7a2e39; font-weight: 700; text-decoration: none; }
/* Flatsome coloreaza span-ul .amount direct (#111) si bate culorile puse pe
   celule -> il fortam sa MOSTENEASCA (navy pe randuri, visiniu pe total/ins,
   gri pe del), in cos si in sumarul "Comanda ta" de pe checkout. */
.woocommerce-cart table.cart td .amount,
.woocommerce-cart .cart_totals td .amount,
.woocommerce-checkout-review-order-table td .amount {
	color: inherit;
}
/* cantitatea: pastilă unitară minus / număr / plus */
.woocommerce-cart .ux-quantity {
	border: 1.5px solid #dfe4e6;
	border-radius: 999px;
	overflow: hidden;
	background: #ffffff;
}
.woocommerce-cart .ux-quantity .ux-quantity__button,
.woocommerce-cart .ux-quantity input.qty {
	border: 0 !important;
	background: #ffffff !important;
	box-shadow: none !important;
	color: #1c3d4f;
	font-weight: 600;
}
.woocommerce-cart .ux-quantity .ux-quantity__button:hover {
	background: #f7f3e4 !important;
	color: #7a2e39;
}
/* acțiunile de sub tabel: "Continuă cumpărăturile" (contur) + "Actualizează" */
.woocommerce-cart .continue-shopping .button-continue-shopping {
	background: #ffffff;
	border: 1.5px solid rgba(28, 61, 79, 0.25);
	border-radius: 999px !important;
	color: #1c3d4f;
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0.02em;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.woocommerce-cart .continue-shopping .button-continue-shopping:hover {
	background: #f7f3e4;
	border-color: #c9a227;
	color: #1c3d4f;
}
.woocommerce-cart button[name="update_cart"] {
	background: #1c3d4f;
	border-radius: 999px !important;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0.02em;
}
.woocommerce-cart button[name="update_cart"]:hover { background: #16313f; }

/* --- D. Coșul: cardul "Total coș" ----------------------------------------- */
.woocommerce-cart .cart-sidebar {
	background: #ffffff;
	border: 1.5px solid #e3cf96;
	border-radius: 16px;
	padding: 24px 26px;
	box-shadow: 0 12px 30px rgba(28, 61, 79, 0.08);
}
.woocommerce-cart .cart_totals h2 {
	font-family: "EB Garamond", "Times New Roman", Georgia, serif;
	font-weight: 600;
	font-size: 26px;
	letter-spacing: 0.002em;
	text-transform: none;
	color: #1c3d4f;
	margin-bottom: 12px;
}
.woocommerce-cart .cart_totals table.shop_table { margin-bottom: 6px; }
.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td {
	padding: 12px 0;
	border-bottom: 1px solid #f0ede6;
	font-size: 15px;
}
.woocommerce-cart .cart_totals th {
	color: #5a6a73;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}
.woocommerce-cart .cart_totals td {
	color: #1c3d4f;
	font-weight: 600;
}
.woocommerce-cart .cart_totals .woocommerce-shipping-destination {
	font-size: 13px;
	font-weight: 400;
	color: #8a969d;
}
.woocommerce-cart .cart_totals .shipping-calculator-button {
	font-size: 13.5px;
	font-weight: 500;
	color: #7a2e39;
	text-decoration: underline;
}
.woocommerce-cart .cart_totals tr.order-total th,
.woocommerce-cart .cart_totals tr.order-total td {
	border-top: 1.5px solid #e3cf96;
	border-bottom: 0;
	padding-top: 14px;
}
.woocommerce-cart .cart_totals tr.order-total th {
	color: #1c3d4f;
	font-weight: 600;
	font-size: 16px;
}
.woocommerce-cart .cart_totals tr.order-total td {
	color: #7a2e39;
	font-size: 21px;
	font-weight: 700;
}
/* butonul mare auriu, în limbajul .ic30-btn--gold de pe homepage */
.woocommerce-cart .wc-proceed-to-checkout { margin: 0; padding: 8px 0 0; }
.woocommerce-cart .checkout-button.button {
	display: block;
	width: 100%;
	background: #c9a227;
	border-radius: 999px !important;
	padding: 15px 28px;
	color: #ffffff !important;
	font-size: 15.5px;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.3;
	text-transform: none;
	box-shadow: 0 8px 24px rgba(201, 162, 39, 0.38);
	transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.25s cubic-bezier(0.22, 0.61, 0.21, 1);
}
.woocommerce-cart .checkout-button.button:hover {
	background: #ad8b21;
	transform: translateY(-1px);
	box-shadow: 0 12px 28px rgba(201, 162, 39, 0.45);
}
/* cuponul din coș: eyebrow vișiniu + input pastilă + buton contur auriu */
.woocommerce-cart .ux-cart-coupon {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid #f0ede6;
}
.woocommerce-cart .ux-cart-coupon .widget-title {
	display: block;
	margin: 0 0 10px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #7a2e39;
}
.woocommerce-cart #coupon_code {
	height: 44px;
	padding: 0 18px;
	border: 1px solid #ddd6ca;
	border-radius: 999px;
	box-shadow: none;
	margin-bottom: 10px;
}
.woocommerce-cart #coupon_code:focus {
	border-color: #c9a227;
	box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.15);
}
.woocommerce-cart .ux-cart-coupon button.button {
	width: 100%;
	background: #ffffff;
	border: 1.5px solid #c9a227;
	border-radius: 999px !important;
	padding: 11px 20px;
	color: #1c3d4f;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.woocommerce-cart .ux-cart-coupon button.button:hover {
	background: #c9a227;
	color: #ffffff;
}
.woocommerce-cart .cart-sidebar .payment-icons {
	margin-top: 16px;
	opacity: 0.9;
}
/* coșul gol: mesaj serif + buton auriu spre magazin */
.woocommerce-cart .cart-empty,
.woocommerce-cart p.cart-empty {
	font-family: "EB Garamond", "Times New Roman", Georgia, serif;
	font-weight: 600;
	font-size: clamp(22px, 2.6vw, 30px);
	color: #1c3d4f;
	text-align: center;
}
.woocommerce-cart .return-to-shop { text-align: center; }
.woocommerce-cart .return-to-shop a.button {
	background: #c9a227;
	border-radius: 999px !important;
	padding: 13px 26px;
	color: #ffffff;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0.02em;
	box-shadow: 0 8px 24px rgba(201, 162, 39, 0.38);
}
.woocommerce-cart .return-to-shop a.button:hover { background: #ad8b21; color: #ffffff; }

/* --- E. Checkout: cuponul, titlurile, câmpurile --------------------------- */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
	background: #f7f3e4;
	border: 1px solid #e3cf96;
	border-radius: 999px;
	padding: 11px 22px;
	margin: 2px 0 10px;
	color: #46555e;
	font-size: 15px;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon {
	color: #7a2e39;
	font-weight: 600;
	text-decoration: underline;
}
.woocommerce-checkout form.checkout_coupon {
	border: 1.5px dashed #e3cf96 !important;
	border-radius: 16px;
	background: #fffdf6;
	padding: 20px 22px;
}
.woocommerce-checkout form.checkout_coupon p { color: #46555e; }
.woocommerce-checkout form.checkout_coupon .button {
	background: #ffffff;
	border: 1.5px solid #c9a227;
	border-radius: 999px !important;
	color: #1c3d4f;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0.02em;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.woocommerce-checkout form.checkout_coupon .button:hover {
	background: #c9a227;
	color: #ffffff;
}
/* titlurile secțiunilor de formular: serif navy, ca peste tot pe site */
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-additional-fields > h3,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout h3#ship-to-different-address {
	font-family: "EB Garamond", "Times New Roman", Georgia, serif;
	font-weight: 600;
	font-size: clamp(22px, 2.2vw, 27px);
	letter-spacing: 0.002em;
	text-transform: none;
	color: #1c3d4f;
}
.woocommerce-checkout h3#ship-to-different-address { font-size: 20px; }
.woocommerce-checkout h3#ship-to-different-address input,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper input {
	accent-color: #c9a227;
}
/* câmpurile: chenar cald, focus auriu (raza 12px vine deja din temă) */
.woocommerce-checkout form.checkout input.input-text,
.woocommerce-checkout form.checkout textarea,
.woocommerce-checkout form.checkout select,
.woocommerce-checkout form.checkout_coupon input.input-text {
	border-color: #ddd6ca;
	box-shadow: none;
}
.woocommerce-checkout form.checkout input.input-text:focus,
.woocommerce-checkout form.checkout textarea:focus,
.woocommerce-checkout form.checkout select:focus,
.woocommerce-checkout form.checkout_coupon input.input-text:focus {
	border-color: #c9a227;
	box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.15);
}
.woocommerce-checkout .select2-container--default .select2-selection--single {
	border: 1px solid #ddd6ca;
	border-radius: 12px;
}

/* --- F. Checkout: "Doresc factură pe firmă" ------------------------------- */
/* câmpurile de firmă stau ascunse până când JS-ul inline (functions.php) le
   arată la bifare; scope pe .woocommerce-checkout ca formularul de adresă din
   Contul meu (aceleași ID-uri de câmp) să rămână neatins */
.woocommerce-checkout #billing_company_field,
.woocommerce-checkout #billing_cod_fiscal_field {
	display: none;
}
.woocommerce-checkout #billing_firma_field {
	margin: 2px 0 10px;
}
.woocommerce-checkout #billing_firma_field label.checkbox {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: 15px;
	font-weight: 500;
	color: #2c3a43;
	cursor: pointer;
}
.woocommerce-checkout #billing_firma_field input.input-checkbox {
	width: 17px;
	height: 17px;
	margin: 0;
	accent-color: #c9a227;
}
/* sufixul "(opțional)" pus automat de WooCommerce e redundant pe un checkbox */
.woocommerce-checkout #billing_firma_field .optional { display: none; }

/* --- G. Checkout: cardul "Comanda ta" + plată + Plasează comanda ---------- */
.woocommerce-checkout form.checkout .large-5 .col-inner.has-border {
	border: 1.5px solid #e3cf96 !important;
	border-radius: 16px;
	background: #ffffff;
	padding: 28px;
	box-shadow: 0 12px 30px rgba(28, 61, 79, 0.08);
}
.woocommerce-checkout-review-order-table th.product-name,
.woocommerce-checkout-review-order-table th.product-total {
	padding: 4px 0 10px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #5a6a73;
	border-bottom: 1px solid #eae6dd;
}
.woocommerce-checkout-review-order-table tbody td {
	padding: 13px 0;
	border-bottom: 1px solid #f0ede6;
	font-size: 14.5px;
	color: #2c3a43;
	vertical-align: top;
}
.woocommerce-checkout-review-order-table tbody td.product-name {
	font-family: "Outfit", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #1c3d4f;
	padding-right: 12px;
}
.woocommerce-checkout-review-order-table .product-quantity { color: #7a2e39; }
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td {
	padding: 12px 0;
	border-bottom: 1px solid #f0ede6;
	font-size: 15px;
}
.woocommerce-checkout-review-order-table tfoot th {
	color: #5a6a73;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}
.woocommerce-checkout-review-order-table tfoot td {
	color: #1c3d4f;
	font-weight: 600;
}
.woocommerce-checkout-review-order-table .woocommerce-shipping-totals {
	font-size: 13.5px;
	color: #46555e;
}
.woocommerce-checkout-review-order-table tr.order-total th,
.woocommerce-checkout-review-order-table tr.order-total td {
	border-top: 1.5px solid #e3cf96;
	border-bottom: 0;
	padding-top: 14px;
}
.woocommerce-checkout-review-order-table tr.order-total th {
	color: #1c3d4f;
	font-weight: 600;
	font-size: 16px;
}
.woocommerce-checkout-review-order-table tr.order-total td,
.woocommerce-checkout-review-order-table tr.order-total td strong {
	color: #7a2e39;
	font-size: 21px;
	font-weight: 700;
}
/* metodele de plată: carduri rotunjite, cea aleasă cu chenar auriu */
.woocommerce-checkout #payment {
	background: transparent;
	border-radius: 0;
}
.woocommerce-checkout #payment ul.payment_methods {
	margin-top: 12px;
	padding: 0 0 4px;
	border-bottom: 0;
}
.woocommerce-checkout #payment ul.payment_methods > li {
	list-style: none;
	background: #ffffff;
	border: 1px solid #eae6dd;
	border-radius: 12px;
	padding: 13px 16px;
	margin: 0 0 10px;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.woocommerce-checkout #payment ul.payment_methods > li:has(input.input-radio:checked) {
	border-color: #c9a227;
	background: #fffdf6;
	box-shadow: 0 6px 18px rgba(201, 162, 39, 0.12);
}
.woocommerce-checkout #payment ul.payment_methods > li > label {
	font-weight: 600;
	color: #1c3d4f;
	cursor: pointer;
}
.woocommerce-checkout #payment input.input-radio { accent-color: #c9a227; }
.woocommerce-checkout #payment .payment_box {
	background: #f7f3e4;
	border-radius: 10px;
	padding: 12px 14px;
	margin: 10px 0 0;
	font-size: 14px;
	color: #46555e;
}
.woocommerce-checkout #payment .payment_box::before { display: none; }
/* termeni + politica de confidențialitate: discrete, linkuri vișinii */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout .woocommerce-privacy-policy-text p {
	font-size: 13px;
	line-height: 1.55;
	color: #8a969d;
}
.woocommerce-checkout .woocommerce-privacy-policy-text a,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a {
	color: #7a2e39;
	text-decoration: underline;
}
.woocommerce-checkout #place_order {
	display: block;
	width: 100%;
	background: #c9a227;
	border-radius: 999px !important;
	padding: 15px 28px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.3;
	text-transform: none;
	box-shadow: 0 8px 24px rgba(201, 162, 39, 0.38);
	transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.25s cubic-bezier(0.22, 0.61, 0.21, 1);
}
.woocommerce-checkout #place_order:hover {
	background: #ad8b21;
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow: 0 12px 28px rgba(201, 162, 39, 0.45);
}

/* --- H. "Comandă finalizată" (thank you) ---------------------------------- */
.woocommerce-order .woocommerce-thankyou-order-received {
	margin: 8px 0 24px;
	font-family: "EB Garamond", "Times New Roman", Georgia, serif;
	font-weight: 600;
	font-size: clamp(24px, 3vw, 34px);
	color: #1c3d4f;
	text-align: center;
}
/* titlurile de sectiune de pe pagina de confirmare (Detalii comanda, adrese) */
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title {
	font-family: "EB Garamond", "Times New Roman", Georgia, serif;
	font-weight: 600;
	font-size: clamp(21px, 2.2vw, 26px);
	letter-spacing: 0.002em;
	text-transform: none;
	color: #1c3d4f;
}
.woocommerce-order ul.woocommerce-order-overview {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 0;
	justify-content: space-around;
	list-style: none;
	margin: 0 0 30px;
	padding: 18px 22px;
	background: #ffffff;
	border: 1px solid #eae6dd;
	border-radius: 16px;
	box-shadow: 0 12px 30px rgba(28, 61, 79, 0.06);
}
.woocommerce-order ul.woocommerce-order-overview li {
	margin: 0;
	padding: 0 22px;
	border-right: 1px solid #f0ede6;
	font-size: 11.5px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #8a969d;
	line-height: 1.7;
}
.woocommerce-order ul.woocommerce-order-overview li:last-child { border-right: 0; }
.woocommerce-order ul.woocommerce-order-overview li strong {
	display: block;
	font-size: 15.5px;
	letter-spacing: 0;
	text-transform: none;
	color: #1c3d4f;
}

/* --- I. Mobil ------------------------------------------------------------- */
@media (max-width: 849px) {
	/* tabelul responsive se sparge pe carduri-rând: hairline pe rând, nu pe celule */
	.woocommerce-cart table.cart td { border-bottom: 0; }
	.woocommerce-cart table.cart tr.cart_item { border-bottom: 1px solid #f0ede6; }
	.woocommerce-cart .cart-wrapper { padding: 4px 14px 2px; }
	.woocommerce-cart .cart-sidebar { padding: 20px 16px; }
	.woocommerce-checkout form.checkout .large-5 .col-inner.has-border { padding: 20px 16px; }
	.woocommerce-order ul.woocommerce-order-overview {
		flex-direction: column;
		gap: 10px;
	}
	.woocommerce-order ul.woocommerce-order-overview li {
		border-right: 0;
		padding: 0;
	}
}

/* --- J. Livrare: metodele GLS pe carduri IC + Parcel Locker (2026-09-07) ---
   Pluginul gls-shipping-for-woocommerce pune în eticheta metodei "Livrare la
   GLS Parcel Locker" butonul #gls-map-button (deschide harta; același id/clasă
   = același handler de click al pluginului, noi îl facem doar să ARATE a
   buton) și caseta #gls-pickup-info, umplută de JS-ul lui după alegerea
   casetei (JS-ul comută DOAR display none/block inline -> nu atingem display).
   Caseta e mutată din functions.php în <li>-ul metodei alese; regulile de mai
   jos o stilează oriunde ar fi (și în fallback-ul de deasupra tabelului, unde
   inline-ul pluginului cere !important pe chenar/padding/margin). */
/* "Livrare" ca "Sub-total"; tabelul interior Flatsome fără hairline dublu */
.woocommerce-checkout-review-order-table .shipping__table th {
	padding: 0 0 10px;
	border-bottom: 0;
	font-size: 15px;
	font-weight: 500;
	color: #5a6a73;
}
.woocommerce-checkout-review-order-table .shipping__table td {
	padding: 0;
	border-bottom: 0;
}
.woocommerce-checkout-review-order-table .shipping__table .shipping__list { padding: 0; }
/* cardurile metodelor: același limbaj ca metodele de plată (aleasă = auriu) */
.woocommerce-checkout tr.shipping .shipping__list_item {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	min-height: 0;
	background: #ffffff;
	border: 1px solid #eae6dd;
	border-radius: 12px;
	padding: 12px 16px;
	margin: 0 0 10px;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.woocommerce-checkout tr.shipping .shipping__list_item:last-child { margin-bottom: 0; }
.woocommerce-checkout tr.shipping .shipping__list_item:has(input.shipping_method:checked) {
	border-color: #c9a227;
	background: #fffdf6;
	box-shadow: 0 6px 18px rgba(201, 162, 39, 0.12);
}
.woocommerce-checkout tr.shipping input.shipping_method {
	flex: 0 0 auto;
	margin: 5px 12px 0 0;
	accent-color: #c9a227;
}
.woocommerce-checkout tr.shipping .shipping__list_label {
	flex: 1 1 0%;
	min-width: 0;
	margin: 0;
	padding: 0;
	opacity: 1;
	font-size: 14.5px;
	font-weight: 500;
	line-height: 1.55;
	color: #46555e;
	cursor: pointer;
}
.woocommerce-checkout tr.shipping input:checked + .shipping__list_label {
	font-weight: 600;
	color: #1c3d4f;
}
.woocommerce-checkout tr.shipping .gls-shipping-logo {
	max-height: 20px !important;
	max-width: 56px !important;
	margin: 0 10px 0 0 !important;
	vertical-align: middle !important;
}
/* butonul "Selectați caseta pentru colete": pastilă aurie cu pin, pe rândul lui */
.woocommerce-checkout tr.shipping #gls-map-button,
.woocommerce-checkout tr.shipping .dugme-gls_shipping_method_parcel_locker,
.woocommerce-checkout tr.shipping .dugme-gls_shipping_method_parcel_shop {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 10px 0 2px;
	padding: 9px 20px 9px 15px;
	background: #c9a227;
	border: 1.5px solid #c9a227;
	border-radius: 999px !important;
	color: #ffffff;
	font-family: "Outfit", Helvetica, Arial, sans-serif;
	font-size: 13.5px;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.2;
	text-transform: none;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 6px 18px rgba(201, 162, 39, 0.32);
	transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.25s cubic-bezier(0.22, 0.61, 0.21, 1);
}
.woocommerce-checkout tr.shipping #gls-map-button::before {
	content: "";
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.3-7-11a7 7 0 0 1 14 0c0 4.7-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.3-7-11a7 7 0 0 1 14 0c0 4.7-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.woocommerce-checkout tr.shipping #gls-map-button:hover {
	background: #ad8b21;
	border-color: #ad8b21;
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow: 0 10px 24px rgba(201, 162, 39, 0.42);
}
.woocommerce-checkout tr.shipping #gls-map-button:focus-visible {
	outline: 2px solid #1c3d4f;
	outline-offset: 3px;
}
/* după alegerea casetei, butonul trece pe contur: acțiunea principală e făcută */
.woocommerce-checkout tr.shipping .shipping__list_item:has(#gls-pickup-info[style*="block"]) #gls-map-button {
	background: #ffffff;
	color: #1c3d4f;
	box-shadow: none;
}
.woocommerce-checkout tr.shipping .shipping__list_item:has(#gls-pickup-info[style*="block"]) #gls-map-button:hover {
	background: #c9a227;
	border-color: #c9a227;
	color: #ffffff;
}
/* caseta "Locație ridicare": card alb cu chenar auriu, pin auriu, eyebrow auriu */
.woocommerce-checkout #gls-pickup-info {
	position: relative;
	flex: 0 0 100%;
	width: 100%;
	box-sizing: border-box;
	margin: 12px 0 2px !important;
	padding: 13px 16px 13px 48px !important;
	background: #ffffff;
	border: 1.5px solid #e3cf96 !important;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	text-align: left;
	color: #2c3a43;
}
.woocommerce-checkout #order_review > #gls-pickup-info { margin: 0 0 18px !important; }
/* eyebrow-ul e bloc -> <br>-ul pus de plugin imediat după el ar lăsa un rând gol */
.woocommerce-checkout #gls-pickup-info > strong + br { display: none; }
.woocommerce-checkout #gls-pickup-info::before {
	content: "";
	position: absolute;
	left: 15px;
	top: 14px;
	width: 22px;
	height: 22px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9A227' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.3-7-11a7 7 0 0 1 14 0c0 4.7-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.woocommerce-checkout #gls-pickup-info strong {
	display: block;
	margin-bottom: 3px;
	font-family: "Outfit", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #c9a227;
}
@media (max-width: 549px) {
	.woocommerce-checkout tr.shipping .shipping__list_item { padding: 12px 14px; }
	.woocommerce-checkout tr.shipping #gls-map-button {
		width: 100%;
		justify-content: center;
	}
	.woocommerce-checkout #gls-pickup-info { padding-left: 44px !important; }
}

/* ==========================================================================
   Artos.ro - Popup "Ofertă 10%" + starea de succes CF7 (2026-08-23)
   Portat de la Maximo (vgs-cf7-popup), paleta IC. Formularul = CF7 902
   ("Popup 10% Reducere"); codul ICOANA10 NU e in cod - JS-ul din
   inc/ic-cf7-popup.php il extrage din mesajul de succes CF7 si il face
   pastila cu click-de-copiere. Scope: #popup-oferta (blocul 876, deschis de
   linkurile "#popup-oferta" de pe Despre noi + articolele de blog) si .ic-nl
   (sectiunea "Reducere 10%" de pe homepage - restul stilurilor ei: ic30.css).
   ========================================================================== */
/* cutia lightbox-ului: alb cald, colturi 16px (Flatsome pune fundal alb dur) */
#popup-oferta {
	max-width: 520px;
	margin: 0 auto;
	border-radius: 16px;
	overflow: hidden;
}
#popup-oferta .popup-column { border-radius: 12px; }
#popup-oferta h2 {
	font-family: "EB Garamond", "Times New Roman", Georgia, serif;
	font-weight: 600;
	letter-spacing: 0.002em;
	text-transform: none;
	color: #1c3d4f;
}
#popup-oferta p { color: #46555e; }
/* formularul din popup: input pastila + buton auriu plin */
#popup-oferta .form-flat { display: flex; flex-direction: column; gap: 10px; padding: 0 14px 6px; }
#popup-oferta .form-flat p { display: flex; flex-direction: column; gap: 12px; margin: 0; }
#popup-oferta .form-flat br { display: none; }
#popup-oferta input[type="email"] {
	width: 100%;
	height: 50px;
	border: 1px solid #ddd6ca;
	border-radius: 999px;
	background: #ffffff;
	color: #1c3d4f;
	padding: 0 20px;
	font-size: 14.5px;
	box-shadow: none;
}
#popup-oferta input[type="email"]:focus { border-color: #c9a227; box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.15); }
#popup-oferta input[type="submit"] {
	width: 100%;
	height: 50px;
	border: 0;
	border-radius: 999px !important;
	background: #c9a227;
	color: #ffffff;
	font-size: 14.5px;
	font-weight: 600;
	letter-spacing: 0.02em;
	cursor: pointer;
	box-shadow: 0 8px 24px rgba(201, 162, 39, 0.38);
	transition: background-color 0.2s ease, transform 0.25s cubic-bezier(0.22, 0.61, 0.21, 1);
}
#popup-oferta input[type="submit"]:hover { background: #ad8b21; transform: translateY(-1px); }
#popup-oferta .wpcf7-acceptance label {
	display: flex;
	gap: 9px;
	align-items: flex-start;
	margin: 0;
	font-size: 12.5px;
	line-height: 1.55;
	color: #5a6a73;
	text-align: left;
	font-weight: 400;
}
#popup-oferta .wpcf7-acceptance input { margin-top: 3px; accent-color: #c9a227; }
#popup-oferta .wpcf7-list-item { margin: 0; }
#popup-oferta .wpcf7-not-valid-tip { color: #7a2e39; font-size: 13px; margin: 4px 0 0 12px; }
#popup-oferta .wpcf7-response-output { border: 0; margin: 12px 0 0; padding: 0; color: #1c3d4f; }

/* --- starea de succes (partajata popup + homepage) ------------------------ */
/* fallback pur CSS: campurile dispar la succes chiar si fara JS */
:is(#popup-oferta, .ic-nl) .wpcf7-form.sent .form-flat { display: none; }
:is(#popup-oferta, .ic-nl).ic-cf7-done .ic-cf7-hide { display: none; }
:is(#popup-oferta, .ic-nl) .wpcf7-form.sent .wpcf7-response-output {
	display: block;
	margin: 4px 0 0;
	padding: 26px 22px;
	border: 1px solid #eae6dd;
	border-radius: 16px;
	background: #ffffff;
	color: #1c3d4f;
	font-size: 18px;
	line-height: 1.45;
	font-weight: 500;
	text-align: center;
}
:is(#popup-oferta, .ic-nl) .wpcf7-form.ic-cf7-has-panel .wpcf7-response-output { display: none; }
:is(#popup-oferta, .ic-nl) .ic-cf7-ok {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	margin: 4px 0 0;
	padding: 28px 22px;
	background: #ffffff;
	border: 1.5px solid #e3cf96;
	border-radius: 16px;
	box-shadow: 0 12px 30px rgba(28, 61, 79, 0.10);
	text-align: center;
}
:is(#popup-oferta, .ic-nl) .ic-cf7-ok__mark {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 46px;
	height: 46px;
	margin-bottom: 2px;
	border-radius: 50%;
	background: #c9a227;
	color: #ffffff;
	box-shadow: 0 8px 20px rgba(201, 162, 39, 0.35);
}
:is(#popup-oferta, .ic-nl) .ic-cf7-ok__msg,
:is(#popup-oferta, .ic-nl) .ic-cf7-ok__lead {
	margin: 0;
	padding: 0;
	font-size: 19px;
	line-height: 1.4;
	font-weight: 500;
	color: #1c3d4f;
}
:is(#popup-oferta, .ic-nl) .ic-cf7-ok__code {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 10px 22px;
	border: 1.5px dashed #c9a227;
	border-radius: 12px;
	background: #f7f3e4;
	color: #1c3d4f;
	font-family: inherit;
	font-size: 27px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0.1em;
	cursor: pointer;
	transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}
:is(#popup-oferta, .ic-nl) .ic-cf7-ok__code:hover { background: #1c3d4f; border-color: #1c3d4f; color: #ffffff; }
:is(#popup-oferta, .ic-nl) .ic-cf7-ok__code:focus-visible { outline: 2px solid #7a2e39; outline-offset: 2px; }
:is(#popup-oferta, .ic-nl) .ic-cf7-ok__code.is-copied {
	background: #1c3d4f;
	border-style: solid;
	border-color: #1c3d4f;
	color: #ffffff;
}
:is(#popup-oferta, .ic-nl) .ic-cf7-ok__tail {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.5;
	font-weight: 400;
	color: #5a6a73;
}
:is(#popup-oferta, .ic-nl) .ic-cf7-ok__hint {
	margin-top: 2px;
	font-size: 12.5px;
	line-height: 1.4;
	color: #8a969d;
	letter-spacing: 0.02em;
	transition: color 0.15s;
}
:is(#popup-oferta, .ic-nl) .ic-cf7-ok__hint.is-copied { color: #1c3d4f; font-weight: 600; }

/* ==========================================================================
   Descrierea tehnicii alese (pagina de produs, sub "Adauga in cos")
   --------------------------------------------------------------------------
   Blocul .ic-tehnica e randat din functions.php (hook woocommerce_after_add_to_cart_button,
   prioritate 12 => imediat sub butonul "Adauga in cos", INAINTEA tabelului de reduceri
   .ic-bulk, care e la 15 - ordine ceruta de client) si contine TOATE tehnicile
   produsului, ascunse; ic-variations.js o arata pe cea potrivita tipului selectat.
   Containerul .variations_button e FLEX cu wrap si gap (~17px): marginile NU se
   prabusesc, iar flex-basis 100% garanteaza ca blocul cade pe randul lui, nu langa
   buton, chiar si cand textul e scurt (ramele au doar 2 randuri).
   Textele se editeaza din IC Settings -> Tipuri -> "descriere completa".
   Card CREM (nu alb) ca sa se distinga de tabelul de reduceri, care e alb si il precede.
   Valori literale, nu variabile --ic-*: acelea exista DOAR pe homepage.
   ========================================================================== */
/* Randul scurt de deasupra pretului (descrierea variatiei, ic_tip_nota_default) e
   ASCUNS la cererea clientului (2026-09-07): dubla caseta de mai jos si impingea
   pretul + butonul in jos. Datele raman in _variation_description si in $TIP_NOTE
   din importator - reapar stergand regula asta. Selectorul acopera si quick view. */
form.variations_form .woocommerce-variation-description {
	display: none;
}
form.cart .ic-tehnica {
	flex: 0 0 100%;
	width: 100%;
	margin: 4px 0 0;
	padding: 16px 18px 18px;
	background: #faf8f3;
	border: 1px solid #eae6dd;
	border-radius: 12px;
}
.ic-tehnica-eyebrow {
	display: block;
	margin: 0 0 10px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #8a6b18;
}
.ic-tehnica-nume {
	display: block;
	margin: 0 0 8px;
	font-family: "EB Garamond", Georgia, serif;
	font-size: 20px;
	line-height: 1.25;
	color: #1c3d4f;
}
.ic-tehnica-intro {
	margin: 0 0 12px;
	font-size: 14.5px;
	line-height: 1.62;
	color: #4a5560;
}
.ic-tehnica-intro:last-child {
	margin-bottom: 0;
}
ul.ic-tehnica-lista {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.ic-tehnica-lista li {
	position: relative;
	margin: 0 0 9px;
	padding-left: 15px;
	font-size: 14px;
	line-height: 1.58;
	color: #4a5560;
}
ul.ic-tehnica-lista li:last-child {
	margin-bottom: 0;
}
/* Bulina patrata aurie, aceeasi limba vizuala ca listele din pagina de produs. */
ul.ic-tehnica-lista li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 5px;
	height: 5px;
	background: #c9a227;
}
ul.ic-tehnica-lista li b {
	color: #1c3d4f;
	font-weight: 600;
}
@media (max-width: 549px) {
	form.cart .ic-tehnica {
		padding: 14px 15px 16px;
	}
	.ic-tehnica-nume {
		font-size: 18px;
	}
}