/* Oferte Livrare — componente publice. Stil neutru, preia fontul temei. */

.ol-ico { display: inline-block; vertical-align: -2px; }

/* ---------- Badge-uri OFERTĂ / CADOU, doar pe fotografia produsului ---------- */
.ol-thumb-wrap {
	position: relative;
	display: block;
	line-height: 0;
}
.ol-thumb-wrap img { display: block; }
.ol-badges {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	pointer-events: none;
}
.ol-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 9px;
	background: #d63638;
	color: #fff;
	font-size: 11px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: .05em;
	border-radius: 999px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
	pointer-events: none;
}
.ol-badge--cadou { background: #0a7a3d; }
.ol-badge-ico { vertical-align: 0; }
/* Pe miniaturile mici (tabel coș, mini-coș, comenzi) badge-urile ar acoperi poza. */
td.product-thumbnail .ol-badges,
.widget_shopping_cart .ol-badges,
.woocommerce-mini-cart .ol-badges,
.mini-cart-item .ol-badges { display: none; }

/* ---------- Cardul comun: panouri, mesaje, upsell ---------- */
.ol-card {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 16px;
	padding: 14px 18px;
	background: #fff;
	border: 1px solid #e4e6ea;
	border-left: 3px solid #0a7a3d;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
	font-size: .95em;
	color: inherit;
	text-align: left;
}
.ol-card--row { align-items: center; }
.ol-card-ico {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	color: #0a7a3d;
	margin-top: 1px;
}
.ol-card-body { flex: 1 1 auto; min-width: 0; }
.ol-card-btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}
.ol-card-title {
	margin: 0 0 10px;
	font-weight: 700;
	font-size: 1.05em;
}
.ol-card-sub {
	display: inline-block;
	margin-left: 8px;
	font-weight: 400;
	font-size: .82em;
	opacity: .65;
}

