/* _content/MatanFiveMarks/Components/Layout/MainLayout.razor.rz.scp.css */
/*.top-row {*/
/*    !* Насыщенный темный градиент для контраста с золотом *!*/
/*    background: linear-gradient(to left, #0f0c29, #302b63, #24243e);*/
/*    height: 4rem;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding: 0 2rem;*/
/*    box-shadow: 0 4px 15px rgba(0,0,0,0.5);*/
/*    border-bottom: 1px solid rgba(255,215,0,0.1); !* Еле заметная золотая линия снизу *!*/
/*}*/

/*.logo-gold {*/
/*    color: rgba(255, 255, 255, 0.5) !important; !* Остальной текст приглушенно-белый *!*/
/*    font-size: 1.05rem;*/
/*    font-weight: 300;*/
/*    text-decoration: none !important;*/
/*    font-family: 'Segoe UI', Roboto, sans-serif;*/
/*    letter-spacing: 0.5px;*/
/*}*/

/*!* Эффектные золотые буквы *!*/
/*.g {*/
/*    color: #ffda44 !important; !* Насыщенный золотой *!*/
/*    font-weight: 800;*/
/*    font-size: 1.3rem;*/
/*    text-transform: uppercase;*/
/*    !* Текстовое свечение, чтобы буквы "горели" *!*/
/*    text-shadow: 0 0 8px rgba(255, 218, 68, 0.4),*/
/*    0 0 2px rgba(0, 0, 0, 0.8);*/
/*    margin: 0 1px;*/
/*    display: inline-block;*/
/*}*/

/*!* При наведении название оживает *!*/
/*.logo-gold:hover {*/
/*    color: rgba(255, 255, 255, 0.9) !important;*/
/*    transition: 0.3s;*/
/*}*/

/*@media (max-width: 1200px) {*/
/*    .logo-gold { font-size: 0.9rem; }*/
/*    .g { font-size: 1.1rem; }*/
/*}*/

/*@media (max-width: 900px) {*/
/*    .top-row { padding: 0 1rem; }*/
/*    .logo-gold {*/
/*        white-space: nowrap;*/
/*        overflow: hidden;*/
/*        text-overflow: ellipsis;*/
/*        display: block;*/
/*    }*/
/*}*/

.top-row[b-pw005vmbff] {
    /* Уменьшаем боковые отступы самой панели, чтобы дать больше места тексту */
    padding: 1rem 0.5rem !important;
    background: linear-gradient(135deg, #050505 0%, #0a0a2e 100%);
    min-height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #d4af37;
}

.header-container[b-pw005vmbff] {
    /* Увеличиваем ширину, чтобы текст занимал почти весь экран */
    width: 95%;
    max-width: 1600px; /* Теперь заголовок может растягиваться гораздо шире */
    text-align: center;
    margin: 0 auto;
}

.logo-gold[b-pw005vmbff] {
    /* ГЛАВНОЕ: разрешаем перенос строк, перебивая дефолтный Blazor */
    white-space: normal !important;
    display: block !important;
    text-decoration: none !important;
    color: rgba(255, 255, 255, 0.95) !important;
    margin: 0 auto !important;
}

/* Обертка слова: не дает букве отвалиться */
.w[b-pw005vmbff] {
    display: inline-block !important;
    white-space: nowrap !important;
    /* Увеличим немного расстояние между "кирпичиками" слов для воздуха */
    margin: 0.3rem 0.6rem;
}

.g[b-pw005vmbff] {
    color: #ffd700 !important;
    font-weight: 900;
    font-size: 1.25rem;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

/* Управление версиями */
.short-title[b-pw005vmbff] { display: none !important; }
.full-title[b-pw005vmbff] { display: block !important; line-height: 1.6; }

/* Планшеты и узкие окна ПК */
@media (max-width: 992px) {
    .header-container[b-pw005vmbff] { max-width: 600px; }
}

/* Смартфоны */
@media (max-width: 550px) {
    .full-title[b-pw005vmbff] {
        display: none !important;
    }
    .short-title[b-pw005vmbff] {
        display: block !important;
        font-size: 1.2rem;
        font-weight: 900;
    }
    .short-title .g[b-pw005vmbff] {
        font-size: 1.5rem;
    }
}