/* =========================================
 CONT ȘI CHAT PREMIUM
========================================= */

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

.fhd-account-card {
 position: relative;

 width: 100%;
 max-width: 100%;
 overflow: hidden;

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

 background:
 radial-gradient(
 circle at 100% 0,
 rgba(255, 177, 31, 0.12),
 transparent 37%
 ),
 linear-gradient(
 150deg,
 #1b1d18 0%,
 #10110e 58%,
 #090a08 100%
 );

 border: 1px solid rgba(255, 184, 36, 0.21);
 border-radius: 14px;

 box-shadow:
 0 14px 34px rgba(0, 0, 0, 0.40),
 inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Linie aurie superioară */

.fhd-account-card::before {
 position: absolute;
 z-index: 3;
 top: 0;
 right: 20%;
 left: 20%;

 height: 2px;
 content: "";

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

 box-shadow: 0 0 13px rgba(255, 174, 40, 0.62);
}

/* =========================================
 HEADER
========================================= */

.fhd-account-card-header {
 display: flex;
 align-items: center;
 gap: 10px;

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

 background:
 linear-gradient(
 90deg,
 rgba(255, 174, 35, 0.065),
 transparent
 ),
 rgba(0, 0, 0, 0.25);

 border-bottom: 1px solid rgba(255, 184, 36, 0.18);
}

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

 flex: 0 0 38px;
 width: 38px;
 height: 38px;

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

 background: linear-gradient(
 145deg,
 #ffe175,
 #ffb22e,
 #ff8e21
 );

 border: 1px solid rgba(255, 255, 255, 0.30);
 border-radius: 11px;

 box-shadow:
 0 6px 15px rgba(255, 143, 32, 0.21),
 inset 0 1px 0 rgba(255, 255, 255, 0.48);
}

.fhd-account-card-heading {
 flex: 1;
 min-width: 0;
}

.fhd-account-card-heading strong,
.fhd-account-card-heading small {
 display: block;
}

.fhd-account-card-heading strong {
 color: #fff;
 font-size: 15px;
 line-height: 1.2;
}

.fhd-account-card-heading small {
 margin-top: 3px;

 color: #858880;
 font-size: 9px;
}

.fhd-account-status {
 flex: 0 0 9px;

 width: 9px;
 height: 9px;

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

 box-shadow: 0 0 10px rgba(75, 218, 120, 0.72);
}

.fhd-account-card-content {
 padding: 13px;
}

.fhd-account-card-spacing {
 clear: both;
 height: 15px;
}

/* =========================================
 PROFIL UTILIZATOR
========================================= */