/* Variante de mesaj */
.ol-note--muted { border-left-color: #8c8f94; }
.ol-note--muted .ol-card-ico { color: #646970; }
.ol-note--warn { border-left-color: #b45309; background: #fffaf1; }
.ol-note--warn .ol-card-ico { color: #b45309; }

/* ---------- Panoul „Alege-ți cadoul" ---------- */
.ol-choice-options { margin: 0 0 12px; }
.ol-choice-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 8px;
	padding: 9px 12px;
	border: 1px solid #e4e6ea;
	border-radius: 8px;
	background: #fafbfb;
	cursor: pointer;
}
.ol-choice-list:has(input:checked) {
	border-color: #0a7a3d;
	background: #f2faf5;
}
.ol-choice-list input[type="radio"] { margin: 0; accent-color: #0a7a3d; }
.ol-choice-list-label { font-weight: 600; }
.ol-choice-list select {
	flex: 1 1 220px;
	max-width: 100%;
	margin-left: auto;
}
.ol-choice-submit { display: inline-flex; align-items: center; gap: 6px; }

/* ---------- Linia cadou din coș ---------- */
.ol-gift-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-left: 6px;
	padding: 2px 8px;
	background: #e7f7ee;
	color: #0a7a3d;
	font-size: .78em;
	font-weight: 600;
	line-height: 1.5;
	border-radius: 999px;
	white-space: nowrap;
	vertical-align: 1px;
}
.ol-gift-ico { vertical-align: 0; }
.ol-gift-free { color: #0a7a3d; font-weight: 700; }
.ol-gift-qty { opacity: .7; }

/* ---------- Bannerul de oferte ---------- */
.ol-offers-banner {
	margin: 1em 0;
	padding: 18px 22px;
	border: 1px solid #e4e6ea;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
}
.ol-offers { list-style: none; margin: 0; padding: 0; }
.ol-offer {
	display: flex;
	align-items: baseline;
	gap: 12px;
	padding: 9px 0;
	border-bottom: 1px solid #f0f0f1;
}
.ol-offer:last-child { border-bottom: 0; }
.ol-offer-days {
	flex: 0 0 auto;
	min-width: 7.5em;
	padding: 2px 10px;
	background: #f0f0f1;
	color: #3c434a;
	font-weight: 700;
	text-transform: uppercase;
	font-size: .72em;
	letter-spacing: .04em;
	line-height: 1.7;
	border-radius: 999px;
	text-align: center;
}
.ol-offers-note {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: .8em 0 0;
	font-size: .85em;
	opacity: .7;
}

/* ---------- Fonturile banerelor (împachetate, fără cereri externe) ---------- */
@font-face {
	font-family: "OL Archivo";
	src: url(fonts/archivo-latin-ext.woff2) format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "OL Archivo";
	src: url(fonts/archivo-latin.woff2) format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "OL Lato";
	src: url(fonts/lato-latin-ext.woff2) format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "OL Lato";
	src: url(fonts/lato-latin.woff2) format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Banerele de ofertă (promo produs + economii coș) ---------- */
.ol-banner {
	position: relative;
	box-sizing: border-box;
	max-width: 1140px;
	margin: 16px 0;
	border-radius: 5px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	font-family: "OL Lato", var(--ol-body-font, inherit), sans-serif;
}
.ol-banner * { box-sizing: border-box; }
.ol-banner-shape { position: absolute; pointer-events: none; }
.ol-banner-art { position: absolute; pointer-events: none; line-height: 0; }
.ol-banner-art svg { display: block; }
.ol-banner-body { position: relative; z-index: 1; display: flex; flex-direction: column; min-width: 0; }

/* Promo pe pagina produsului — paletă terracotta */
.ol-banner--promo {
	background: #fdf3ea;
	border: 1px solid #f0dcc9;
	padding: 26px 34px 26px 190px;
	min-height: 96px;
	justify-content: center;
}
.ol-banner--promo .ol-banner-shape {
	left: -34px;
	top: -30px;
	bottom: -40px;
	width: 210px;
	background: #c2603c;
	border-radius: 0 60% 0 0;
	opacity: .1;
}
.ol-banner--promo .ol-banner-art {
	left: 34px;
	top: 50%;
	transform: translateY(-50%) rotate(-11deg);
	width: 120px;
	height: 120px;
}
.ol-banner--promo .ol-banner-body { gap: 6px; }
.ol-banner-dot { position: absolute; border-radius: 50%; background: #e8c0a2; pointer-events: none; }
.ol-banner-dot--a { right: 26px; top: 20px; width: 9px; height: 9px; }
.ol-banner-dot--b { right: 64px; bottom: 24px; width: 5px; height: 5px; }
.ol-banner-eyebrow {
	font-family: "OL Archivo", sans-serif;
	font-weight: 800;
	font-size: 11px;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: #b0522f;
	line-height: 1.3;
}
.ol-banner-title {
	font-family: "OL Archivo", sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #33302c;
	letter-spacing: -.015em;
	line-height: 1.2;
}
.ol-banner-hi { color: #b0522f; }
.ol-banner-note { font-size: 14px; color: #96887c; line-height: 1.45; }

/* Economii în coș — paletă verde */
.ol-banner--save {
	background: #f4f9f5;
	border: 1px solid #d5e6da;
	padding: 26px 34px 28px 190px;
}
.ol-banner--save .ol-banner-shape {
	left: -40px;
	top: -40px;
	bottom: -50px;
	width: 220px;
	background: #1f7a4d;
	border-radius: 0 60% 0 0;
	opacity: .09;
}
.ol-banner--save .ol-banner-art {
	left: 36px;
	top: 50%;
	transform: translateY(-50%) rotate(9deg);
	width: 118px;
	height: 118px;
}
.ol-banner--save .ol-banner-body { gap: 14px; }
.ol-save-head {
	display: flex;
	align-items: baseline;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
.ol-save-lead { font-family: "OL Archivo", sans-serif; font-weight: 700; font-size: 19px; color: #33302c; }
.ol-save-sum {
	font-family: "OL Archivo", sans-serif;
	font-weight: 800;
	font-size: 34px;
	color: #1f7a4d;
	letter-spacing: -.02em;
	line-height: 1;
}
.ol-save-sum .woocommerce-Price-amount { color: inherit; font: inherit; }
.ol-save-tail { font-size: 15px; color: #7c766e; }
.ol-save-grid {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 9px 32px;
	font-size: 15px;
	color: #5f5a54;
	max-width: 560px;
}
.ol-save-lbl { min-width: 0; }
.ol-save-amt {
	font-family: "OL Archivo", sans-serif;
	font-weight: 600;
	color: #1f7a4d;
	text-align: right;
	white-space: nowrap;
}
.ol-save-amt .woocommerce-Price-amount { color: inherit; font: inherit; }
.ol-save-sep { display: none; }

/* Cadourile primite, în același baner */
.ol-save-gifts {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: 560px;
	border-top: 1px solid #dde9e0;
	padding-top: 12px;
}
.ol-save-gift {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	font-size: 15px;
	color: #5f5a54;
}
.ol-save-gift-lbl { display: flex; align-items: center; gap: 8px; min-width: 0; }
.ol-save-gift-lbl strong { color: #33302c; font-weight: 700; }
.ol-save-gift-ico { color: #1f7a4d; flex: 0 0 auto; }
.ol-save-gift-btn {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 13px;
	border: 1px solid #bcd8c6;
	border-radius: 4px;
	background: #fff;
	color: #1f7a4d;
	font-family: "OL Archivo", sans-serif;
	font-weight: 600;
	font-size: 13px;
	line-height: 1.5;
	cursor: pointer;
	white-space: nowrap;
}
.ol-save-gift-btn:hover, .ol-save-gift-btn:focus { background: #f0f7f2; border-color: #1f7a4d; }
.ol-save-gift-btn[disabled] { opacity: .55; cursor: default; }

/* Mobil — varianta 3a din machetă (handoff-ul permite 480 sau 600px;
   la 600px etichetele defalcării nu se mai rup pe două rânduri) */
@media (max-width: 600px) {
	.ol-banner--promo { padding: 16px 16px 18px 104px; min-height: 0; }
	.ol-banner--promo .ol-banner-shape {
		left: -26px; top: -26px; bottom: -30px; width: 124px;
		border-radius: 0 62% 0 0; opacity: .1;
	}
	.ol-banner--promo .ol-banner-art {
		left: 16px; width: 78px; height: 78px;
		transform: translateY(-50%) rotate(-11deg);
	}
	.ol-banner--promo .ol-banner-art svg { width: 78px; height: 78px; }
	.ol-banner--promo .ol-banner-body { gap: 5px; }
	.ol-banner-eyebrow { font-size: 10px; letter-spacing: .2em; }
	.ol-banner-title { font-size: 17px; line-height: 1.25; letter-spacing: -.01em; }
	.ol-banner-note { font-size: 12px; line-height: 1.4; }
	.ol-banner-dot { display: none; }

	.ol-banner--save { padding: 64px 16px 16px; }
	.ol-banner--save .ol-banner-shape {
		left: -30px; top: -30px; bottom: auto; width: 150px; height: 130px;
		border-radius: 0 0 70% 0; opacity: .09;
	}
	.ol-banner--save .ol-banner-art {
		left: 12px; top: -6px; transform: rotate(9deg);
		width: 74px; height: 74px;
	}
	.ol-banner--save .ol-banner-art svg { width: 74px; height: 74px; }
	.ol-banner--save .ol-banner-body { gap: 12px; }
	.ol-save-head { flex-direction: column; align-items: flex-start; gap: 1px; }
	.ol-save-lead {
		font-weight: 800; font-size: 10px; letter-spacing: .2em;
		text-transform: uppercase; color: #5f8a6f;
	}
	.ol-save-sum { font-size: 30px; letter-spacing: -.025em; line-height: 1.1; }
	.ol-save-tail { font-size: 13px; }
	/* Eticheta și suma rămân pe același rând, separate de o linie subțire. */
	.ol-save-grid {
		gap: 8px 12px;
		font-size: 13px;
		border-top: 1px solid #dde9e0;
		padding-top: 11px;
		max-width: none;
	}
	.ol-save-gifts { max-width: none; padding-top: 11px; gap: 10px; }
	.ol-save-gift { font-size: 13px; gap: 8px; }
	.ol-save-gift-btn { margin-left: 0; width: 100%; justify-content: center; }
}

/* Prețul tăiat pe liniile din coș */
.ol-cut { text-decoration: none; font-weight: 700; }
.ol-saved-line {
	display: block;
	font-size: .82em;
	font-weight: 600;
	color: #b0522f;
	margin-top: 2px;
	white-space: nowrap;
}

/* ---------- Responsive ---------- */
@media (max-width: 600px) {
	.ol-card--row { flex-wrap: wrap; }
	.ol-card-btn { width: 100%; justify-content: center; }
	.ol-choice-list select { flex-basis: 100%; margin-left: 0; }
	.ol-offer { flex-wrap: wrap; gap: 6px; }
}