/* ============================================================================
   THE IRISH TRUCK — CSS JURNAL (editorial.css)
   Design ancorat pe CLASE, niciodată pe conținut. Append-only: nu rescrii
   secțiuni vechi, adaugi la coadă cu versiune + motiv. Cascada câștigă.
   ----------------------------------------------------------------------------
   1. Tokeni brand (:root)
   2. Polish global (linkuri, focus, selecție)
   3. Butoane (hover portocaliu)
   4. Buton WhatsApp flotant
   5. Vocabular conținut (secțiuni, hero, vitrină produse, price tag)
   6. Responsive
   7. Reduce motion / accesibilitate
   ============================================================================ */

/* ==== 1. TOKENI BRAND [v1.0.0] — o singură definire, aici ==================== */
:root {
	--it-green:          #3E8E4E;   /* verde brand (butoane, accente) = ast-global-color-0 */
	--it-green-deep:     #2C6E3F;   /* verde profund (secțiuni)       = ast-global-color-4 */
	--it-green-darkest:  #1E5730;   /* footer / contrast max          = ast-global-color-8 */
	--it-orange:         #F2A93B;   /* portocaliu (accente/hover)     = ast-global-color-1/5 */
	--it-orange-deep:    #E07B10;   /* portocaliu adânc (hover text)  */
	--it-burgundy:       #7E3038;   /* burgundy (price tag)           = ast-global-color-6 */
	--it-cream:          #FDF6EC;   /* crem (conținut deschis)        = ast-global-color-7 */
	--it-ink:            #22331F;   /* text închis pe fundal crem     */
	--it-shadow:         0 14px 34px rgba(30, 58, 40, .18);
	--it-radius:         16px;
}

/* ==== 2. POLISH GLOBAL [v1.0.0] ============================================= */
::selection { background: var(--it-orange); color: var(--it-ink); }

a { transition: color .2s ease; }
a:hover { color: var(--it-orange); }

:focus-visible {
	outline: 3px solid var(--it-orange);
	outline-offset: 2px;
	border-radius: 4px;
}

