/**
* Theme Name: Poco Child
* Description: This is a child theme of Poco, generated by Merlin WP.
* Author: <a href="https://pavothemes.com/">Pavothemes</a>
* Template: poco
* Version: 2.2.25
*/
/* ---------------------------------------------------------------------------
 * Plăcile de categorii de sub hero (widget poco-product-categories)
 * ---------------------------------------------------------------------------
 * Tema nu dă nicio dimensiune lui .cat-image img, deci imaginea se afișează la
 * mărimea ei naturală. Pozele noastre sunt la 2x pentru ecrane retina, așa că
 * le limităm aici și le așezăm pe aceeași linie de bază, ca etichetele să fie
 * aliniate indiferent de înălțimea preparatului.
 *
 * NewLine Solutions, 2026-09-22.
 */
.elementor-widget-poco-product-categories .cat-image > .link_category_product {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: 96px;
}

.elementor-widget-poco-product-categories .cat-image > .link_category_product img {
	max-height: 88px;
	max-width: 125px;
	width: auto;
	height: auto;
}

@media (max-width: 1024px) {
	.elementor-widget-poco-product-categories .cat-image > .link_category_product {
		height: 80px;
	}
	.elementor-widget-poco-product-categories .cat-image > .link_category_product img {
		max-height: 72px;
		max-width: 104px;
	}
}

/* ---------------------------------------------------------------------------
 * Cardurile de produs: titlul ocupă mereu 2 rânduri
 * ---------------------------------------------------------------------------
 * Tema taie deja titlul la 2 rânduri (line-clamp), dar un titlu scurt ocupă
 * doar unul și cardul iese mai scund decât vecinul. Rezervăm înălțimea a două
 * rânduri (2 × line-height 1.3), în em ca să urmeze mărimea fontului pe mobil.
 *
 * NewLine Solutions, 2026-09-25.
 */
ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__products li.product .woocommerce-loop-product__title {
	min-height: 2.6em;
}

/* ---------------------------------------------------------------------------
 * Cardurile de produs: poza fără zoom
 * ---------------------------------------------------------------------------
 * Tema ține poza la scale(0.75) și o crește la scale(1) pe li.product:hover,
 * așa că la derulare cu mouse-ul pozele de sub cursor pulsau, iar pe telefon
 * atingerea lăsa cardul „în hover”. La cererea userului poza are o singură
 * dimensiune, cea întreagă. Fundalul crem de la hover rămâne.
 *
 * NewLine Solutions, 2026-10-21.
 */
.product-transition .product-image img,
li.product:hover .product-image img {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	transition: none;
}

/* ---------------------------------------------------------------------------
 * Cardurile de produs: butonul de favorite
 * ---------------------------------------------------------------------------
 * Pătrat alb cu colțuri rotunjite și umbră, cu inimă conturată, ca în modelul
 * primit de la client; după adăugare inima se umple. Inima e un SVG folosit ca
 * mască și colorat prin background, nu fontul de iconițe al temei. Culoarea
 * e galbenul temei, la cererea userului (2026-10-20), deși are contrast doar
 * 1,6:1 pe alb; WCAG 1.4.11 cere 3:1, iar auriul #CC8400 ar trece.
 * Cât timp se salvează, rămâne rotița temei.
 * Versiunea temei a fost mărită ca browserele să ceară fișierul din nou.
 *
 * NewLine Solutions, 2026-10-20.
 */
.product-block .woosw-btn {
	top: 8px;
	right: 8px;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: #fff !important;
	box-shadow: 0 2px 10px rgba(30, 29, 35, .12);
	transition: box-shadow .2s;
}

.product-block .woosw-btn:hover {
	box-shadow: 0 4px 14px rgba(30, 29, 35, .2);
}

.product-block .woosw-btn:focus-visible {
	outline: 2px solid #8A6100;
	outline-offset: 2px;
}

