/* ============================================================
   Backhand Series – Design · Pagina cu toate articolele [bhs_insights]
   Model: wimbledon.com/en_GB/news
   Cardurile sunt aceleași ca în blocul de articole (articole.css).
   ============================================================ */

.bhsd-art.bhsd-ins{
	--bhsd-verde-inchis:#114630;
	--bhsd-chip:#E4E9F1;
	--bhsd-chip-hover:#DDE1E6;
	--bhsd-text-chip:#121619;
	--bhsd-schelet:#C1C7CD;
	--bhsd-schelet-fundal:#F2F4F8;
	padding:0 0 48px;
}
.bhsd-ins .bhsd-ins__inner{
	max-width:1440px;
	margin:0 auto;
	padding:0 var(--bhsd-pad);
}

/* Titlul paginii: există pentru Google și cititoarele de ecran, dar nu se vede */
.bhsd-ins h1.bhsd-ins__titlu{
	position:absolute !important;
	width:1px !important;
	height:1px !important;
	margin:-1px !important;
	padding:0 !important;
	overflow:hidden !important;
	clip:rect(0 0 0 0) !important;
	clip-path:inset(50%) !important;
	border:0 !important;
	white-space:nowrap !important;
}

/* Tema pune 21 px deasupra conținutului paginii; aici îi scoatem, ca „Înapoi” să stea
   la 16 px sub linia meniului, ca la Wimbledon (containerul headerului mai are 10 px dedesubt). */
.entry-content:has(.bhsd-ins){ margin-top:0 !important; }

/* ---------- ← Înapoi ---------- */
.bhsd-ins .bhsd-ins__sus{ padding:6px 0 16px; }
.bhsd-ins a.bhsd-ins__inapoi,
.bhsd-ins a.bhsd-ins__inapoi:visited,
.bhsd-ins a.bhsd-ins__inapoi:hover,
.bhsd-ins a.bhsd-ins__inapoi:focus{
	display:flex;
	align-items:center;
	gap:7px;
	width:max-content;
	height:44px;
	margin:0;
	padding:0;
	color:var(--bhsd-verde);
	font-family:inherit;
	font-size:14px;
	font-weight:500;
	line-height:1;
	letter-spacing:-.03em;
	text-decoration:none;
	box-shadow:none;
	transition:color .2s ease;
}
.bhsd-ins a.bhsd-ins__inapoi svg{ display:block; width:20px; height:20px; flex-shrink:0; }
.bhsd-ins a.bhsd-ins__inapoi:hover{ color:var(--bhsd-verde-inchis); }
.bhsd-ins a.bhsd-ins__inapoi:focus-visible{ outline:2px solid var(--bhsd-verde); outline-offset:2px; border-radius:2px; }

/* ---------- Filtrele ---------- */
.bhsd-ins .bhsd-ins__filtre{ margin:0 0 48px; padding:0; }
.bhsd-ins .bhsd-ins__chips{
	display:flex;
	gap:8px;
	padding:12px 4px;
	overflow-x:auto;
	scroll-snap-type:x mandatory;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
}
.bhsd-ins .bhsd-ins__chips::-webkit-scrollbar{ display:none; }
.bhsd-ins a.bhsd-ins__chip,
.bhsd-ins a.bhsd-ins__chip:visited,
.bhsd-ins a.bhsd-ins__chip:hover,
.bhsd-ins a.bhsd-ins__chip:focus{
	display:inline-flex;
	flex:0 0 auto;
	align-items:center;
	justify-content:center;
	min-width:68px;
	height:44px;
	margin:0;
	padding:11.5px 15px;
	border:1px solid transparent;
	border-radius:999px;
	background:var(--bhsd-chip);
	color:var(--bhsd-text-chip);
	font-family:inherit;
	font-size:14px;
	font-weight:500;
	line-height:1.2;
	letter-spacing:-.03em;
	white-space:nowrap;
	text-decoration:none;
	box-shadow:none;
	cursor:pointer;
	scroll-snap-align:start;
	transition:background-color .2s, border-color .2s, color .2s;
}
@media (hover:hover){
	.bhsd-ins a.bhsd-ins__chip:hover{ background:var(--bhsd-chip-hover); }
}
.bhsd-ins a.bhsd-ins__chip.is-activ,
.bhsd-ins a.bhsd-ins__chip.is-activ:visited,
.bhsd-ins a.bhsd-ins__chip.is-activ:hover,
.bhsd-ins a.bhsd-ins__chip.is-activ:focus{
	background:var(--bhsd-verde);
	color:#FFFFFF;
}
.bhsd-ins a.bhsd-ins__chip:focus-visible{ outline:2px solid var(--bhsd-text-chip); outline-offset:2px; }

