/* ============================================
   DARK SAAS THEME - Pure Black Edition
   ============================================ */

/* Fonts are declared in style.css (theme root) — no re-declaration needed here */

:root {
    --bg-pure-black: #000000;
    --bg-dark-secondary: #0a0a0a;
    --bg-card: rgba(255, 255, 255, 0.03);
    --bg-card-hover: rgba(255, 255, 255, 0.03);
    --text-white: #ffffff;
    --text-muted: #ffffff;
    --text-subtle: #ffffff;
    --accent-gold: #ffd700;
    --accent-blue: #4f46e5;
    --accent-gradient: linear-gradient(135deg, #ffd700, #ff6b6b);
    --border-subtle: rgba(255, 255, 255, 0.08);
    --glow-gold: 0 0 30px rgba(255, 215, 0, 0.3);
    --glow-blue: 0 0 30px rgba(79, 70, 229, 0.3);
}

/* Global Overrides */
html {
    scroll-behavior: smooth !important;
}

body {
    background: var(--bg-pure-black) !important;
    color: var(--text-white) !important;
}

/* Smooth transitions for all interactive elements */
a,
button,
input,
select,
textarea,
.btn,
.card,
.nav-link,
.menu-item a {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.site-content {
    background: transparent !important;
}

/* Header styles moved to assets/css/site-header.css */
/* Footer styles moved to assets/css/site-footer.css */

/* Glassmorphism Cards */
.glass-card {
    background: var(--bg-card);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    transition: all 0.3s ease;
}

.glass-card:hover {
    background: var(--bg-card);
    border-color: var(--border-subtle);
    box-shadow: none;
    transform: translateY(-4px);
}

h1:not(.adsbygoogle *):not(ins *),
h2:not(.adsbygoogle *):not(ins *),
h3:not(.adsbygoogle *):not(ins *),
h4:not(.adsbygoogle *):not(ins *),
h5:not(.adsbygoogle *):not(ins *),
h6:not(.adsbygoogle *):not(ins *) {
    color: var(--text-white) !important;
}

p:not(.adsbygoogle *):not(ins *),
span:not(.adsbygoogle *):not(ins *),
li:not(.adsbygoogle *):not(ins *) {
    color: var(--text-muted);
}

/* Blog styles moved to assets/css/blog-index.css */
/* FAQ styles moved to assets/css/page-faq.css */



/* ============================================
   VISIBILITY FIXES - FORCE WHITE TEXT
   ============================================ */

/* FAQ Page */
.faq-page,
.faq-content,
.faq-item summary,
.faq-header p,
.faq-section-title {
    color: #ffffff !important;
}

.faq-item {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* My Settings Page */
.settings-wrapper,
.settings-page,
.settings-hero,
.settings-card,
.settings-menu-item {
    color: #ffffff !important;
}

.settings-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}


/* About Us & Contact */
.page-template-default .entry-content p,
.page-template-default .entry-content h1,
.page-template-default .entry-content h2,
.page-template-default .entry-content h3,
.page-template-default .entry-content li {
    color: #ffffff !important;
}

/* Legal Pages (Privacy, Terms, Refund) */
.legal-page,
.privacy-policy,
.terms-conditions,
.refund-policy {
    background: #000000 !important;
    color: #ffffff !important;
}

/* Single post styles moved to assets/css/single-post.css */




/* ============================================
   SEO CONTENT SECTION - TOOL PAGES
   ============================================ */

/* Base SEO Content Styling */
.seo-content {
    margin-top: 100px !important;
    padding: 60px 40px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* SEO Headings */
.seo-content h2 {
    font-size: 2rem !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, #ffd700, #f59e0b) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.seo-content h3 {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-top: 40px !important;
    margin-bottom: 16px !important;
}

.seo-content h4 {
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-top: 28px !important;
    margin-bottom: 12px !important;
}

/* SEO Paragraphs */
.seo-content p {
    color: #ffffff !important;
    font-size: 1.05rem !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
}

/* SEO Lists */
.seo-content ul,
.seo-content ol {
    color: #ffffff !important;
    padding-left: 24px !important;
    margin-bottom: 28px !important;
}

.seo-content li {
    color: #ffffff !important;
    line-height: 1.8 !important;
    margin-bottom: 12px !important;
    position: relative !important;
}

.seo-content ul li::marker {
    color: #ffd700 !important;
}

.seo-content ol li::marker {
    color: #ffd700 !important;
    font-weight: 600 !important;
}

.seo-content li strong {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* SEO Links */
.seo-content a {
    color: #38bdf8 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}

.seo-content a:hover {
    color: #7dd3fc !important;
    text-decoration: underline !important;
}

/* Mobile Responsive SEO Content */
@media (max-width: 768px) {
    .seo-content {
        margin-top: 60px !important;
        padding: 30px 20px !important;
        border-radius: 16px !important;
    }

    .seo-content h2 {
        font-size: 1.5rem !important;
        margin-bottom: 16px !important;
        padding-bottom: 12px !important;
    }

    .seo-content h3 {
        font-size: 1.2rem !important;
        margin-top: 28px !important;
        margin-bottom: 12px !important;
    }

    .seo-content h4 {
        font-size: 1.05rem !important;
        margin-top: 20px !important;
    }

    .seo-content p {
        font-size: 0.95rem !important;
        line-height: 1.7 !important;
        margin-bottom: 16px !important;
    }

    .seo-content ul,
    .seo-content ol {
        padding-left: 20px !important;
        margin-bottom: 20px !important;
    }

    .seo-content li {
        margin-bottom: 10px !important;
        font-size: 0.95rem !important;
    }
}

@media (max-width: 480px) {
    .seo-content {
        margin-top: 40px !important;
        padding: 24px 16px !important;
        border-radius: 12px !important;
    }

    .seo-content h2 {
        font-size: 1.3rem !important;
    }

    .seo-content h3 {
        font-size: 1.1rem !important;
        margin-top: 24px !important;
    }

    .seo-content p,
    .seo-content li {
        font-size: 0.9rem !important;
    }
}

/* Vertual Hands styles moved to assets/css/passport-photo.css */

p:not(.adsbygoogle *):not(ins *):not(.ppp-modal *):not(.ppp-modal-content *):not(.modal *):not(.print-layout-card *):not(#printModal *),
li:not(.adsbygoogle *):not(ins *):not(.ppp-modal *):not(.ppp-modal-content *):not(.modal *):not(#printModal *),
span:not(.adsbygoogle *):not(ins *):not(.cropper-container *):not([class*="cropper-"]):not(.info-item *):not(.info-item):not(.tool-link-item *):not(.tool-link-item):not(.tools-list *):not(.settings-wrapper *):not(.ppp-modal *):not(.ppp-modal-content *):not(.modal *):not(.print-layout-card *):not(.print-layout-card):not(#printModal *),
label:not(.adsbygoogle *):not(ins *):not(.ppp-modal *):not(.ppp-modal-content *):not(.modal *):not(.print-layout-card *):not(.print-layout-card):not(#printModal *):not(#printModal),
.text-muted:not(.adsbygoogle *):not(ins *):not(.ppp-modal *):not(.ppp-modal-content *):not(#printModal *),
.text-subtle:not(.adsbygoogle *):not(ins *):not(.ppp-modal *):not(.ppp-modal-content *):not(#printModal *),
.last-updated,
.mission-text,
.quick-answers-text,
.seo-content p:not(.adsbygoogle *):not(ins *),
.seo-content li:not(.adsbygoogle *):not(ins *),
.seo-content h4:not(.adsbygoogle *):not(ins *),
.entry-content p:not(.adsbygoogle *):not(ins *),
.entry-content li:not(.adsbygoogle *):not(ins *),
.faq-header p:not(.adsbygoogle *):not(ins *),
.mode-toggle-label:not(.adsbygoogle *):not(ins *),
.tools-hub-desc:not(.adsbygoogle *):not(ins *),
.tools-teaser p:not(.adsbygoogle *):not(ins *),
.tool-header p:not(.adsbygoogle *):not(ins *),
.tool-intro-text:not(.adsbygoogle *):not(ins *),
.tool-desc:not(.adsbygoogle *):not(ins *) {
    color: #ffffff !important;
    opacity: 1 !important;
}

.tool-intro-text {
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 500;
}


/* Premium Notice Banner - Clean Transparent Box with White Border & White Text */
.premium-notice {
    background: transparent !important;
    border: 1px solid #ffffff !important;
    border-radius: 12px !important;
    color: #ffffff !important;
}

.premium-notice strong,
.premium-notice a,
.premium-notice span,
.premium-notice svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

.premium-notice a {
    text-decoration: underline !important;
    font-weight: 700 !important;
}

.premium-notice a:hover {
    opacity: 0.85 !important;
}