/* Prima pagină pe mobil — vezi inc/acasa/acasa.php */

@media (max-width: 767px) {
	/* Avantajele (livrare gratuită, artizanal…) pe 2×2 în loc de 4 rânduri */
	.elementor-element-cb8d649 > .elementor-container {
		display: flex;
		flex-wrap: wrap;
	}
	.elementor-element-cb8d649 > .elementor-container > .elementor-column {
		width: 50% !important;
	}
	.elementor-element-cb8d649 .elementor-widget-wrap {
		padding: 8px !important;
	}
	.elementor-element-cb8d649 .ct-fancy-box .item--inner {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.elementor-element-cb8d649 .ct-fancy-box .item--icon {
		margin: 0 0 8px !important;
		width: 52px;
		height: 52px;
		min-width: 52px;
		line-height: 52px;
		font-size: 24px;
	}
	.elementor-element-cb8d649 .ct-fancy-box .item--icon i {
		font-size: 24px;
	}
	.elementor-element-cb8d649 .ct-fancy-box .item--title {
		margin: 0 0 2px;
		font-size: 15px;
		line-height: 1.3;
	}
	.elementor-element-cb8d649 .ct-fancy-box .item--description {
		font-size: 13px;
		line-height: 1.35;
		letter-spacing: 0;
	}

	/* Caruselele de produse: margini de 16px față de ecran și 10px între carduri.
	   Slick calculează lățimea slide-urilor din lățimea listei, deci contează doar ca CSS-ul
	   să fie încărcat înainte de inițializare (e în <head>). */
	.elementor-2866 .elementor-widget-ct_product_carousel {
		padding: 0 16px;
	}
	[class*="ct-product-carousel"] .ct-carousel-inner {
		margin: 0 -5px !important;
	}
	[class*="ct-product-carousel"] .ct-slick-carousel {
		margin: 0 !important;
		padding: 0 !important;
	}
	[class*="ct-product-carousel"] .carousel-item {
		padding: 0 5px !important;
	}

	/* Titlurile aliniate la stânga și săgețile lipeau de marginea ecranului */
	.elementor-2866 .elementor-widget-ct_heading,
	.elementor-2866 .elementor-widget-ct_carousel_arrow {
		padding-left: 16px;
		padding-right: 16px;
	}

	/* Carduri compacte în caruselele de produse (2 pe ecran), ca în magazin */
	.ct-product-carousel4.woocommerce .woocommerce-product-inner {
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 1px 8px rgba(12, 12, 12, .06);
	}
	.ct-product-carousel4.woocommerce .woocommerce-product-inner .woocommerce-product-meta .woocommerce-compare,
	.ct-product-carousel4.woocommerce .woocommerce-product-inner .woocommerce-product-meta .woocommerce-quick-view,
	.ct-product-carousel4.woocommerce .woocommerce-product-inner .woocommerce-product-meta .woocommerce-wishlist {
		display: none !important;
	}
	.ct-product-carousel4.woocommerce .woocommerce-product-inner .woocommerce-product-meta {
		top: 8px;
		right: 8px;
	}
	.ct-product-carousel4.woocommerce .woocommerce-product-inner .woocommerce-product-meta > div a {
		width: 36px;
		height: 36px;
		line-height: 36px;
		background-color: #fff;
		box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	}
	.ct-product-carousel4.woocommerce .woocommerce-product-inner .woocommerce-product-header .price {
		top: 8px;
		left: 8px;
	}
	.ct-product-carousel4.woocommerce .woocommerce-product-inner .woocommerce-product-header .price .woocommerce-Price-amount {
		padding: 0 9px;
		font-size: 13px;
		line-height: 24px;
	}
	/* Spațiul interior stă pe titlu, nu pe link: overflow taie la marginea padding-ului, așa că un
	   al treilea rând se vedea pe jumătate în spațiul de jos („250 gr” tăiat). */
	.ct-product-carousel4.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product--title {
		padding: 10px 12px 12px;
		background-color: #fff;
		font-family: 'Barlow', sans-serif;
		font-size: 15px;
		line-height: 1.3;
		letter-spacing: 0;
		text-align: left;
	}
	.ct-product-carousel4.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product--title a {
		padding: 0;
		background-color: transparent;
		letter-spacing: 0;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		min-height: calc(2 * 1.3em);
	}

	/* Caruselul de categorii: titluri mai mici, săgeți mai mici (acopereau pozele) */
	.elementor-widget-ct_info_box_carousel .item--title {
		font-size: 19px !important;
		line-height: 1.25 !important;
	}
	.elementor-widget-ct_info_box_carousel .slick-arrow {
		width: 34px !important;
		height: 34px !important;
		line-height: 34px !important;
		opacity: .9;
	}

	/* Titlurile de secțiune, la dimensiuni de telefon */
	.elementor-widget-ct_heading .item--title {
		font-size: 28px !important;
		line-height: 1.2 !important;
	}

	/* Blocul ofertei (poza cu ciocolatele): textul jos, ca produsele din partea de sus să rămână vizibile. */
	.elementor-element-94fa69a {
		padding-top: 150px !important;
		padding-bottom: 26px !important;
	}
}

/* Caruselul de categorii: tot cardul e un link (inc/acasa/acasa.php pune .agb-card-link). */
.elementor-widget-ct_info_box_carousel .item--inner {
	position: relative;
	isolation: isolate; /* linkul rămâne în card: săgețile caruselului, puse peste poze, rămân clicabile */
}
.elementor-widget-ct_info_box_carousel .agb-card-link {
	position: absolute;
	inset: 0;
	z-index: 5;
	border-radius: inherit;
}

/* Cronometrul „Oferta săptămânii” pe telefon: 4 × 106 px nu încăpeau în 390 px, „Secunde” ieșea din ecran. */
@media (max-width: 575px) {
		/* Selectorii temei sunt .ct-countdown-layout1.style1 …: avem nevoie de cel puțin aceeași specificitate. */
	.ct-countdown-small .ct-countdown.ct-countdown-layout1 { display: flex; justify-content: space-between; margin: 0; }
	.ct-countdown-small .ct-countdown-layout1.style1 .countdown-item { padding: 0 4px; }
	.ct-countdown-small .ct-countdown-layout1.style1 .countdown-amount span { width: 30px; height: 38px; line-height: 38px; margin: 0 2px; font-size: 18px; }
	.ct-countdown-small .ct-countdown-layout1.style1 .countdown-period { font-size: 14px; }
}

/* Caruselele de produse: la produsele cu variante, prețul „40 lei – 160 lei” devenea două etichete roșii,
   a doua peste butonul de coș. Arătăm doar „de la 40 lei”. */
.ct-product-carousel4 .woocommerce-product-header .price .woocommerce-Price-amount ~ .woocommerce-Price-amount,
.ct-product-carousel4 .woocommerce-product-header .price > span[aria-hidden="true"]:not(.woocommerce-Price-amount) { display: none !important; }
.ct-product-carousel4 .woocommerce-product-header .price:has(.woocommerce-Price-amount ~ .woocommerce-Price-amount) .woocommerce-Price-amount:first-of-type::before { content: "de la "; font-weight: 500; }

/* Banner de sezon (inc/acasa/acasa.php → agb_banner_sezon_config) */
.agb-sezon { max-width: 1200px; margin: 0 auto 48px; padding: 0 15px; }
.agb-sezon__card { display: grid; grid-template-columns: minmax(0, 46%) 1fr; align-items: stretch; overflow: hidden; border-radius: 16px; background: #1f2a0c; color: #fff !important; text-decoration: none !important; box-shadow: 0 10px 30px rgba(31, 42, 12, .18); }
.agb-sezon__poza { position: relative; display: block; min-height: 280px; overflow: hidden; }
.agb-sezon__img { position: absolute; inset: 0; display: block; width: 100%; height: 100% !important; max-width: none; object-fit: cover; }
.agb-sezon__text { display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 36px 40px; }
.agb-sezon__eticheta { align-self: flex-start; padding: 4px 12px; border-radius: 999px; background: rgba(185, 227, 90, .16); color: #b9e35a; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.agb-sezon__titlu { font-family: 'Lora', Georgia, serif; font-size: 36px; font-weight: 700; line-height: 1.15; color: #fff; }
.agb-sezon__titlu em { font-style: normal; color: #b9e35a; }
.agb-sezon__desc { font-size: 16px; line-height: 1.5; color: #e2e9d2; }
.agb-sezon__buton { align-self: flex-start; margin-top: 6px; padding: 12px 22px; border-radius: 8px; background: #76a713; color: #fff; font-weight: 700; font-size: 15px; transition: background .2s; }
.agb-sezon__buton span { display: inline-block; transition: transform .2s; }
.agb-sezon__card:hover .agb-sezon__buton, .agb-sezon__card:focus-visible .agb-sezon__buton { background: #5d840f; }
.agb-sezon__card:hover .agb-sezon__buton span { transform: translateX(3px); }
@media (max-width: 767px) {
	.agb-sezon { margin-bottom: 32px; padding: 0 16px; }
	.agb-sezon__card { grid-template-columns: 1fr; }
	.agb-sezon__poza { min-height: 0; aspect-ratio: 16 / 10; }
	.agb-sezon__text { padding: 22px 20px 24px; gap: 10px; }
	.agb-sezon__titlu { font-size: 26px; }
	.agb-sezon__desc { font-size: 15px; }
	.agb-sezon__buton { align-self: stretch; text-align: center; }
}