@import url('https://cdn.jsdelivr.net/npm/tailwindcss@3.4.1/src/css/preflight.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css');

/* Настройки SeoCraft */
:root {
    --brand-dark: #0B0F19;
    --brand-accent: #6366F1;
    --brand-accent-hover: #4F46E5;
    --brand-text-muted: #9CA3AF;
}

body {
    background-color: var(--brand-dark);
}

.bg-brand-dark {
    background-color: #0b0f19;
}

.bg-brand-dark\/90 {
    background-color: rgba(11, 15, 25, 0.9);
}

.bg-brand-dark\/80 {
    background-color: rgba(11, 15, 25, 0.8);
}

.bg-brand-accent {
    background-color: var(--brand-accent);
}

.bg-brand-accent\/5 {
    background-color: rgba(99, 102, 241, 0.05);
}

.bg-brand-accentHover, .hover\:bg-brand-accentHover:hover {
    background-color: var(--brand-accent-hover);
}

.text-brand-accent {
    color: var(--brand-accent);
}

.text-brand-textMuted {
    color: var(--brand-text-muted);
}

.border-brand-accent\/20 {
    border-color: rgba(99, 102, 241, 0.2);
}

.border-gray-850 {
    border-color: rgb(24, 30, 48);
}

/* Стилизация модального всплывающего окна */
#callback-modal:not(.opacity-0) {
    pointer-events: auto;
}

.form-response {
    padding: 0.5rem;
    border-radius: 0.5rem;
}

/* Декоративный скроллбар */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0B0F19;
}
::-webkit-scrollbar-thumb {
    background: #1F2937;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--brand-accent);
}

/* Плавный переход цвета для иконки Telegram */
.fa-telegram {
    transition: transform 0.2s ease, color 0.2s ease;
}

a:hover .fa-telegram {
    transform: scale(1.1);
    color: #38bdf8; /* Более яркий голубой при наведении */
}

@media (max-width: 767px) {
    #cookie-banner {
        background-color: #0b0f19 !important; /* Насыщенный непрозрачный темно-серый цвет */
        backdrop-filter: none !important;     /* Отключаем размытие, так как фон непрозрачный */
    }
}