/* =========================================
 FILMEHDON – HEADER PREMIUM
========================================= */

.fhd-header,
.fhd-header * {
 box-sizing: border-box;
}

.fhd-header {
 position: relative;

 width: 100%;
 max-width: 100%;
 margin: 0 auto 12px;
 overflow: hidden;

 color: #fff;
 font-family: Arial, Helvetica, sans-serif;

 background:
 radial-gradient(
 circle at 15% 0,
 rgba(255, 176, 30, 0.08),
 transparent 30%
 ),
 linear-gradient(145deg, #25271f, #12130f);

 border: 1px solid rgba(255, 255, 255, 0.10);
 border-radius: 0 0 16px 16px;

 box-shadow:
 0 14px 35px rgba(0, 0, 0, 0.35),
 inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* =========================================
 MESAJ SUPERIOR
========================================= */

.fhd-welcome-bar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 15px;

 min-height: 34px;
 padding: 7px 18px;

 color: #aaa;
 font-size: 11px;

 background: rgba(0, 0, 0, 0.32);
 border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.fhd-welcome-message {
 display: flex;
 align-items: center;
 gap: 7px;
}

.fhd-welcome-message strong {
 color: #e8b849;
}

.fhd-welcome-dot {
 flex: 0 0 7px;

 width: 7px;
 height: 7px;

 background: #4cda79;
 border-radius: 50%;

 box-shadow: 0 0 8px rgba(76, 218, 121, 0.75);
}

.fhd-header-status {
 color: #7f817b;
 font-size: 9px;
 white-space: nowrap;
}

.fhd-header-status span {
 margin-right: 3px;
 color: #ffaf25;
}

/* =========================================
 LOGO ȘI CĂUTARE
========================================= */

.fhd-header-main {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 35px;

 min-height: 165px;
 padding: 22px 28px;
}

.fhd-header-logo {
 display: flex;
 align-items: center;

 flex: 0 1 470px;
 min-width: 250px;

 text-decoration: none;
}

.fhd-header-logo img {
 display: block;

 width: 100%;
 max-width: 470px;
 height: auto;

 border: 0;

 filter: drop-shadow(0 8px 13px rgba(0, 0, 0, 0.35));

 transition:
 transform 0.25s ease,
 filter 0.25s ease;
}

.fhd-header-logo:hover img {
 transform: translateY(-2px);

 filter:
 drop-shadow(0 10px 16px rgba(0, 0, 0, 0.45))
 brightness(1.07);
}

.fhd-header-right {
 flex: 1 1 600px;
 max-width: 720px;
}

/* RECLAMĂ */

.fhd-advertise-box {
 display: flex !important;
 align-items: center;
 gap: 10px;

 max-width: 560px;
 margin: 0 0 13px auto;
 padding: 8px 11px;

 color: #bbb !important;
 text-decoration: none !important;

 background: rgba(255, 255, 255, 0.025);
 border: 1px solid rgba(255, 255, 255, 0.07);
 border-radius: 9px;

 transition:
 background 0.2s ease,
 border-color 0.2s ease;
}

.fhd-advertise-box:hover {
 background: rgba(255, 177, 27, 0.07);
 border-color: rgba(255, 177, 27, 0.23);
}

.fhd-advertise-icon {
 display: flex;
 align-items: center;
 justify-content: center;

 flex: 0 0 32px;
 width: 32px;
 height: 32px;

 color: #ffb027;

 background: rgba(255, 176, 39, 0.10);
 border-radius: 8px;
}

.fhd-advertise-icon svg {
 width: 18px;
 height: 18px;
 fill: currentColor;
}

.fhd-advertise-text {
 flex: 1;
 min-width: 0;
}

.fhd-advertise-text strong,
.fhd-advertise-text small {
 display: block;
}

.fhd-advertise-text strong {
 color: #e6e6e3;
 font-size: 11px;
}

.fhd-advertise-text small {
 margin-top: 3px;

 color: #777a73;
 font-size: 8px;
}

.fhd-advertise-arrow {
 color: #ffb027;
 font-size: 17px;
}

/* CĂUTARE */

.fhd-search {
 position: relative;

 display: flex;
 align-items: center;

 width: 100%;
 height: 53px;
 overflow: hidden;

 background: #f7f7f7;
 border: 2px solid transparent;
 border-radius: 13px;

 box-shadow:
 0 10px 25px rgba(0, 0, 0, 0.28),
 inset 0 1px 0 #fff;

 transition:
 border-color 0.2s ease,
 box-shadow 0.2s ease;
}

.fhd-search:focus-within {
 border-color: #ffad24;

 box-shadow:
 0 0 0 4px rgba(255, 173, 36, 0.12),
 0 10px 25px rgba(0, 0, 0, 0.30);
}

.fhd-search-icon {
 display: flex;
 align-items: center;
 justify-content: center;

 flex: 0 0 49px;
 height: 100%;

 color: #7b7b77;
}

.fhd-search-icon svg {
 width: 21px;
 height: 21px;

 fill: currentColor;
}

.fhd-search-input {
 flex: 1;

 width: 100%;
 min-width: 0;
 height: 100%;

 padding: 0 8px !important;

 color: #222 !important;
 caret-color: #ff9700;

 font-family: Arial, Helvetica, sans-serif !important;
 font-size: 14px !important;

 background: transparent !important;
 border: 0 !important;
 outline: 0 !important;

 box-shadow: none !important;
}

.fhd-search-input::placeholder {
 color: #888;
}

.fhd-search-button {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 5px;

 flex: 0 0 auto;
 height: 41px;
 margin-right: 5px;
 padding: 0 16px;

 color: #171713;
 font-size: 12px;
 font-weight: 900;

 background: linear-gradient(135deg, #ffe074, #ffae2d, #ff8b21);
 border: 0;
 border-radius: 9px;

 cursor: pointer;

 box-shadow:
 0 5px 13px rgba(255, 139, 33, 0.20),
 inset 0 1px 0 rgba(255, 255, 255, 0.50);
}

.fhd-search-button:hover {
 filter: brightness(1.07);
}

.fhd-search-button svg {
 width: 16px;
 height: 16px;

 fill: currentColor;
}

/* =========================================
 NAVIGAȚIE
========================================= */

.fhd-navigation {
 display: grid;
 grid-template-columns: repeat(5, minmax(0, 1fr));

 border-top: 1px solid rgba(255, 255, 255, 0.07);
 border-bottom: 1px solid rgba(255, 255, 255, 0.07);

 background: rgba(0, 0, 0, 0.22);
}

.fhd-nav-item {
 position: relative;

 display: flex !important;
 align-items: center;
 justify-content: center;
 gap: 10px;

 min-height: 70px;
 padding: 10px 13px;

 color: #ccc !important;
 text-decoration: none !important;

 border-right: 1px solid rgba(255, 255, 255, 0.06);

 transition:
 color 0.2s ease,
 background 0.2s ease;
}

.fhd-nav-item:last-child {
 border-right: 0;
}

.fhd-nav-item::after {
 position: absolute;
 right: 28%;
 bottom: 0;
 left: 28%;

 height: 2px;
 content: "";

 background: linear-gradient(90deg, transparent, #ffae25, transparent);

 opacity: 0;
 transform: scaleX(0);

 transition:
 opacity 0.2s ease,
 transform 0.2s ease;
}

.fhd-nav-item:hover,
.fhd-nav-active {
 color: #fff !important;

 background: linear-gradient(
 to top,
 rgba(255, 174, 37, 0.09),
 transparent
 );
}

.fhd-nav-item:hover::after,
.fhd-nav-active::after {
 opacity: 1;
 transform: scaleX(1);
}

.fhd-nav-icon {
 display: flex;
 align-items: center;
 justify-content: center;

 flex: 0 0 36px;
 width: 36px;
 height: 36px;

 color: #ffb027;

 background: rgba(255, 176, 39, 0.09);
 border: 1px solid rgba(255, 176, 39, 0.14);
 border-radius: 9px;
}

.fhd-nav-icon svg {
 width: 19px;
 height: 19px;

 fill: currentColor;
}

.fhd-nav-text {
 min-width: 0;
}

.fhd-nav-text strong,
.fhd-nav-text small {
 display: block;
}

.fhd-nav-text strong {
 color: inherit;
 font-size: 13px;
}

.fhd-nav-text small {
 margin-top: 3px;

 color: #72756e;
 font-size: 8px;
}

.fhd-nav-badge,
.fhd-adult-badge {
 padding: 4px 6px;

 font-size: 8px;
 font-weight: 900;

 border-radius: 20px;
}

.fhd-nav-badge {
 color: #171713;

 background: #ffba32;
}

.fhd-adult-badge {
 color: #fff;

 background: linear-gradient(135deg, #f35342, #d91d3e);
}

.fhd-nav-adult .fhd-nav-icon {
 color: #ff6868;

 background: rgba(255, 65, 65, 0.08);
 border-color: rgba(255, 65, 65, 0.13);
}

/* =========================================
 CONTROL MOBIL ASCUNS PE DESKTOP
========================================= */

.fhd-mobile-menu-toggle,
.fhd-mobile-menu-button {
 display: none;
}

/* =========================================
 PREMIERE
========================================= */

.fhd-premieres {
 padding: 13px 15px 16px;

 background: rgba(255, 255, 255, 0.014);
}

.fhd-premieres-header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 15px;

 min-height: 39px;
 padding: 0 4px 10px;
}

.fhd-premieres-title {
 display: flex;
 align-items: center;
 gap: 8px;
}

.fhd-premieres-icon {
 display: flex;
 align-items: center;
 justify-content: center;

 width: 29px;
 height: 29px;

 color: #171713;
 font-size: 13px;

 background: linear-gradient(145deg, #ffe074, #ff9d23);
 border-radius: 8px;
}

.fhd-premieres-title strong,
.fhd-premieres-title small {
 display: block;
}

.fhd-premieres-title strong {
 color: #eee;
 font-size: 12px;
}

.fhd-premieres-title small {
 margin-top: 3px;

 color: #72746e;
 font-size: 8px;
}

.fhd-premieres-all {
 color: #d7a537 !important;
 font-size: 10px;
 font-weight: 700;
 text-decoration: none !important;
}

.fhd-premieres-all span {
 margin-left: 3px;
}

.fhd-premieres-all:hover {
 color: #ffd05e !important;
}

.fhd-premieres-scroll {
 width: 100%;
 overflow-x: auto;
 overflow-y: hidden;

 padding-bottom: 4px;

 scrollbar-width: thin;
 scrollbar-color: #b77918 rgba(255, 255, 255, 0.04);
}

.fhd-premieres-scroll::-webkit-scrollbar {
 height: 6px;
}

.fhd-premieres-scroll::-webkit-scrollbar-track {
 background: rgba(255, 255, 255, 0.04);
 border-radius: 10px;
}

.fhd-premieres-scroll::-webkit-scrollbar-thumb {
 background: linear-gradient(90deg, #ffb02b, #d3741e);
 border-radius: 10px;
}

.fhd-premieres-content {
 width: max-content;
 min-width: 100%;
}

.fhd-premieres-content table {
 min-width: 100%;
 max-width: none !important;

 background: transparent !important;
}

.fhd-premieres-content img {
 max-width: none;
 height: auto;

 border-radius: 6px;

 transition:
 transform 0.2s ease,
 filter 0.2s ease;
}

.fhd-premieres-content a:hover img {
 filter: brightness(1.08);
 transform: translateY(-3px);
}

/* =========================================
 TABLETĂ
========================================= */

@media screen and (max-width: 950px) {
 .fhd-header-main {
 gap: 20px;
 min-height: 140px;
 padding: 20px;
 }

 .fhd-header-logo {
 flex-basis: 340px;
 }

 .fhd-nav-item {
 gap: 7px;
 padding: 9px 7px;
 }

 .fhd-nav-icon {
 flex-basis: 32px;
 width: 32px;
 height: 32px;
 }

 .fhd-nav-text strong {
 font-size: 11px;
 }
}

/* =========================================
 TELEFON
========================================= */

@media screen and (max-width: 700px) {
 .fhd-header {
 border-radius: 0 0 12px 12px;
 }

 .fhd-welcome-bar {
 justify-content: center;

 min-height: 31px;
 padding: 6px 10px;

 font-size: 9px;
 text-align: center;
 }

 .fhd-welcome-dot,
 .fhd-header-status {
 display: none;
 }

 .fhd-header-main {
 display: block;

 min-height: 0;
 padding: 17px 13px;
 }

 .fhd-header-logo {
 display: block;

 width: 100%;
 min-width: 0;
 margin-bottom: 17px;

 text-align: center;
 }

 .fhd-header-logo img {
 width: auto;
 max-width: 85%;
 max-height: 105px;
 margin: 0 auto;
 }

 .fhd-header-right {
 width: 100%;
 max-width: 100%;
 }

 .fhd-advertise-box {
 max-width: 100%;
 margin-bottom: 11px;
 }

 .fhd-advertise-text small {
 display: none;
 }

 .fhd-search {
 height: 49px;
 }

 .fhd-search-icon {
 flex-basis: 42px;
 }

 .fhd-search-input {
 font-size: 12px !important;
 }

 .fhd-search-button {
 height: 37px;
 padding: 0 11px;
 }

 .fhd-search-button span {
 display: none;
 }

 /* Buton deschidere meniu */

 .fhd-mobile-menu-button {
 display: flex;
 align-items: center;
 justify-content: space-between;

 min-height: 48px;
 padding: 0 14px;

 color: #fff;
 font-size: 13px;
 font-weight: 800;

 background: rgba(0, 0, 0, 0.27);
 border-top: 1px solid rgba(255, 255, 255, 0.07);
 border-bottom: 1px solid rgba(255, 255, 255, 0.07);

 cursor: pointer;
 }

 .fhd-mobile-button-text {
 display: flex;
 align-items: center;
 gap: 8px;
 }

 .fhd-mobile-button-text svg {
 width: 20px;
 height: 20px;

 fill: #ffb028;
 }

 .fhd-mobile-chevron {
 color: #ffb028;
 font-size: 20px;

 transition: transform 0.2s ease;
 }

 /* Meniu mobil închis */

 .fhd-navigation {
 display: none;
 grid-template-columns: 1fr;

 padding: 7px;
 }

 /* Meniu mobil deschis */

 .fhd-mobile-menu-toggle:checked
 + .fhd-mobile-menu-button
 + .fhd-navigation {
 display: grid;
 }

 .fhd-mobile-menu-toggle:checked
 + .fhd-mobile-menu-button
 .fhd-mobile-chevron {
 transform: rotate(180deg);
 }

 .fhd-nav-item {
 justify-content: flex-start;

 min-height: 52px;
 padding: 7px 9px;

 border-right: 0;
 border-bottom: 1px solid rgba(255, 255, 255, 0.055);
 border-radius: 8px;
 }

 .fhd-nav-item:last-child {
 border-bottom: 0;
 }

 .fhd-nav-item::after {
 display: none;
 }

 .fhd-nav-text {
 flex: 1;
 }

 .fhd-nav-text strong {
 font-size: 12px;
 }

 .fhd-premieres {
 padding: 11px 8px 13px;
 }

 .fhd-premieres-title strong {
 font-size: 11px;
 }
}

/* =========================================
 TELEFON FOARTE MIC
========================================= */

@media screen and (max-width: 380px) {
 .fhd-header-main {
 padding: 14px 9px;
 }

 .fhd-advertise-box {
 padding: 7px 8px;
 }

 .fhd-advertise-icon {
 flex-basis: 29px;
 width: 29px;
 height: 29px;
 }

 .fhd-advertise-text strong {
 font-size: 10px;
 }

 .fhd-search-input {
 font-size: 11px !important;
 }

 .fhd-premieres-all {
 font-size: 9px;
 }
}
 

/* =========================================
 HEADER CENTRAT – LĂȚIME LIMITATĂ
========================================= */

.fhd-header {
 width: calc(100% - 30px) !important;
 max-width: 980px !important;

 margin: 12px auto 18px !important;

 border-radius: 16px !important;
}

/* Headerul principal devine mai compact */

.fhd-header-main {
 min-height: 145px !important;
 padding: 20px 25px !important;
}

/* Logo mai mic și mai elegant */

.fhd-header-logo {
 flex: 0 1 390px !important;
 min-width: 250px !important;
}

.fhd-header-logo img {
 width: 100% !important;
 max-width: 390px !important;
 height: auto !important;
}

/* Zona din dreapta nu se întinde exagerat */

.fhd-header-right {
 flex: 1 1 520px !important;
 max-width: 680px !important;
}

/* Bara cu premiere puțin mai compactă */

.fhd-premieres {
 padding: 13px 20px 17px !important;
}

/* Desktop mediu */

@media screen and (max-width: 1400px) {
 .fhd-header {
 width: calc(100% - 24px) !important;
 max-width: 1180px !important;
 }

 .fhd-header-main {
 gap: 25px !important;
 }

 .fhd-header-logo {
 flex-basis: 340px !important;
 }

 .fhd-header-logo img {
 max-width: 340px !important;
 }
}

/* Tabletă */

@media screen and (max-width: 950px) {
 .fhd-header {
 width: calc(100% - 20px) !important;
 margin: 10px auto 15px !important;
 }

 .fhd-header-main {
 min-height: 125px !important;
 padding: 18px !important;
 }

 .fhd-header-logo {
 flex-basis: 285px !important;
 min-width: 210px !important;
 }

 .fhd-header-logo img {
 max-width: 285px !important;
 }
}

/* Telefon */

@media screen and (max-width: 700px) {
 .fhd-header {
 width: calc(100% - 12px) !important;
 margin: 6px auto 12px !important;

 border-radius: 12px !important;
 }

 .fhd-header-main {
 min-height: 0 !important;
 padding: 15px 12px !important;
 }

 .fhd-header-logo {
 min-width: 0 !important;
 }

 .fhd-header-logo img {
 width: auto !important;
 max-width: 82% !important;
 max-height: 95px !important;
 }

 .fhd-premieres {
 padding: 11px 9px 14px !important;
 }
}