/* =========================================
 TOP FILME – CORECȚII FINALE
========================================= */

.fhd-top-showcase,
.fhd-top-showcase * {
 box-sizing: border-box !important;
}

.fhd-top-showcase {
 width: 100%;
 max-width: 100%;
 overflow: hidden;
}

/* Păstrăm posterele în interiorul sidebarului */
.fhd-top-showcase .fhd-account-card-content {
 width: 100%;
 max-width: 100%;
 padding: 14px 10px 16px !important;
 overflow: hidden !important;
}

.fhd-top-showcase-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 12px;
 width: 100% !important;
 max-width: 100% !important;
 padding: 3px !important;
 overflow: visible !important;
}

/* Cardurile filmelor */
.fhd-top-showcase .fhd-showcase-film {
 position: relative;
 display: block;
 width: 100% !important;
 max-width: 100% !important;
 min-width: 0;
 overflow: hidden;
 color: #fff !important;
 text-decoration: none !important;
 background: #080906;
 border: 1px solid color-mix(
 in srgb,
 var(--rank-color) 38%,
 transparent
 );
 border-radius: 12px;
 box-shadow:
 0 10px 22px rgba(0, 0, 0, 0.38),
 0 0 0 1px rgba(255, 255, 255, 0.02);
 transform: none !important;
 transition:
 border-color 0.25s ease,
 box-shadow 0.25s ease;
}

/* Nu mai ridicăm filmul la hover */
.fhd-top-showcase .fhd-showcase-film:hover {
 border-color: var(--rank-color);
 transform: none !important;
 box-shadow:
 0 13px 27px rgba(0, 0, 0, 0.48),
 0 0 18px color-mix(
 in srgb,
 var(--rank-color) 20%,
 transparent
 );
}

/* Zoom doar pe imagine, fără deplasarea cardului */
.fhd-top-showcase .fhd-showcase-poster {
 display: block !important;
 width: 100% !important;
 height: 100% !important;
 max-width: none !important;
 object-fit: cover !important;
 border: 0 !important;
 border-radius: 0 !important;
 transform: scale(1);
 transition:
 transform 0.35s ease,
 filter 0.35s ease;
}

.fhd-top-showcase .fhd-showcase-film:hover .fhd-showcase-poster {
 transform: scale(1.045);
 filter: brightness(1.07) contrast(1.03);
}

/* Primul film mare */
.fhd-top-showcase .fhd-showcase-film.is-first {
 grid-column: 1 / -1;
 width: 100% !important;
 max-width: 100% !important;
 min-height: 0 !important;
 margin: 0 0 3px !important;
 aspect-ratio: 16 / 10 !important;
 border: 2px solid var(--rank-color);
 border-radius: 15px;
}

.fhd-top-showcase
.fhd-showcase-film.is-first
.fhd-showcase-poster {
 object-position: center 22% !important;
}

/* Titlul primului film */
.fhd-top-showcase
.fhd-showcase-film.is-first
.fhd-showcase-copy {
 padding: 45px 14px 14px;
}

.fhd-top-showcase
.fhd-showcase-film.is-first
.fhd-showcase-copy strong {
 font-size: 15px;
 line-height: 1.25;
}

/* Filmele mici */
.fhd-top-showcase
.fhd-showcase-film:not(.is-first) {
 aspect-ratio: 2 / 3;
}

.fhd-top-showcase
.fhd-showcase-film:not(.is-first)
.fhd-showcase-copy strong {
 font-size: 10px;
 line-height: 1.3;
}

/* Etichetele TOP */
.fhd-top-showcase .fhd-showcase-label,
.fhd-top-showcase .fhd-showcase-rank {
 transition:
 transform 0.25s ease,
 box-shadow 0.25s ease;
}

.fhd-top-showcase
.fhd-showcase-film:hover
.fhd-showcase-label {
 transform: translateX(2px);
}

.fhd-top-showcase
.fhd-showcase-film:hover
.fhd-showcase-rank {
 transform: scale(1.06);
 box-shadow:
 0 7px 17px rgba(0, 0, 0, 0.42),
 0 0 12px color-mix(
 in srgb,
 var(--rank-color) 30%,
 transparent
 );
}

/* Ultimul film singur este centrat */
.fhd-top-showcase-grid
> .fhd-showcase-film:last-child:nth-child(even) {
 grid-column: 1 / -1 !important;
 width: calc(50% - 6px) !important;
 justify-self: center !important;
}

/* Sidebar foarte îngust */
@media (max-width: 220px) {
 .fhd-top-showcase-grid {
 grid-template-columns: 1fr;
 }

 .fhd-top-showcase .fhd-showcase-film.is-first {
 grid-column: auto;
 aspect-ratio: 2 / 3 !important;
 }

 .fhd-top-showcase-grid
 > .fhd-showcase-film:last-child:nth-child(even) {
 grid-column: auto !important;
 width: 100% !important;
 }
}

/* Accesibilitate */
@media (prefers-reduced-motion: reduce) {
 .fhd-top-showcase .fhd-showcase-film,
 .fhd-top-showcase .fhd-showcase-poster,
 .fhd-top-showcase .fhd-showcase-label,
 .fhd-top-showcase .fhd-showcase-rank {
 transition: none !important;
 }
}