.product-block .woosw-btn::before,
.product-block .woosw-btn.woosw-added::before {
	content: "";
	width: 20px;
	height: 20px;
	margin: 0;
	background-color: var(--primary, #FFC222);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%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='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.product-block .woosw-btn.woosw-added::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%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='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
}

/* Pagina produsului: tema colora inima adăugată în roșu; e galbenă, ca pe carduri
   (cerut de user, 2026-10-29). Un al doilea clic o scoate din favorite
   (opțiunea pluginului woosw_button_action_added = remove). */
body.single-product div.product .entry-summary .woosw-btn.woosw-added::before {
	color: var(--primary, #FFC222);
}

/* Pe ecranele tactile, :hover rămâne lipit după atingere, iar tema colorează inima
   în galben la hover. Inima scoasă din favorite rămânea deci galbenă până atingeai
   altceva (raportat de user, 2026-10-29). Acolo, inima goală rămâne gri și în hover.
   Pe desktop hover-ul galben rămâne. */
@media (hover: none) {
	body.single-product div.product .entry-summary .woosw-btn:not(.woosw-added):hover {
		color: #6B6B6B;
	}
}

/* Inimioara la adăugare și la scoatere (cerut de user, 2026-10-29). Fereastra pluginului
   de la adăugare e oprită (woosw_button_action = no), pentru că pe telefon acoperea tot
   ecranul, inclusiv bara de jos. Cât se salvează, în locul inimii e un cerc galben de
   încărcare. Apoi inima apare plină sau goală, fără alt efect: varianta cu „bătaie” nu
   i-a plăcut userului. Merge la fel pe carduri și pe pagina produsului. Selectorii cu
   body bat regulile temei (rotița fa-spin cu font de iconițe). */
@keyframes nls-inima-incarca {
	to { transform: rotate(360deg); }
}

/* Pe carduri inima e centrată absolut cu translate(-50%, -50%); rotirea trebuie să-l păstreze,
   altfel cercul ieșea cu ~10px în dreapta-jos (raportat de user). */
@keyframes nls-inima-incarca-card {
	from { transform: translate(-50%, -50%) rotate(0deg); }
	to { transform: translate(-50%, -50%) rotate(360deg); }
}

body .product-block .woosw-btn.woosw-adding::before,
body.single-product div.product .entry-summary .woosw-btn.woosw-adding::before {
	content: "";
	display: inline-block;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	margin: 0;
	border: 2px solid rgba(255, 194, 34, .3);
	border-top-color: var(--primary, #FFC222);
	border-radius: 50%;
	background: none;
	-webkit-mask: none;
	mask: none;
	vertical-align: middle;
	animation: nls-inima-incarca .7s linear infinite;
}

body .product-block .woosw-btn.woosw-adding::before {
	transform: translate(-50%, -50%);
	animation-name: nls-inima-incarca-card;
}

/* Pluginul pune „...” după buton cât se salvează; cercul ține locul lui. */
.product-block .woosw-btn.woosw-adding::after,
body.single-product div.product .entry-summary .woosw-btn.woosw-adding::after {
	display: none !important;
}

@media (max-width: 767px) {
	.product-block .woosw-btn {
		top: 6px;
		right: 6px;
		width: 36px;
		height: 36px;
		border-radius: 10px;
	}

	.product-block .woosw-btn::before,
	.product-block .woosw-btn.woosw-added::before {
		width: 18px;
		height: 18px;
	}
}

/* ---------------------------------------------------------------------------
 * Fereastra de favorite: butoanele de jos
 * ---------------------------------------------------------------------------
 * Pluginul le dă ca linkuri subliniate, iar tema le colorează în galben pe
 * alb. La cererea userului devin butoane, ca „Vezi coșul” / „Finalizare” din
 * panoul de coș: contur închis pentru pagina de favorite, galben plin pentru
 * „Continuă cumpărăturile”. Stau unul sub altul pentru că textul primului nu
 * încape pe jumătate din fereastră. Selectorii lungi, cu body în față, bat
 * regulile pluginului, inclusiv culoarea de hover pe care o pune inline.
 *
 * NewLine Solutions, 2026-10-21.
 */
body .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot {
	border-top: 1px solid var(--border, #e5e5e5);
}

body .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner {
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
}

body .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 12px 20px;
	border: 1px solid #1e1d23;
	border-radius: 8px;
	background: transparent;
	color: #1e1d23;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	transition: background-color .2s, border-color .2s, color .2s;
}

body .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a:hover {
	border-color: #1e1d23;
	background: #1e1d23;
	color: #fff;
}

body .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a.woosw-continue {
	border-color: var(--primary, #FFC222);
	background: var(--primary, #FFC222);
}

body .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a.woosw-continue:hover {
	border-color: var(--primary_hover, #EEAC00);
	background: var(--primary_hover, #EEAC00);
	color: #1e1d23;
}

body .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a:focus-visible {
	outline: 2px solid #8A6100;
	outline-offset: 2px;
}

/* ---------------------------------------------------------------------------
 * Cardurile cu poză de fundal (widget poco-banner) și caseta de pe Contact:
 * aceeași rotunjire ca la cardurile de preparate (30px)
 * ---------------------------------------------------------------------------
 * Cerut de user. Pe Acasă sunt „Meniuri complete”, „Livrăm până la 8 km” și
 * „Ridicare locală”, care aveau 5px din Elementor, plus „Comandă la telefon”,
 * care avea 8px. Pe Contact e caseta cu hartă și formular (coloana 773e7f4),
 * care avea 5px. Harta e lipită de colțul ei, de aceea overflow:hidden.
 * Prefixul body bate CSS-ul generat de Elementor pentru fiecare widget.
 * Pozele de pe Despre noi (184, cele 6 widgeturi imagine cu fotografii, aveau 5px)
 * au primit tot 30px, la cererea userului. Desenele decorative de acolo nu au
 * rotunjire. Poza terasei de pe Acasă (efd6075, 14px) a rămas cum era.
 *
 * NewLine Solutions, 2026-10-29.
 */
body .elementor .elementor-element.elementor-widget-poco-banner > .elementor-widget-container,
body .elementor .elementor-element.elementor-widget-poco-banner .elementor-cta {
	border-radius: 30px;
	overflow: hidden;
}

body .elementor-212 .elementor-element.elementor-element-773e7f4 > .elementor-widget-wrap {
	border-radius: 30px;
	overflow: hidden;
}

body .elementor-184 .elementor-element.elementor-element-9a9c926 img,
body .elementor-184 .elementor-element.elementor-element-8fb646b img,
body .elementor-184 .elementor-element.elementor-element-5525bc7 img,
body .elementor-184 .elementor-element.elementor-element-cffea48 img,
body .elementor-184 .elementor-element.elementor-element-33744a5 img,
body .elementor-184 .elementor-element.elementor-element-bd29427 img {
	border-radius: 30px;
}

/* ---------------------------------------------------------------------------
 * Acasă, secțiunea „Mititei și preparate la grătar”: butoanele pe același rând
 * ---------------------------------------------------------------------------
 * „Vezi grătarul” primește spațiul global Elementor dedesubt (--kit-widget-spacing,
 * 20px) peste marginea lui, iar „Shaorma”, ultimul din coloană, nu. Coloana își
 * centra elementele pe verticală cu tot cu margini, deci pe telefon, unde marginile
 * sunt 30px și 10px, „Shaorma” stătea cu 10px mai jos. Aliniate sus, nu mai contează.
 * Raportat de user pe telefon.
 *
 * NewLine Solutions, 2026-10-29.
 */
body .elementor-416 .elementor-element.elementor-element-1459bd0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
	align-items: flex-start;
}