/*
 * FNS Expert — visual overrides on top of the React bundle.
 * Loaded AFTER main.903d94b8.css via wp_enqueue_style deps.
 */

/* === 1. Logo size === */
.logo-link img,
a.logo-link img,
header img[alt*="FNS"],
header img[alt*="fns"] {
    height: 52px !important;
    width: auto !important;
    max-width: none !important;
}
@media (max-width: 768px) {
    .logo-link img,
    a.logo-link img,
    header img[alt*="FNS"],
    header img[alt*="fns"] {
        height: 44px !important;
    }
}

/* === 2. Приглушить кислотный зелёный === */
/* Old: #16A34A / #1b9d4a / #22c55e / #15803d → #0d6e4f (deep emerald) */
[style*="background-color: rgb(22, 163, 74)"],
[style*="background-color:#16a34a"],
[style*="background-color: #16a34a"],
[style*="background-color:#16A34A"],
[style*="background-color: #16A34A"],
[style*="background:#16a34a"],
[style*="background: #16a34a"],
[style*="background:#16A34A"],
[style*="background: #16A34A"],
[style*="background-color: rgb(27, 157, 74)"],
[style*="background-color:#1b9d4a"],
[style*="background: #1b9d4a"],
[style*="background-color: rgb(34, 197, 94)"],
[style*="background-color:#22c55e"],
[style*="background: #22c55e"] {
    background-color: #0d6e4f !important;
}
[style*="color: rgb(22, 163, 74)"],
[style*="color:#16a34a"],
[style*="color: #16a34a"],
[style*="color:#16A34A"],
[style*="color: #16A34A"],
[style*="color: rgb(27, 157, 74)"],
[style*="color:#1b9d4a"],
[style*="color: #1b9d4a"],
[style*="color: rgb(34, 197, 94)"],
[style*="color:#22c55e"],
[style*="color: #22c55e"] {
    color: #0d6e4f !important;
}
[style*="border-color: rgb(22, 163, 74)"],
[style*="border-color:#16a34a"],
[style*="border-color: #16a34a"],
[style*="border-color:#16A34A"],
[style*="border-color: #16A34A"] {
    border-color: #0d6e4f !important;
}
svg [fill="#16a34a"], svg [fill="#16A34A"], svg [fill="#1b9d4a"], svg [fill="#22c55e"] { fill: #0d6e4f !important; }
svg [stroke="#16a34a"], svg [stroke="#16A34A"], svg [stroke="#1b9d4a"], svg [stroke="#22c55e"] { stroke: #0d6e4f !important; }

.bg-emerald-500, .bg-emerald-600, .bg-green-500, .bg-green-600 { background-color: #0d6e4f !important; }
.text-emerald-500, .text-emerald-600, .text-green-500, .text-green-600 { color: #0d6e4f !important; }
.border-emerald-500, .border-emerald-600, .border-green-500, .border-green-600 { border-color: #0d6e4f !important; }
.hover\:bg-emerald-500:hover, .hover\:bg-emerald-600:hover, .hover\:bg-green-600:hover { background-color: #075c41 !important; }

/* Бледно-зелёные фоны → нейтральный тёплый */
[style*="background-color:#e4fbed"],
[style*="background-color: #e4fbed"],
[style*="background:#e4fbed"],
[style*="background: #e4fbed"],
[style*="background-color:#f0fdf4"],
[style*="background-color: #f0fdf4"],
[style*="background:#f0fdf4"],
[style*="background: #f0fdf4"],
.bg-emerald-50, .bg-green-50, .bg-emerald-100, .bg-green-100 {
    background-color: #f5f7f6 !important;
}

/* === 3. Mobile === */
@media (max-width: 480px) {
    h1, .hero h1, [class*="hero"] h1 {
        font-size: clamp(1.6rem, 6vw, 2.4rem) !important;
        line-height: 1.15 !important;
        letter-spacing: -0.02em !important;
    }
    h2 {
        font-size: clamp(1.3rem, 5vw, 1.8rem) !important;
        line-height: 1.2 !important;
    }
    body {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }
    main, [role="main"] { padding-bottom: 80px; }
}
@media (max-width: 768px) {
    header { padding-left: 12px !important; padding-right: 12px !important; }
}
@media (hover: none) and (pointer: coarse) {
    button, a.cta, a[class*="button"], a[role="button"] {
        min-height: 44px;
        touch-action: manipulation;
    }
}

/* === 3a. Скрыть упоминания @FNS_Expert_bot и любых tg-ботов === */
a[href*="t.me/FNS_Expert_bot"],
a[href*="t.me/FNSE_bot"],
a[href*="@FNS_Expert_bot"],
a[href*="@FNSE_bot"],
[data-tg-bot],
.tg-bot-link {
    display: none !important;
}

/* === 4. Print === */
@media print {
    header, footer, [class*="sticky"], [class*="cta-bottom"] { display: none !important; }
    body { background: #fff !important; color: #000 !important; }
}