/*
Theme Name: K.ANA Service Theme
Theme URI: https://kana.service
Author: K.ANA
Description: Премиальная тема для систем безопасности, аудио и умного дома.
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&family=Montserrat:wght@800;900&display=swap');

/* Глобальные настройки */
body {
    font-family: 'Inter', sans-serif;
    background-color: #0f1115;
    color: #d1d5db;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

h1, h2, h3, h4, .font-header { font-family: 'Montserrat', sans-serif; }

/* Фикс для админ-панели WordPress (чтобы меню не наезжало) */
body.admin-bar #navbar { top: 32px; }
@media screen and (max-width: 782px) { body.admin-bar #navbar { top: 46px; } }

/* Золотой акцент K.ANA Service */
.gold-text { color: #b4965a; }
.gold-bg { background-color: #b4965a; }
.gold-border { border-color: #b4965a; }
.text-glow { text-shadow: 0 0 20px rgba(180, 150, 90, 0.3); }

/* АНИМАЦИИ ГЛАВНОГО ЭКРАНА */
@keyframes floatingHome {
    0%, 100% { transform: translateY(0) scale(1); filter: drop-shadow(0 0 20px rgba(180,150,90,0.1)); }
    50% { transform: translateY(-10px) scale(1.02); filter: drop-shadow(0 0 40px rgba(180,150,90,0.25)); }
}
@keyframes rotateOrbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.animate-floating-home { animation: floatingHome 4s ease-in-out infinite; }
.animate-orbit-slow { animation: rotateOrbit 25s linear infinite; }
.animate-orbit-fast { animation: rotateOrbit 15s linear infinite; }
.animate-orbit-medium { animation: rotateOrbit 20s linear infinite; }

/* ЭФФЕКТЫ ИКОНОК УСЛУГ */
@keyframes threatStrike {
    0% { transform: translate(35px, -35px) rotate(-135deg); opacity: 0; }
    10% { opacity: 1; }
    25% { transform: translate(12px, -12px) rotate(-135deg); opacity: 1; }
    26%, 100% { opacity: 0; }
}
@keyframes forcefieldDeflect {
    0%, 24% { transform: scale(1); opacity: 0; border-color: transparent; }
    25% { transform: scale(1.1); opacity: 1; border-color: #fff; box-shadow: 0 0 20px rgba(180,150,90,0.8); }
    50% { transform: scale(1.6); opacity: 0; border-color: #b4965a; }
    100% { transform: scale(1); opacity: 0; }
}
@keyframes shieldGlow {
    0%, 100% { filter: drop-shadow(0 0 5px rgba(180,150,90,0.3)); transform: scale(1); }
    50% { filter: drop-shadow(0 0 12px rgba(180,150,90,0.6)); transform: scale(1.05); }
}
@keyframes scanLine {
    0% { top: -10%; opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { top: 110%; opacity: 0; }
}
@keyframes dataPulse {
    0%, 100% { opacity: 0.3; transform: scale(0.8); }
    50% { opacity: 1; transform: scale(1.2); }
}
@keyframes recBlink {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.3; transform: scale(0.8); }
}

/* Скроллбары */
.custom-scroll::-webkit-scrollbar { width: 4px; }
.custom-scroll::-webkit-scrollbar-thumb { background: #b4965a55; border-radius: 10px; }

/* Прогресс скролла */
#scroll-progress {
    position: fixed; top: 0; left: 0; width: 0%; height: 2px;
    background: #b4965a; z-index: 101; transition: width 0.1s ease;
}

/* Звезды рейтинга */
.star-active { color: #b4965a !important; fill: #b4965a; }

/* Toast уведомление */
#toast {
    transition: opacity 0.3s, transform 0.3s;
    transform: translateY(20px);
    opacity: 0;
    pointer-events: none;
}
#toast.show {
    transform: translateY(0);
    opacity: 1;
}