/* ============================================================
   HF-STREAMING-PANEL — panoul cu servicii de streaming (V1, compact)
   Apare identic in doua locuri:
     1. dropdown-ul itemului "Streaming TV" din meniul din header
     2. flyout-ul chip-ului "Streaming TV" din mega-menu (Browse the Crypt)
   Plus blocul dedicat din meniul mobil.
   ============================================================ */

/* ---------- 1. panoul din header ---------- */
.gb-navigation-hd-122979-nav li.menu-item-has-children > .gb-sub-menu{
	width:560px !important;
	min-width:560px !important;
	padding:16px 20px 14px !important;
	display:grid !important;
	grid-template-columns:1fr 1fr !important;
	column-gap:26px !important;
	row-gap:0 !important;
	background:#161110 !important;
	border:1px solid rgba(179,32,42,.30) !important;
	border-radius:5px !important;
	box-shadow:0 22px 50px rgba(0,0,0,.62), inset 0 2px 0 rgba(212,168,104,.16) !important;
}
/* eticheta panoului */
.gb-navigation-hd-122979-nav li.menu-item-has-children > .gb-sub-menu::before{
	content:"Streaming services";
	grid-column:1 / -1;
	font-family:'Lato',sans-serif;
	font-size:10px;
	font-weight:700;
	letter-spacing:2.2px;
	text-transform:uppercase;
	color:#C52835;
	padding:0 4px 10px;
	margin:0 0 6px;
	border-bottom:1px solid rgba(179,32,42,.22);
}
.gb-navigation-hd-122979-nav .gb-sub-menu li{
	display:block !important;
	border-bottom:1px solid rgba(232,217,200,.06);
}
.gb-navigation-hd-122979-nav .gb-sub-menu .gb-menu-link{
	display:flex !important;
	justify-content:space-between !important;
	align-items:baseline !important;
	gap:12px;
	padding:7px 4px !important;
	font-size:11.5px !important;
	letter-spacing:1.5px !important;
	color:#E8D9C8 !important;
	white-space:nowrap !important;
}
.gb-navigation-hd-122979-nav .gb-sub-menu .gb-menu-link:hover{
	background:rgba(212,168,104,.09) !important;
	color:#FFFFFF !important;
}
.hf-svc-c{
	font-family:'Lato',sans-serif;
	font-size:10px;
	letter-spacing:0;
	color:#7d7268;
	font-weight:400;
}
.gb-navigation-hd-122979-nav .gb-sub-menu .gb-menu-link:hover .hf-svc-c{
	color:#D4A868;
}

