/* ============================================================
 * TheWriter.id — Global Brand Polish v1.6.0
 * Applies subtle FTTH brand cohesion (header pill button,
 * footer cyan accents, link hover, button gradient) site-wide
 * WITHOUT flipping non-front pages to full dark mode.
 *
 * Excludes: body.ftth-modern-front / body.ftth-contact-page
 * (these have their own dark theme styles).
 * ============================================================ */

/* Header "Hire Me" pill — unify with FTTH cyan→indigo gradient */
body:not(.ftth-modern-front):not(.ftth-contact-page) #main-header a.bg-brand-600,
body:not(.ftth-modern-front):not(.ftth-contact-page) #main-header a[class*="bg-brand-600"] {
    background: linear-gradient(135deg, #06b6d4 0%, #6366f1 100%) !important;
    box-shadow: 0 10px 25px rgba(6, 182, 212, 0.25), 0 4px 10px rgba(99, 102, 241, 0.18) !important;
    transition: transform .35s cubic-bezier(.3,1.3,.4,1), box-shadow .35s ease !important;
}
body:not(.ftth-modern-front):not(.ftth-contact-page) #main-header a.bg-brand-600:hover,
body:not(.ftth-modern-front):not(.ftth-contact-page) #main-header a[class*="bg-brand-600"]:hover {
    transform: translateY(-2px) scale(1.03) !important;
    box-shadow: 0 16px 38px rgba(6, 182, 212, 0.4), 0 6px 18px rgba(99, 102, 241, 0.28) !important;
    background: linear-gradient(135deg, #22d3ee 0%, #818cf8 100%) !important;
}

/* Footer — globally unified deep navy with cyan accents */
footer.bg-brand-950,
body footer[class*="bg-brand-950"] {
    background: linear-gradient(180deg, #050714 0%, #0a0f24 100%) !important;
    border-top: 1px solid rgba(34, 211, 238, 0.12) !important;
    position: relative;
    overflow: hidden;
}
footer.bg-brand-950::before,
body footer[class*="bg-brand-950"]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #22d3ee 35%, #e879f9 65%, transparent 100%);
    opacity: 0.55;
}
footer.bg-brand-950 a.text-white,
footer.bg-brand-950 .text-brand-50,
footer.bg-brand-950 .text-brand-100,
footer.bg-brand-950 .text-brand-200 {
    color: #e6e9f5 !important;
}
footer.bg-brand-950 .text-brand-400 { color: #8b93b8 !important; }
footer.bg-brand-950 a:hover { color: #67e8f9 !important; }
footer.bg-brand-950 .border-brand-800 { border-color: rgba(120, 144, 220, 0.18) !important; }
footer.bg-brand-950 .text-red-500 { color: #fda4af !important; }

/* Footer brand mark — keep light but with subtle glow */
footer.bg-brand-950 .bg-white.text-brand-900 {
    box-shadow: 0 0 24px rgba(34, 211, 238, 0.25);
}

/* Site-wide link hover refinement (only outside header/footer scoped above) */
body:not(.ftth-modern-front):not(.ftth-contact-page) #main-header nav a:hover {
    color: #06b6d4 !important;
}