/* === Apple button night === */

/* Делаем шапку основой для позиционирования кнопки */
.apple-header {
    position: relative; /* Это свойство позволит закрепить кнопку внутри шапки */
}

/* Стили для жестко закрепленной кнопки темы */
.theme-toggle-corner {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;                /* Выводим кнопку на передний план над заголовком */
    background: transparent;     /* Полностью бесцветный фон */
    border: none;                /* Убираем рамку */
    color: var(--text-secondary); /* Цвет совпадает с вашим серым подзаголовком */
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: var(--transition);
    padding: 0;
}

/* Эффект при наведении — иконка просто становится контрастной */
.theme-toggle-corner:hover {
    color: var(--text-primary);
    background: rgba(0, 0, 0, 0.04); /* Легкий аккуратный блик */
}

/* Стили иконки для темной темы при наведении */
[data-theme="dark"] .theme-toggle-corner:hover {
    background: rgba(255, 255, 255, 0.04);
}

/* Адаптивность для mobile экранов */
@media (max-width: 768px) {
    .theme-toggle-corner {
        top: -10px;  /* На мобильных чуть приподнимем */
        right: 12px; /* Сделаем аккуратный отступ от края экрана */
        width: 36px;
        height: 36px;
        font-size: 16px;
        border-radius: 50%; /* Сохраняем круглую форму кнопки на мобильных */
    }
}

[data-theme="dark"] .apple-header h1,
[data-theme="dark"] .header-title,
[data-theme="dark"] h1 {
    color: #ffffff !important;
    background: none !important; /* Отключаем темный градиент */
    -webkit-background-clip: initial !important; /* Сбрасываем обрезку фона */
    -webkit-text-fill-color: #ffffff !important; /* ИСПРАВЛЕНИЕ: Возвращаем тексту белый цвет вместо прозрачного! */
}

/* Перекрашивание подзаголовка */
[data-theme="dark"] .header-subtitle {
    color: #e5e5e7 !important; 
}