/* ==== 3. BUTOANE [v1.0.0] — verde bază, pop portocaliu la hover ============= */
.wp-block-button__link,
.ast-custom-button,
.menu-toggle,
button.wp-element-button {
	transition: background-color .22s ease, color .22s ease, transform .18s ease, box-shadow .22s ease;
	border-radius: 999px;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
.ast-custom-button:hover,
button.wp-element-button:hover {
	background-color: var(--it-orange) !important;   /* !important: bat stilul inline al temei */
	color: var(--it-ink) !important;
	transform: translateY(-2px);
	box-shadow: var(--it-shadow);
}

/* ==== 4. BUTON WHATSAPP FLOTANT [v1.0.1] ==================================== */
.it-whatsapp {
	position: fixed;
	right: clamp(16px, 3vw, 28px);
	bottom: clamp(16px, 3vw, 28px);
	z-index: 9999;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #25D366;               /* verde WhatsApp oficial (recognoscibil) */
	color: #fff;
	box-shadow: 0 8px 24px rgba(37, 211, 102, .45);
	transition: transform .2s ease, box-shadow .2s ease;
}
.it-whatsapp:hover,
.it-whatsapp:focus-visible {
	color: #fff;
	transform: scale(1.08);
	box-shadow: 0 12px 30px rgba(37, 211, 102, .6);
}
.it-whatsapp svg { display: block; }

/* ==== 5. VOCABULAR CONȚINUT [v1.0.0] — clasele pe care le poartă blocurile === */

/* eyebrow / etichetă mică deasupra titlului */
.it-eyebrow {
	text-transform: uppercase;
	letter-spacing: .18em;
	font-weight: 700;
	color: var(--it-orange);
	margin-bottom: .4em;
}

/* titlu de secțiune cu accent portocaliu pe al doilea cuvânt (span) */
.it-section-title { line-height: 1.08; }
.it-section-title .it-accent { color: var(--it-orange); }

/* secțiuni pe tonuri de brand (schelet — se aplică pe wp:group) */
.it-section { padding-block: clamp(3rem, 7vw, 6rem); }
.it-section--green   { background: var(--it-green-deep); color: #fff; }
.it-section--orange  { background: var(--it-orange);     color: var(--it-ink); }
.it-section--cream   { background: var(--it-cream);      color: var(--it-ink); }
.it-section--cream .it-eyebrow { color: var(--it-green); }

/* Vitrină produse: grilă de carduri (nume + descriere + preț). FĂRĂ SKU. */
.it-products {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: clamp(1rem, 2.5vw, 1.75rem);
}
.it-product-card {
	background: #fff;
	color: var(--it-ink);
	border-radius: var(--it-radius);
	overflow: hidden;
	box-shadow: var(--it-shadow);
	display: flex;
	flex-direction: column;
	transition: transform .2s ease, box-shadow .2s ease;
}
.it-product-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(30,58,40,.24); }
.it-product-card__media { aspect-ratio: 1 / 1; overflow: hidden; background: var(--it-cream); }
.it-product-card__media img { width: 100%; height: 100%; object-fit: cover; }
.it-product-card__body { padding: 1.1rem 1.2rem 1.4rem; text-align: center; display: flex; flex-direction: column; gap: .5rem; flex: 1; }
.it-product-card__name { font-weight: 800; letter-spacing: .02em; text-transform: uppercase; }
.it-product-card__desc { font-size: .95rem; color: #55604f; flex: 1; }

/* price tag burgundy (pilulă) */
.it-price {
	align-self: center;
	background: var(--it-burgundy);
	color: #fff;
	font-weight: 700;
	padding: .45em 1.4em;
	border-radius: 999px;
	letter-spacing: .04em;
}

/* badge circular „2+ ani experiență" (Despre noi) */
.it-badge {
	background: var(--it-burgundy);
	color: #fff;
	border-radius: 18px;
	padding: 1.1rem 1.4rem;
	text-align: center;
	font-weight: 700;
	box-shadow: var(--it-shadow);
}
.it-badge strong { font-size: 2.2rem; display: block; line-height: 1; }

/* ==== 6. RESPONSIVE [v1.0.0] =============================================== */
@media (max-width: 600px) {
	.it-whatsapp { width: 52px; height: 52px; }
	.it-products { grid-template-columns: repeat(2, 1fr); }
}

/* ==== 7. ACCESIBILITATE [v1.0.0] =========================================== */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
	.it-product-card:hover, .wp-block-button__link:hover, .it-whatsapp:hover { transform: none; }
}

/* ==== 8. FIX LINKURI SECȚIUNI DESCHISE + ACCENT CARDURI [v1.0.2] ===========
   Motiv: linkul (Facebook) pe secțiuni crem/portocaliu moștenea alb (color-3)
   din Astra = invizibil. Plus dungă brand pe carduri ca să pară „designate". */
.it-section--cream a  { color: var(--it-green); text-decoration: underline; text-underline-offset: 3px; }
.it-section--cream a:hover  { color: var(--it-orange-deep); }
.it-section--orange a { color: var(--it-burgundy); }
.it-section--orange a:hover { color: var(--it-green-darkest); }

.it-product-card { position: relative; }
.it-product-card::before {
	content: "";
	display: block;
	height: 6px;
	background: linear-gradient(90deg, var(--it-green), var(--it-orange));
}

/* butonul „outline" (Facebook) pe secțiune crem — contur verde, umple la hover */
.it-section--cream .is-style-outline .wp-block-button__link {
	color: var(--it-green);
	border-color: var(--it-green);
}
.it-section--cream .is-style-outline .wp-block-button__link:hover {
	background-color: var(--it-orange) !important;
	color: var(--it-ink) !important;
	border-color: var(--it-orange);
}