.fhd-user-profile {
 display: flex;
 align-items: center;
 gap: 12px;

 padding: 2px 3px 14px;
 margin-bottom: 8px;

 border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.fhd-user-avatar-wrap {
 position: relative;

 flex: 0 0 62px;
 width: 62px;
 height: 62px;
 padding: 3px;

 background: linear-gradient(
 135deg,
 #ffe370,
 #ffab29,
 #ff7720
 );

 border-radius: 50%;

 box-shadow:
 0 7px 18px rgba(0, 0, 0, 0.38),
 0 0 13px rgba(255, 170, 35, 0.16);
}

.fhd-user-avatar {
 display: block;

 width: 100%;
 height: 100%;

 object-fit: cover;

 background: #222;
 border: 3px solid #171815;
 border-radius: 50%;
}

.fhd-user-online-dot {
 position: absolute;
 right: 1px;
 bottom: 4px;

 width: 14px;
 height: 14px;

 background: #48d577;
 border: 3px solid #171815;
 border-radius: 50%;

 box-shadow: 0 0 8px rgba(72, 213, 119, 0.68);
}

.fhd-user-details {
 flex: 1;
 min-width: 0;
}

.fhd-user-welcome {
 display: block;

 color: #858880;
 font-size: 9px;
 text-transform: uppercase;
 letter-spacing: 0.5px;
}

.fhd-user-name {
 display: block;
 overflow: hidden;

 margin-top: 3px;

 color: #fff !important;
 font-size: 18px;
 font-weight: 900;
 line-height: 1.25;
 text-decoration: none !important;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.fhd-user-name:hover {
 color: #ffbc38 !important;
}

.fhd-user-online {
 display: block;
 margin-top: 5px;

 color: #50d57d;
 font-size: 9px;
}

/* =========================================
 MENIU CONT
========================================= */

.fhd-user-menu-item {
 display: flex !important;
 align-items: center;
 gap: 9px;

 min-height: 44px;
 margin: 5px 0;
 padding: 5px 8px;

 color: #d7d8d4 !important;
 font-size: 12px;
 font-weight: 700;
 text-decoration: none !important;

 background: rgba(255, 255, 255, 0.035);
 border: 1px solid rgba(255, 255, 255, 0.065);
 border-radius: 9px;

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

.fhd-user-menu-item:hover {
 color: #fff !important;

 background: linear-gradient(
 90deg,
 rgba(255, 175, 35, 0.13),
 rgba(255, 175, 35, 0.025)
 );

 border-color: rgba(255, 175, 35, 0.27);
 transform: translateX(3px);
}

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

 flex: 0 0 31px;
 width: 31px;
 height: 31px;

 color: #ffb42f;
 font-size: 14px;

 background: rgba(255, 179, 46, 0.09);
 border: 1px solid rgba(255, 179, 46, 0.13);
 border-radius: 8px;
}

.fhd-user-menu-text {
 flex: 1;
 min-width: 0;

 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.fhd-user-menu-arrow {
 color: #70736c;
 font-size: 19px;
}

.fhd-unread-count {
 min-width: 24px;
 padding: 5px 6px;

 color: #171713;
 font-size: 9px;
 font-weight: 900;
 text-align: center;

 background: linear-gradient(135deg, #ffe16b, #ff9c23);
 border-radius: 20px;

 box-shadow: 0 3px 9px rgba(255, 151, 32, 0.20);
}

.fhd-add-film-badge {
 padding: 4px 6px;

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

 background: #ffbd37;
 border-radius: 5px;
}

/* =========================================
 CHAT MEMBRI
========================================= */

.fhd-member-chat {
 margin-top: 13px;
 overflow: hidden;

 background:
 linear-gradient(
 145deg,
 rgba(255, 255, 255, 0.04),
 rgba(255, 255, 255, 0.015)
 );

 border: 1px solid rgba(255, 181, 40, 0.17);
 border-radius: 11px;
}

.fhd-member-chat-header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 8px;

 min-height: 48px;
 padding: 8px 10px;

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

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

.fhd-member-chat-title > span:last-child {
 min-width: 0;
}

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

.fhd-member-chat-title strong {
 color: #fff;
 font-size: 11px;
}

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

 color: #767971;
 font-size: 7px;
}

.fhd-chat-live-dot {
 flex: 0 0 8px;

 width: 8px;
 height: 8px;

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

 box-shadow: 0 0 9px rgba(75, 216, 120, 0.75);

 animation: fhdChatPulse 1.8s ease-in-out infinite;
}

@keyframes fhdChatPulse {
 0%,
 100% {
 opacity: 1;
 transform: scale(1);
 }

 50% {
 opacity: 0.5;
 transform: scale(0.78);
 }
}

.fhd-chat-live-badge {
 padding: 4px 6px;

 color: #fff;
 font-size: 7px;
 font-weight: 900;
 letter-spacing: 0.6px;

 background: linear-gradient(135deg, #ff6743, #d92243);
 border-radius: 20px;
}

.fhd-chat-welcome-message {
 display: flex;
 gap: 7px;

 margin: 9px;
 padding: 8px;

 background: rgba(255, 174, 36, 0.055);
 border: 1px solid rgba(255, 174, 36, 0.10);
 border-radius: 7px;
}

.fhd-chat-welcome-message > span {
 font-size: 13px;
}

.fhd-chat-welcome-message p {
 margin: 0 !important;

 color: #979992 !important;
 font-size: 8px !important;
 line-height: 1.5 !important;
}

.fhd-chat-box {
 position: relative;

 width: calc(100% - 18px);
 max-width: calc(100% - 18px);
 margin: 0 9px 9px;
 overflow: hidden;

 color: #ccc;

 background: rgba(0, 0, 0, 0.20);
 border-radius: 8px;
}

/* Elemente generate de uCoz */

.fhd-chat-box table,
.fhd-chat-box tbody,
.fhd-chat-box tr,
.fhd-chat-box td {
 max-width: 100% !important;

 color: #ccc !important;
 background: transparent !important;

 box-sizing: border-box !important;
}

.fhd-chat-box table {
 width: 100% !important;
}

.fhd-chat-box iframe {
 display: block;

 width: 100% !important;
 max-width: 100% !important;

 border: 0 !important;
}

.fhd-chat-box input[type="text"],
.fhd-chat-box textarea {
 max-width: 100% !important;

 color: #fff !important;

 background: #20221e !important;
 border: 1px solid rgba(255, 255, 255, 0.13) !important;
 border-radius: 7px !important;
 outline: none !important;

 box-sizing: border-box !important;
}

.fhd-chat-box input[type="text"]:focus,
.fhd-chat-box textarea:focus {
 border-color: #ffad28 !important;
}

.fhd-chat-box input[type="submit"],
.fhd-chat-box button {
 color: #171713 !important;
 font-weight: 900 !important;

 background: linear-gradient(135deg, #ffe071, #ff9d24) !important;
 border: 0 !important;
 border-radius: 7px !important;

 cursor: pointer;
}

/* DECONECTARE */

.fhd-logout-button {
 display: flex !important;
 align-items: center;
 justify-content: center;
 gap: 7px;

 min-height: 41px;
 margin-top: 11px;

 color: #ff7777 !important;
 font-size: 11px;
 text-decoration: none !important;

 background: rgba(255, 73, 73, 0.055);
 border: 1px solid rgba(255, 73, 73, 0.14);
 border-radius: 8px;

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

.fhd-logout-button:hover {
 background: rgba(255, 73, 73, 0.10);
 border-color: rgba(255, 73, 73, 0.25);
}

/* =========================================
 LOGIN DELOGAT
========================================= */

.fhd-login-intro {
 padding: 2px 3px 13px;
 text-align: center;
}

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

 width: 56px;
 height: 56px;
 margin: 0 auto 11px;

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

 background: linear-gradient(
 145deg,
 #fff0a2,
 #ffc345,
 #ff8e21
 );

 border: 2px solid rgba(255, 255, 255, 0.37);
 border-radius: 17px;

 box-shadow:
 0 8px 21px rgba(255, 143, 32, 0.24),
 inset 0 1px 1px rgba(255, 255, 255, 0.53);

 transform: rotate(-4deg);
}

.fhd-login-cinema-icon span {
 margin-left: 3px;
 transform: rotate(4deg);
}

.fhd-login-intro h3 {
 margin: 0 0 6px !important;

 color: #fff !important;
 font-size: 18px !important;
 font-weight: 900 !important;
}

.fhd-login-intro p {
 margin: 0 !important;

 color: #91948c !important;
 font-size: 10px !important;
 line-height: 1.5 !important;
}

/* =========================================
 FORMULAR LOGIN UCOZ
========================================= */

.fhd-login-form {
 position: relative;
 z-index: 20;

 width: 100%;
}

.fhd-login-form form,
.fhd-login-form table,
.fhd-login-form tbody,
.fhd-login-form tr,
.fhd-login-form td {
 display: block !important;
 float: none !important;

 width: 100% !important;
 min-width: 0 !important;
 max-width: 100% !important;
 height: auto !important;

 margin: 0 !important;
 padding: 0 !important;

 color: #aaa !important;
 text-align: left !important;

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

 box-sizing: border-box !important;
}

.fhd-login-form tr {
 margin-bottom: 10px !important;
}

.fhd-login-form td:first-child {
 margin-bottom: 5px !important;

 color: #b6b8b2 !important;
 font-size: 10px !important;
 font-weight: 700 !important;
}

.fhd-login-form input[type="text"],
.fhd-login-form input[type="password"],
.fhd-login-form input[type="email"] {
 position: relative !important;
 z-index: 30 !important;

 display: block !important;

 width: 100% !important;
 max-width: 100% !important;
 height: 42px !important;

 margin: 0 !important;
 padding: 0 11px !important;

 color: #fff !important;
 caret-color: #ffb02b !important;

 font-size: 12px !important;

 background: #20221e !important;
 border: 1px solid rgba(255, 255, 255, 0.14) !important;
 border-radius: 8px !important;
 outline: 0 !important;

 box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.24) !important;

 pointer-events: auto !important;
 cursor: text !important;
}

.fhd-login-form input[type="text"]:focus,
.fhd-login-form input[type="password"]:focus,
.fhd-login-form input[type="email"]:focus {
 border-color: #ffaf29 !important;

 box-shadow:
 0 0 0 3px rgba(255, 175, 41, 0.11),
 inset 0 2px 5px rgba(0, 0, 0, 0.20) !important;
}

.fhd-login-form input[type="checkbox"] {
 display: inline-block !important;

 width: 16px !important;
 height: 16px !important;
 margin-right: 5px !important;

 vertical-align: middle;
 accent-color: #ffad29;

 pointer-events: auto !important;
}

.fhd-login-form input[type="submit"],
.fhd-login-form input[type="button"],
.fhd-login-form button {
 display: block !important;

 width: 100% !important;
 min-height: 42px !important;

 margin: 10px 0 4px !important;

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

 background: linear-gradient(
 135deg,
 #ffe274,
 #ffb02e,
 #ff8e22
 ) !important;

 border: 0 !important;
 border-radius: 8px !important;

 box-shadow:
 0 7px 17px rgba(255, 143, 34, 0.22),
 inset 0 1px 0 rgba(255, 255, 255, 0.49) !important;

 pointer-events: auto !important;
 cursor: pointer !important;
}

.fhd-login-form a {
 color: #daa72e !important;
 font-size: 10px !important;
 text-decoration: none !important;
}

.fhd-login-form a:hover {
 color: #ffd25c !important;
}

/* =========================================
 AVERTISMENT ÎNREGISTRARE
========================================= */

.fhd-login-notice {
 position: relative;

 margin-top: 15px;
 padding: 12px;

 overflow: hidden;

 background:
 radial-gradient(
 circle at 100% 0,
 rgba(255, 176, 34, 0.12),
 transparent 40%
 ),
 rgba(255, 255, 255, 0.03);

 border: 1px solid rgba(255, 178, 36, 0.16);
 border-radius: 10px;
}

.fhd-login-notice-header {
 display: flex;
 align-items: center;
 gap: 8px;
}

.fhd-notice-spark {
 display: flex;
 align-items: center;
 justify-content: center;

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

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

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

.fhd-login-notice-header > div {
 flex: 1;
 min-width: 0;
}

.fhd-login-notice-header strong,
.fhd-login-notice-header small {
 display: block;
}

.fhd-login-notice-header strong {
 color: #fff;
 font-size: 11px;
}

.fhd-login-notice-header small {
 margin-top: 3px;

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

.fhd-free-badge {
 padding: 4px 6px;

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

 background: #ffbd38;
 border-radius: 20px;
}

.fhd-login-notice > p {
 margin: 11px 0 !important;

 color: #a0a29b !important;
 font-size: 9px !important;
 line-height: 1.55 !important;
}

.fhd-account-benefits {
 margin: 0 !important;
 padding: 0 !important;

 list-style: none !important;
}

.fhd-account-benefits li {
 display: flex;
 align-items: center;
 gap: 7px;

 margin: 7px 0;

 color: #b7b9b2;
 font-size: 9px;
}

.fhd-account-benefits li span {
 display: flex;
 align-items: center;
 justify-content: center;

 flex: 0 0 17px;
 width: 17px;
 height: 17px;

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

 background: #52ce78;
 border-radius: 50%;
}

/* BUTON ÎNREGISTRARE */

.fhd-register-button {
 display: flex !important;
 align-items: center;
 gap: 8px;

 width: 100%;
 min-height: 49px;
 margin-top: 12px;
 padding: 7px 8px;

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

 background: linear-gradient(
 135deg,
 #ffe47b,
 #ffb42f,
 #ff8e20
 );

 border-radius: 9px;

 box-shadow:
 0 7px 18px rgba(255, 142, 31, 0.22),
 inset 0 1px 0 rgba(255, 255, 255, 0.49);

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

.fhd-register-button:hover {
 color: #111 !important;
 filter: brightness(1.07);
 transform: translateY(-2px);
}

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

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

 font-size: 17px;

 background: rgba(255, 255, 255, 0.27);
 border-radius: 8px;
}

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

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

.fhd-register-text strong {
 color: #171713;
 font-size: 11px;
}

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

 color: rgba(0, 0, 0, 0.62);
 font-size: 8px;
}

.fhd-register-arrow {
 font-size: 18px;
 font-weight: 900;
}

.fhd-existing-account {
 margin-top: 10px;

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

.fhd-existing-account a {
 margin-left: 3px;

 color: #e8b13a !important;
 font-weight: 700;
 text-decoration: none !important;
}

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

 margin-top: 11px;

 color: #676a63;
 font-size: 8px;
}

.fhd-login-security span {
 color: #53cf78;
}

/* =========================================
 RESPONSIVE
========================================= */

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

 .fhd-account-card-header {
 min-height: 54px;
 padding: 8px 11px;
 }

 .fhd-account-card-content {
 padding: 11px;
 }

 .fhd-login-form input[type="text"],
 .fhd-login-form input[type="password"],
 .fhd-login-form input[type="email"] {
 height: 41px !important;
 }
}

@media screen and (max-width: 380px) {
 .fhd-account-card-content {
 padding: 9px;
 }

 .fhd-account-card-heading strong {
 font-size: 13px;
 }

 .fhd-login-notice {
 padding: 10px;
 }

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

 .fhd-user-menu-item {
 padding-right: 6px;
 padding-left: 6px;
 }
}

@media (prefers-reduced-motion: reduce) {
 .fhd-chat-live-dot {
 animation: none;
 }

 .fhd-user-menu-item,
 .fhd-register-button {
 transition: none;
 }
}