/* ---------- Grila ---------- */
.bhsd-ins .bhsd-ins__grila{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(277.33px, 1fr));
	gap:32px;
	margin:0;
	padding:0;
}
.bhsd-ins .bhsd-ins__gol{
	grid-column:1 / -1;
	margin:0;
	padding:48px 0;
	color:var(--bhsd-gri);
	font-size:16px;
	line-height:24px;
	letter-spacing:-.02em;
	text-align:center;
}
.bhsd-ins .bhsd-ins__capat{ height:1px; }

/* Cardul: la fel ca pe prima pagină, cu titlul de 20 px la orice lățime a grilei */
.bhsd-art.bhsd-ins a.bhsd-card{ min-width:0; }
.bhsd-art.bhsd-ins .bhsd-card__title{ font-size:20px; line-height:24px; }
.bhsd-art.bhsd-ins .bhsd-card__icon{ left:16px; bottom:16px; width:40px; height:40px; }
.bhsd-art.bhsd-ins .bhsd-card__icon svg{ width:20px; height:20px; }

/* Cardurile gri care țin locul articolelor cât se încarcă */
.bhsd-ins .bhsd-ins__schelet{
	display:flex;
	flex-direction:column;
	gap:16px;
	min-width:0;
}
.bhsd-ins .bhsd-ins__s-img{
	display:block;
	aspect-ratio:16 / 9;
	border-radius:8px;
	background:var(--bhsd-schelet-fundal);
}
.bhsd-ins .bhsd-ins__s-text{
	display:flex;
	flex-direction:column;
	gap:8px;
	padding-top:2px;
}
.bhsd-ins .bhsd-ins__s-cat,
.bhsd-ins .bhsd-ins__s-titlu,
.bhsd-ins .bhsd-ins__s-meta{ display:block; background:var(--bhsd-schelet); }
.bhsd-ins .bhsd-ins__s-cat{ width:76px; height:10px; }
.bhsd-ins .bhsd-ins__s-titlu{ width:100%; height:22px; }
.bhsd-ins .bhsd-ins__s-meta{ width:100%; height:14px; }

/* ---------- Telefon: listă, cu poza mică în stânga ---------- */
@media (max-width:674.98px){
	.bhsd-ins .bhsd-ins__filtre{ margin-bottom:24px; }
	.bhsd-ins .bhsd-ins__grila{ grid-template-columns:minmax(0, 1fr); gap:16px; }

	.bhsd-art.bhsd-ins a.bhsd-card,
	.bhsd-art.bhsd-ins a.bhsd-card:hover,
	.bhsd-art.bhsd-ins a.bhsd-card:focus,
	.bhsd-art.bhsd-ins a.bhsd-card:visited{
		flex-direction:row;
		align-items:flex-start;
		gap:8px;
	}
	.bhsd-art.bhsd-ins .bhsd-card__media{
		flex:0 0 107px;
		width:107px;
		height:80px;
		aspect-ratio:auto;
		border-radius:4px;
	}
	.bhsd-art.bhsd-ins .bhsd-card__icon{ left:4px; bottom:4px; width:24px; height:24px; box-shadow:0 1px 3px rgba(0,0,0,.15); }
	.bhsd-art.bhsd-ins .bhsd-card__icon svg{ width:14px; height:14px; }
	.bhsd-art.bhsd-ins .bhsd-card__badge{ top:4px; left:4px; height:18px; padding:3px 6px; font-size:10px; }
	.bhsd-art.bhsd-ins .bhsd-card__badge svg{ width:10px; height:10px; }
	.bhsd-art.bhsd-ins .bhsd-card__body{ flex:1 1 0%; min-width:0; gap:6px; }
	.bhsd-art.bhsd-ins .bhsd-card__title{ font-size:16px; line-height:1.2; letter-spacing:-.03em; }
	.bhsd-art.bhsd-ins .bhsd-card__meta{ gap:8px; font-size:12px; line-height:1.2; letter-spacing:-.03em; }

	.bhsd-ins .bhsd-ins__schelet{ flex-direction:row; align-items:flex-start; gap:8px; }
	.bhsd-ins .bhsd-ins__s-img{ flex:0 0 107px; width:107px; height:80px; aspect-ratio:auto; border-radius:4px; }
	.bhsd-ins .bhsd-ins__s-text{ flex:1 1 0%; min-width:0; gap:6px; padding-top:0; }
	.bhsd-ins .bhsd-ins__s-titlu{ height:38px; }
}

@media (prefers-reduced-motion:reduce){
	.bhsd-ins a.bhsd-ins__chip,
	.bhsd-ins a.bhsd-ins__inapoi{ transition:none; }
}