/* ===========================================================================
   REZULTATELE CĂUTĂRII GENERALE — forma de telefon (19.08.2026)
   ===========================================================================
   ⚠️ Pagina asta a căzut între zone la împărțirea pe agenți: nu e nici arhivă
   de produse (aia are `dpk-arhiva` și grila pe 2 coloane), nici blog (`dp-blog-*`).
   E lista implicită a temei Blocksy — `article.entry-card` în `.entries` — și pe
   telefon ieșea la **8.345px pentru 10 rezultate**, cu poze de 768px.

   Când se ajunge aici: toate câmpurile de căutare din site trimit
   `post_type=product`, deci rezultatele obișnuite intră pe arhiva de produse
   (3.531px, grila pe 2 coloane). Forma asta, amestecată (articole + pagini +
   produse), se vede doar la un `?s=` fără `post_type` — linkuri din afară,
   rezultate rămase în Google, căutarea browserului.
   ⇒ **Nu e drumul principal, dar nu are voie să arate rupt.**

   ⏳ ÎNTREBARE DESCHISĂ PENTRU MARIUS (nu se decide din CSS): vrem ca un `?s=`
   simplu să caute DOAR în produse? Pe un magazin ar fi firesc, dar ar scoate
   articolele de blog din rezultate. Până la răspuns, comportamentul rămâne
   neschimbat; aici se repară doar cum arată.

   ⛔ Fișier al orchestratorului. Zonele nu scriu aici.
   =========================================================================== */

@media (max-width: 767px) {

	/* o coloană, carduri-rând ca la blog: text la stânga, miniatură la dreapta */
	body.search .entries[data-layout="grid"] {
		display: flex;
		flex-direction: column;
		gap: 10px;
		grid-template-columns: none;
	}

	body.search article.entry-card {
		display: grid;
		grid-template-columns: 1fr 96px;
		grid-template-areas:
			"meta  poza"
			"titlu poza"
			"desc  poza";
		align-items: start;
		column-gap: 12px;
		row-gap: 4px;
		padding: 12px;
		border: 1px solid var(--dpm-card-border, #E3E8F0);
		border-radius: var(--dpm-radius, 12px);
		background: #FFFFFF;
	}

	/* ⚠️ Tema pune DOUĂ liste `.entry-meta` în fiecare card — una înainte de titlu
	   (categorii) și una la sfârșit (dată). În grilă amândouă cad în aceeași zonă
	   și se scriu una peste alta. Rămâne prima; a doua se ascunde. */
	body.search article.entry-card > .entry-meta { display: none; }
	body.search article.entry-card > .entry-meta:first-child {
		display: block;
		grid-area: meta;
		margin: 0;
		font-size: 11px;
		/* La produse, lista de categorii are 5–7 termeni și ocupa singură 5 rânduri.
		   Un singur rând, retezat — e o etichetă de context, nu o navigare. */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	body.search article.entry-card > .entry-title { grid-area: titlu; margin: 0; }
	body.search article.entry-card > .entry-title a {
		font-size: 15px;
		font-weight: 700;
		line-height: 1.3;
		color: var(--dp-navy, #16233D);
		/* două rânduri, ca titlurile din listele de pe telefon să nu împingă cardul */
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	body.search article.entry-card > .entry-excerpt,
	body.search article.entry-card > .entry-content {
		grid-area: desc;
		margin: 0;
		font-size: 12.5px;
		line-height: 1.45;
		color: var(--dp-text-soft, #4A5568);
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	/* ⭐ Poza venea la 768×768 și ocupa singură două treimi de ecran.
	   Cutia o strânge la 96px; fișierul rămâne cel mare (nu-l putem schimba din
	   CSS), dar `loading="lazy"` de pe el face ca cele de sub margine să nici
	   nu se descarce. */
	body.search article.entry-card > .ct-media-container {
		grid-area: poza;
		width: 96px;
		height: 96px;
		margin: 0;
		border-radius: var(--dpm-radius-mic, 10px);
		overflow: hidden;
	}
	body.search article.entry-card > .ct-media-container img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* butonul „Citește mai mult" al temei nu-și are locul într-un rând de listă:
	   tot cardul e deja apăsabil prin titlu și prin poză */
	body.search article.entry-card .entry-button { display: none; }

	/* Capul de pagină al temei e ascuns (titlul stă în bara de sus), dar spațiul
	   lui rămânea: `.ct-container` are `padding-top: 50px` de la Blocksy, plus
	   marginea blocului de rezultate ⇒ 90px de gol înaintea primului rezultat,
	   pe un ecran de 844. Măsurat, nu presupus. */
	body.search .ct-container { padding-top: 12px; }
	body.search .entries { margin-top: 0; }

	/* paginarea, la mărimea celei din machetele mobile */
	body.search .ct-pagination { margin-top: 18px; }
	body.search .ct-pagination a,
	body.search .ct-pagination span { min-width: 40px; min-height: 40px; }
}