/* ============================================================
   Backhand Series – Design · Galeria Instagram (clasa „bhs-insta”)
   Model: „Ticket Options” de pe wimbledon.com
   ============================================================ */

.bhs-insta{
	--bhsd-verde:#17573C;
	--bhsd-portocaliu:#DC5A19;
	--bhsd-text:#222222;
	--bhsd-gri:#6B6B6B;
	--bhsd-bg:#FFFFFF;
	--bhsd-pad:50px;          /* aceeași margine ca headerul și footerul */
	--bhsd-card:304px;        /* lățimea unui card */
	--bhsd-gap:32px;
	font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.bhsd-ascuns{ display:none !important; }
.bhs-insta .bhsd-ig,
.bhs-insta .bhsd-ig *,
.bhs-insta .bhsd-ig *::before,
.bhs-insta .bhsd-ig *::after{ box-sizing:border-box; }

/* Așezarea: coloana cu titlul + rândul de carduri */
.bhs-insta .bhsd-ig{
	display:flex;
	align-items:flex-start;
	max-width:1440px;
	margin:0 auto;
	padding:0 var(--bhsd-pad);
	background:var(--bhsd-bg);
}

/* Titlul vertical, între două ornamente */
.bhs-insta .bhsd-ig__side{
	display:flex;
	flex:0 0 112px;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
	width:112px;
	height:calc(var(--bhsd-card) * 4 / 3);
	margin-top:24px;
	padding-right:32px;
}
.bhs-insta .bhsd-ig__orn{
	display:block;
	width:14px;
	height:14px;
	color:var(--bhsd-portocaliu);
}
.bhs-insta .bhsd-ig__orn svg{ display:block; width:100%; height:100%; }
.bhs-insta .bhsd-ig__title{
	margin:0;
	padding:0;
	color:var(--bhsd-text);
	font-family:inherit;
	font-size:20px;
	font-weight:700;
	line-height:1;
	letter-spacing:-.03em;
	text-transform:uppercase;
	white-space:nowrap;
	writing-mode:vertical-rl;
	transform:rotate(180deg);
}

/* Rândul de carduri */
.bhs-insta .bhsd-ig .bhsd-carusel{
	flex:1 1 0%;
	min-width:0;
}
.bhs-insta .wpr-instagram-feed.bhsd-carusel__scroll{
	display:flex !important;
	grid-template-columns:none !important;
	gap:var(--bhsd-gap) !important;
	height:auto !important;
	margin:0 !important;
	padding:24px 64px 24px 0 !important;
}
.bhs-insta .bhsd-ig__item{
	position:relative !important;
	top:auto !important;
	left:auto !important;
	flex:0 0 var(--bhsd-card) !important;
	width:var(--bhsd-card) !important;
	max-width:none !important;
	margin:0 !important;
	padding:0 !important;
	transition:transform .35s cubic-bezier(.2,.7,.2,1);
}
.bhs-insta .bhsd-ig__item figure{ margin:0 !important; padding:0 !important; }

/* Imaginea: înaltă (3:4), colțuri rotunjite */
.bhs-insta .bhsd-ig__item .wpr-insta-feed-media-wrap{
	position:relative;
	aspect-ratio:3 / 4;
	overflow:hidden;
	border-radius:8px;
	background:#EEF1EE;
}
.bhs-insta .bhsd-ig__item .wpr-insta-feed-image-wrap{ width:100%; height:100%; }
.bhs-insta .bhsd-ig__item .wpr-insta-feed-image-wrap img{
	display:block;
	width:100% !important;
	height:100% !important;
	max-width:none !important;
	margin:0 !important;
	border-radius:0 !important;
	object-fit:cover;
	transform:none !important;
}
.bhs-insta .bhsd-ig__item .wpr-insta-feed-media-hover,
.bhs-insta .bhsd-ig__item .wpr-insta-feed-media-hover-bg{
	background:transparent !important;
	opacity:0 !important;
}

/* Sub imagine: textul + săgeata → */
.bhs-insta .bhsd-ig__below{
	display:flex !important;
	align-items:flex-start;
	justify-content:space-between;
	gap:16px;
	margin:0 !important;
	padding:16px 0 0 !important;
	text-align:left !important;
}
.bhs-insta .bhsd-ig__below > :not(.bhsd-ig__text):not(.bhsd-ig__arrow){ display:none !important; }
.bhs-insta .bhsd-ig__text{
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	gap:8px;
	min-width:0;
}
.bhs-insta .bhsd-ig__caption{
	display:-webkit-box !important;
	overflow:hidden;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	margin:0 !important;
	padding:0 !important;
}
.bhs-insta .bhsd-ig__caption,
.bhs-insta .bhsd-ig__caption *{
	color:var(--bhsd-text) !important;
	font-family:inherit !important;
	font-size:20px !important;
	font-weight:500 !important;
	line-height:24px !important;
	letter-spacing:-.03em !important;
	text-align:left !important;
	text-decoration:none !important;
	transition:color .2s ease;
}
.bhs-insta .bhsd-ig__caption *{
	display:inline !important;
	margin:0 !important;
	padding:0 !important;
}
.bhs-insta .bhsd-ig__date,
.bhs-insta .bhsd-ig__date *{
	margin:0 !important;
	padding:0 !important;
	color:var(--bhsd-gri) !important;
	font-family:inherit !important;
	font-size:14px !important;
	font-weight:400 !important;
	line-height:21px !important;
	letter-spacing:-.02em !important;
	text-align:left !important;
}
.bhs-insta a.bhsd-ig__arrow,
.bhs-insta a.bhsd-ig__arrow:hover,
.bhs-insta a.bhsd-ig__arrow:visited{
	display:block;
	flex:0 0 24px;
	width:24px;
	height:24px;
	color:var(--bhsd-text);
	text-decoration:none;
	box-shadow:none;
	transition:color .2s ease;
}
.bhs-insta a.bhsd-ig__arrow svg{ display:block; width:24px; height:24px; }

/* La trecerea cu mouse-ul: cardul se ridică, textul și săgeata devin verzi */
@media (hover:hover) and (min-width:1024px){
	.bhs-insta .bhsd-ig__item:hover{ transform:translateY(-24px); }
	.bhs-insta .bhsd-ig__item:hover .bhsd-ig__caption,
	.bhs-insta .bhsd-ig__item:hover .bhsd-ig__caption *,
	.bhs-insta .bhsd-ig__item:hover a.bhsd-ig__arrow{ color:var(--bhsd-verde) !important; }
}

/* Butonul „Follow on Instagram”, transformat în link elegant */
.bhs-insta .wpr-isnta-feed-buttons-wrap{
	max-width:1440px;
	margin:8px auto 0 !important;
	padding:0 var(--bhsd-pad) 0 calc(var(--bhsd-pad) + 112px) !important;
	text-align:left !important;
}
.bhs-insta a.wpr-instagram-follow-btn,
.bhs-insta a.wpr-instagram-follow-btn:hover,
.bhs-insta a.wpr-instagram-follow-btn:focus{
	display:inline-flex !important;
	align-items:center;
	gap:8px;
	min-height:44px;
	padding:0 !important;
	border:0 !important;
	border-radius:0 !important;
	background:transparent !important;
	box-shadow:none !important;
	color:var(--bhsd-verde) !important;
	font-family:inherit !important;
	font-size:16px !important;
	font-weight:600 !important;
	line-height:1.2 !important;
	letter-spacing:-.01em !important;
	text-decoration:none !important;
	text-transform:none !important;
}
.bhs-insta a.wpr-instagram-follow-btn i{ display:none !important; }
.bhs-insta a.wpr-instagram-follow-btn::after{
	content:"";
	display:block;
	width:18px;
	height:18px;
	background:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	transition:transform .25s ease;
}
@media (hover:hover){
	.bhs-insta a.wpr-instagram-follow-btn:hover::after{ transform:translateX(3px); }
}

/* ---------- Tabletă ---------- */
@media (max-width:1023.98px){
	.bhs-insta{ --bhsd-pad:18px; --bhsd-gap:24px; }
}

/* ---------- Telefon: titlul devine orizontal, deasupra ---------- */
@media (max-width:767.98px){
	.bhs-insta{ --bhsd-pad:16px; --bhsd-gap:16px; --bhsd-card:min(304px, 78vw); }
	.bhs-insta .bhsd-ig{
		flex-direction:column;
		align-items:stretch;
	}
	.bhs-insta .bhsd-ig__side{
		flex:none;
		flex-direction:row;
		justify-content:center;
		gap:16px;
		width:auto;
		height:auto;
		margin:0 0 4px;
		padding:0;
	}
	.bhs-insta .bhsd-ig__title{
		writing-mode:horizontal-tb;
		transform:none;
	}
	.bhs-insta .bhsd-ig .bhsd-carusel{ margin-right:calc(-1 * var(--bhsd-pad)); }
	.bhs-insta .wpr-instagram-feed.bhsd-carusel__scroll{ padding:16px var(--bhsd-pad) 16px 0 !important; }
	.bhs-insta .bhsd-ig__caption,
	.bhs-insta .bhsd-ig__caption *{ font-size:18px !important; line-height:22px !important; }
	.bhs-insta .wpr-isnta-feed-buttons-wrap{
		padding:0 var(--bhsd-pad) !important;
		text-align:center !important;
	}
}

@media (prefers-reduced-motion:reduce){
	.bhs-insta .bhsd-ig__item,
	.bhs-insta a.wpr-instagram-follow-btn::after{ transition:none; }
}