/* ---------- 2. flyout-ul din mega-menu ---------- */
/* ancora: containerul mega-menu-ului, ca panoul sa ramana in ecran */
#gb-overlay-122969 .gb-element-bc-122969-0{
	position:relative;
}
#gb-overlay-122969 .hf-bc-svc{
	position:absolute;
	right:24px;
	top:50%;
	transform:translateY(-50%) translateX(6px);
	width:470px;
	padding:16px 20px 12px;
	display:grid;
	grid-template-columns:1fr 1fr;
	column-gap:26px;
	background:#120e0d;
	border:1px solid rgba(179,32,42,.30);
	border-radius:5px;
	box-shadow:0 24px 60px rgba(0,0,0,.75), inset 0 2px 0 rgba(212,168,104,.16);
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition:opacity .16s ease, transform .16s ease, visibility .16s;
	z-index:50;
}
/* punte transparenta intre chip si panou, ca sa nu se inchida la trecere */
#gb-overlay-122969 .hf-bc-svc::before{
	content:"";
	position:absolute;
	left:-9999px;
	top:0;
	width:0;
	height:100%;
}
#gb-overlay-122969 .hf-bc-svc-h{
	grid-column:1 / -1;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0 4px 10px;
	margin:0 0 6px;
	border-bottom:1px solid rgba(179,32,42,.22);
	font-family:'Lato',sans-serif;
	font-size:10px;
	font-weight:700;
	letter-spacing:2.2px;
	text-transform:uppercase;
	color:#C52835;
}
#gb-overlay-122969 .hf-bc-svc-h span:last-child{
	color:#7d7268;
	font-weight:400;
	letter-spacing:1.4px;
}
#gb-overlay-122969 .hf-bc-svc-g{
	grid-column:1 / -1;
	display:grid;
	grid-template-columns:1fr 1fr;
	column-gap:26px;
}
#gb-overlay-122969 .hf-bc-svc-g a{
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	gap:12px;
	padding:7px 4px;
	border-bottom:1px solid rgba(232,217,200,.06);
	text-decoration:none;
}
#gb-overlay-122969 .hf-bc-svc-g a:hover{
	background:rgba(212,168,104,.09);
}
#gb-overlay-122969 .hf-bc-svc-n{
	font-family:'Lato',sans-serif;
	font-size:11.5px;
	letter-spacing:1.5px;
	text-transform:uppercase;
	color:#E8D9C8;
	white-space:nowrap;
}
#gb-overlay-122969 .hf-bc-svc-c{
	font-family:'Lato',sans-serif;
	font-size:10px;
	color:#7d7268;
}
#gb-overlay-122969 .hf-bc-svc-g a:hover .hf-bc-svc-n{ color:#fff; }
#gb-overlay-122969 .hf-bc-svc-g a:hover .hf-bc-svc-c{ color:#D4A868; }
#gb-overlay-122969 .hf-bc-svc-f{
	grid-column:1 / -1;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:10px;
	padding-top:11px;
	border-top:1px solid rgba(179,32,42,.22);
	font-family:'Lato',sans-serif;
	font-size:10.5px;
	font-weight:700;
	letter-spacing:1.8px;
	text-transform:uppercase;
	color:#D4A868;
	text-decoration:none;
}
#gb-overlay-122969 .hf-bc-svc-f:hover{ color:#F0D6A8; }

/* afisare la hover / focus pe chip-ul Streaming TV */
#gb-overlay-122969 a.hf-bc-cat[href="/category/tv/"]:hover + .hf-bc-svc,
#gb-overlay-122969 a.hf-bc-cat[href="/category/tv/"]:focus-visible + .hf-bc-svc,
#gb-overlay-122969 .hf-bc-svc:hover,
#gb-overlay-122969 .hf-bc-svc:focus-within{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transform:translateY(-50%) translateX(0);
}
/* chip-ul activ */
#gb-overlay-122969 a.hf-bc-cat[href="/category/tv/"]:hover{
	background:rgba(212,168,104,.10);
}

/* ---------- 3. blocul din meniul mobil ---------- */
#gb-overlay-122969 .hf-bc-svcm{
	grid-column:1 / -1;
	margin:10px 0 14px;
	padding:12px 12px 8px;
	background:rgba(179,32,42,.06);
	border-left:2px solid #D4A868;
	border-radius:3px;
}
#gb-overlay-122969 .hf-bc-svcm-h{
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-family:'Lato',sans-serif;
	font-size:9.5px;
	font-weight:700;
	letter-spacing:1.8px;
	text-transform:uppercase;
	color:#C52835;
	margin:0 0 8px;
}
#gb-overlay-122969 .hf-bc-svcm-h span:last-child{ color:#7d7268; font-weight:400; }
#gb-overlay-122969 .hf-bc-svcm-g{
	display:grid;
	grid-template-columns:1fr 1fr;
	column-gap:16px;
}
#gb-overlay-122969 .hf-bc-svcm-g a{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:8px;
	padding:6px 0;
	border-bottom:1px solid rgba(232,217,200,.055);
	text-decoration:none;
}
#gb-overlay-122969 .hf-bc-svcm-g a span:first-child{
	font-family:'Lato',sans-serif;
	font-size:10.5px;
	letter-spacing:.9px;
	text-transform:uppercase;
	color:#E8D9C8;
	line-height:1.25;
}
#gb-overlay-122969 .hf-bc-svcm-g a span:last-child{
	font-family:'Lato',sans-serif;
	font-size:10px;
	color:#7d7268;
}