/* EA-INTERNAL-NAVY-SYSTEM-027 */
/* Scoped internal premium navy theme */

/* TASK 1: GLOBAL INTERNAL PAGE BACKGROUND */
body:not(.home),
body:not(.home) .site-content,
body:not(.home) .content-area,
body:not(.home) .container-fluid {
    background-color: #1D4472 !important; /* 1 */
}

/* Default base for all internal sections */
body:not(.home) section {
    background: #1D4472 !important; /* 1 */
    background-color: #1D4472 !important;
}

/* Alternate sections to break flat scroll layouts */
body:not(.home) section:nth-of-type(even) {
    background: #44648A !important; /* 2 */
    background-color: #44648A !important;
    border-top: 1px solid rgba(255,255,255,0.03) !important;
    border-bottom: 1px solid rgba(255,255,255,0.03) !important;
}

/* Force heroes to stay in their lane (3) */
body:not(.home) .ea-seo-hero,
body:not(.home) .sp-hero,
body:not(.home) .cat-hero,
body:not(.home) .ea-cat-hero,
body:not(.home) .page-header {
    background: #7A97B8 !important; /* 3 */
    background-color: #7A97B8 !important;
}

/* Override existing inline styles, maroon (#6B1D2D), light beige (#fff3e0), light gray (#f5f5f5, #f8f8f8), and white sections */
body:not(.home) .bg-white,
body:not(.home) .bg-light,
body:not(.home) div[style*="background:#fff"],
body:not(.home) div[style*="background-color:#fff"],
body:not(.home) div[style*="background: #fff"],
body:not(.home) div[style*="background-color: #fff"],
body:not(.home) div[style*="background:#ffffff"],
body:not(.home) div[style*="background-color:#ffffff"],
body:not(.home) div[style*="background: #ffffff"],
body:not(.home) div[style*="background-color: #ffffff"],
body:not(.home) section[style*="background:#fff"],
body:not(.home) section[style*="background:#ffffff"],
body:not(.home) section[style*="background:#f5f5f5"],
body:not(.home) div[style*="background:#f5f5f5"],
body:not(.home) div[style*="background:#f8f8f8"],
body:not(.home) section[style*="background:#fff3e0"],
body:not(.home) section[style*="background:#6B1D2D"],
body:not(.home) div[style*="background:#6B1D2D"] {
    background: #1D4472 !important; /* 1 */
    background-color: #1D4472 !important;
}

/* Style Trust Bars below hero (using old yellow/beige inline styles #fff3e0) to be Active Blue (#A3BFDE) */
body:not(.home) div[style*="background:#fff3e0"],
body:not(.home) div[style*="background-color:#fff3e0"] {
    background: #A3BFDE !important; /* 4 */
    background-color: #A3BFDE !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}
body:not(.home) div[style*="background:#fff3e0"] div,
body:not(.home) div[style*="background:#fff3e0"] i,
body:not(.home) div[style*="background-color:#fff3e0"] div,
body:not(.home) div[style*="background-color:#fff3e0"] i {
    color: #1D4472 !important; /* Dark text on light background (4) */
}

/* TASK 2: INTERNAL HERO SECTIONS */
body:not(.home) .sp-hero,
body:not(.home) .cat-hero,
body:not(.home) .ea-seo-hero,
body:not(.home) .page-header {
    background-color: #0B1F38 !important;
    /* keep overlays if any, but ensure deep base */
}
body:not(.home) .sp-hero h1,
body:not(.home) .cat-hero h1,
body:not(.home) .ea-seo-hero h1,
body:not(.home) .page-header h1 {
    color: #F5F7FA !important;
}
body:not(.home) .sp-hero p,
body:not(.home) .cat-hero p,
body:not(.home) .ea-seo-hero p,
body:not(.home) .page-header p {
    color: #B8C2CC !important;
}

/* TASK 3: CARD / SURFACE SYSTEM */
body:not(.home) .product-card,
body:not(.home) .service-card,
body:not(.home) .ea-card,
body:not(.home) .feature-box,
body:not(.home) .spec-box,
body:not(.home) .faq-card,
body:not(.home) details,
body:not(.home) .variant-box,
body:not(.home) .sp-pricing-tbl,
body:not(.home) .sp-spec-box,
body:not(.home) .widget,
body:not(.home) div[style*="border:1px solid #e8e8e8"],
body:not(.home) div[style*="background:#fafafa"] {
    background-color: #102B49 !important;
    background: #102B49 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}
body:not(.home) .product-card:hover,
body:not(.home) .service-card:hover,
body:not(.home) .ea-card:hover,
body:not(.home) details:hover,
body:not(.home) .variant-box:hover {
    border-color: rgba(255,193,7,0.5) !important;
}

/* PREMIUM SERVICE CARDS & TYPOGRAPHY SYSTEM OVERRIDES */
body:not(.home) div[style*="background:#fafafa"] h3,
body:not(.home) div[style*="border:1px solid #e8e8e8"] h3,
body:not(.home) div[style*="background: #fafafa"] h3,
body:not(.home) div[style*="border: 1px solid #e8e8e8"] h3,
body:not(.home) .col-md-4 div[style*="background:#fafafa"] h3,
body:not(.home) .col-md-4 div[style*="border:1px solid #e8e8e8"] h3 {
    color: #FFC107 !important; /* Glowing Gold for card titles */
    font-weight: 700 !important;
}

body:not(.home) div[style*="background:#fafafa"] p,
body:not(.home) div[style*="border:1px solid #e8e8e8"] p,
body:not(.home) div[style*="background: #fafafa"] p,
body:not(.home) div[style*="border: 1px solid #e8e8e8"] p,
body:not(.home) .col-md-4 div[style*="background:#fafafa"] p,
body:not(.home) .col-md-4 div[style*="border:1px solid #e8e8e8"] p {
    color: #E2E8F0 !important; /* Highly readable soft silver-white */
    font-size: 13.5px !important;
    line-height: 1.75 !important;
}

body:not(.home) div[style*="background:#fafafa"] i.fa,
body:not(.home) div[style*="border:1px solid #e8e8e8"] i.fa,
body:not(.home) div[style*="background: #fafafa"] i.fa,
body:not(.home) div[style*="border: 1px solid #e8e8e8"] i.fa,
body:not(.home) .col-md-4 div[style*="background:#fafafa"] i.fa,
body:not(.home) .col-md-4 div[style*="border:1px solid #e8e8e8"] i.fa {
    color: #FFC107 !important; /* Ensure icons glow in premium accent gold */
}

/* Section Heading Contrast Polish */
body:not(.home) .creative_heading h2 {
    color: #FFFFFF !important; /* Premium crisp white for main headers */
    font-weight: 800 !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
}
body:not(.home) .creative_heading h2 span {
    color: #FFC107 !important; /* Glowing gold for span tags within headings */
}

/* TASK 4: TEXT SYSTEM */
body:not(.home) div[style*="color:#000"] {
    color: #FFFFFF !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.4) !important;
}
body:not(.home) p,
body:not(.home) li,
body:not(.home) td,
body:not(.home) th,
body:not(.home) span,
body:not(.home) div {
    color: #FFFFFF; /* Global High-Contrast White */
}
body:not(.home) div[style*="color:#666"] {
    color: #FFFFFF !important;
}
body:not(.home) small,
body:not(.home) .meta,
body:not(.home) .breadcrumb,
body:not(.home) .posted-in,
body:not(.home) nav[style*="font-size:13px"] a,
body:not(.home) nav[style*="font-size:13px"] span {
    color: #8FA3B7 !important;
}
body:not(.home) a {
    color: #FFC107; /* Premium Gold Upgrade */
}
body:not(.home) a:hover {
    color: #FFFFFF; /* High contrast hover */
}

/* Preserve footer and header colors if they are somehow affected, but scoped body:not(.home) should be safe */
/* Actually, header is #14365C and footer is #0B1F38 according to approved system */

/* TASK 8: FAQ SYSTEM */
body:not(.home) details summary {
    color: #F5F7FA !important;
}
body:not(.home) details p {
    color: #B8C2CC !important;
}
body:not(.home) details[open] summary {
    color: #FFC107 !important; /* Premium Gold Upgrade */
}

/* TASK 9: FORM SYSTEM */
body:not(.home) input,
body:not(.home) textarea,
body:not(.home) select {
    background-color: #102B49 !important;
    color: #F5F7FA !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
}
body:not(.home) input::placeholder,
body:not(.home) textarea::placeholder {
    color: #8FA3B7 !important;
}
body:not(.home) input:focus,
body:not(.home) textarea:focus,
body:not(.home) select:focus {
    border-color: #FFC107 !important; /* Premium Gold Upgrade */
    outline: none !important;
}

/* TASK 7: SERVICE PAGE PREMIUMIZATION */
/* Replace specific inline styles that use Maroon (#6B1D2D) and light colors */
body:not(.home) i.fa[style*="color:#6B1D2D"] {
    color: #FFC107 !important; /* Change maroon icons to gold accent */
}
/* Ensure WhatsApp buttons stay green */
body:not(.home) a[style*="background:#25D366"],
body:not(.home) a.ea-wa-cta-btn {
    background-color: #25D366 !important;
    color: #ffffff !important;
}
/* Other CTA buttons on service pages */
body:not(.home) a[style*="background:#fff"][style*="color:#6B1D2D"] {
    background-color: #FFC107 !important; /* Premium Gold Upgrade */
    color: #0B1F38 !important;
}
body:not(.home) a[style*="background:#fff"][style*="color:#6B1D2D"]:hover {
    background-color: #FFFFFF !important;
}

/* EA-SERVICE-POLISH-030: SPACING, GRID, TABLE, FAQ, TYPOGRAPHY REFINEMENTS */

/* TASK 1: VERTICAL SPACING RHYTHM */
/* Override oversized gaps to create a tighter 72px-88px premium rhythm */
/* Excluded: .single-product — the premium product template controls its own section spacing */
body:not(.home):not(.single-product) section,
body:not(.home):not(.single-product) .site-content {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* Ensure elements right before footer don't double up padding */
body:not(.home):not(.single-product) section:last-of-type {
    padding-bottom: 40px !important;
}

/* TASK 2: APPLICATION GRID POLISH */
/* Align cards cleanly and unify heights */
body:not(.home) .row {
    display: flex;
    flex-wrap: wrap;
}
body:not(.home) .col-md-3,
body:not(.home) .col-md-4,
body:not(.home) .col-md-6 {
    display: flex;
    flex-direction: column;
}
body:not(.home) .zoom-img,
body:not(.home) .product-card,
body:not(.home) .service-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    margin-bottom: 30px !important;
}
body:not(.home) .zoom-img .text-box {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* TASK 3: TABLE / SPECIFICATION POLISH */
/* Premium dark tables */
body:not(.home) table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 2em !important;
    background: #102B49 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}
body:not(.home) table th,
body:not(.home) table td {
    padding: 16px 20px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: #FFFFFF !important; /* Global Vibrant White */
    text-align: left !important;
    vertical-align: middle !important;
}
body:not(.home) table th {
    background: #14365C !important;
    color: #FFFFFF !important;
    font-weight: 800 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase;
}
body:not(.home) table tr:nth-child(even) td {
    background: rgba(255,255,255,0.02) !important;
}

/* Neutralize light inline backgrounds on table rows and cells */
body:not(.home) table tr[style*="background"],
body:not(.home) table tr[style*="background-color"],
body:not(.home) table td[style*="background"],
body:not(.home) table td[style*="background-color"] {
    background: transparent !important;
    background-color: transparent !important;
}

/* TASK 4: FAQ SECTION POLISH */
body:not(.home) details {
    padding: 20px 24px !important;
    margin-bottom: 12px !important;
    transition: background 0.2s ease, border-color 0.2s ease;
}
body:not(.home) details summary {
    font-size: 1.1em !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    outline: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body:not(.home) details p {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    line-height: 1.7 !important;
}

/* TASK 8: PARAGRAPH READABILITY REFINEMENT */
body:not(.home) p {
    max-width: 850px;
    line-height: 1.75;
    margin-bottom: 1.5em;
    font-size: 16px;
}

/* TASK 10: RESPONSIVE POLISH */
@media (max-width: 768px) {
    body:not(.home):not(.single-product) section,
    body:not(.home):not(.single-product) .site-content {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    body:not(.home) p {
        font-size: 15px;
    }
    body:not(.home) table th,
    body:not(.home) table td {
        padding: 12px 14px !important;
        font-size: 14px !important;
    }
}

/* EA-CASE-STUDY-AUTHORITY-031: Case Study & Real Projects Authority System */
body:not(.home) .ea-case-study-block {
    background: #0D2138 !important;
    border: 1px solid rgba(212,167,58,0.15) !important;
    border-radius: 12px !important;
    padding: 40px !important;
    margin-top: 60px !important;
    margin-bottom: 40px !important;
    clear: both !important;
}

body:not(.home) .ea-case-study-block h3 {
    color: #FFC107 !important; /* Premium Gold Upgrade */
    font-size: 28px !important;
    font-weight: 800 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    text-shadow: 0 3px 10px rgba(0,0,0,0.5) !important;
}

body:not(.home) .ea-case-study-block h4 {
    color: #FFFFFF !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    padding-bottom: 10px !important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

/* Metrics Grid */
body:not(.home) .ea-metrics-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 20px !important;
    margin-bottom: 30px !important;
    text-align: center !important;
}

body:not(.home) .ea-metric-card {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}

body:not(.home) .ea-metric-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(255,193,7,0.5) !important;
}

body:not(.home) .ea-metric-num {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #FFC107 !important; /* Premium Gold Upgrade */
    display: block !important;
    margin-bottom: 5px !important;
    text-shadow: 0 3px 10px rgba(0,0,0,0.5) !important;
}

body:not(.home) .ea-metric-label {
    font-size: 12px !important;
    color: #B8C2CC !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Project Showcase Strip */
body:not(.home) .ea-project-strip {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important;
    margin-bottom: 30px !important;
}

body:not(.home) .ea-project-item {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    aspect-ratio: 4 / 3 !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
}

body:not(.home) .ea-project-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
}

body:not(.home) .ea-project-item:hover img {
    transform: scale(1.08) !important;
}

body:not(.home) .ea-project-caption {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: linear-gradient(to top, rgba(10,10,20,0.95), transparent) !important;
    padding: 15px 12px 10px !important;
    font-size: 11px !important;
    color: #F5F7FA !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* Industries Served */
body:not(.home) .ea-industries-box {
    background: rgba(20,54,92,0.3) !important;
    padding: 25px !important;
    border-radius: 8px !important;
    margin-bottom: 30px !important;
    border: 1px solid rgba(255,255,255,0.03) !important;
}

body:not(.home) .ea-industries-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 15px !important;
}

body:not(.home) .ea-industry-tag {
    font-size: 12px !important;
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: #B8C2CC !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-weight: 500 !important;
}

/* Responsive Overrides */
@media (max-width: 992px) {
    body:not(.home) .ea-project-strip {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 576px) {
    body:not(.home) .ea-case-study-block {
        padding: 25px 20px !important;
    }
    body:not(.home) .ea-project-strip {
        grid-template-columns: 1fr !important;
    }
    body:not(.home) .ea-metrics-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Bottom SEO Description Section Premiumization */
body:not(.home) section[style*="background:#f8f8f8"] {
    background: #0B1F38 !important; /* Premium Midnight Navy */
    background-color: #0B1F38 !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    border-top: 1px solid rgba(255, 186, 9, 0.15) !important; /* Subtle gold divide */
    text-align: center !important;
}

body:not(.home) section[style*="background:#f8f8f8"] .container {
    max-width: 950px !important;
    margin: 0 auto !important;
    float: none !important;
}

/* Premium dynamic CSS headers for the SEO text block */
body:not(.home) section[style*="background:#f8f8f8"]::before {
    content: "EFFICIENT ADVERTISING";
    display: block !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
    color: #FFC107 !important; /* Luxury Gold eyebrow */
    margin: 0 auto 10px !important;
    text-transform: uppercase !important;
    font-family: 'Unbounded', sans-serif !important;
}

body:not(.home) section[style*="background:#f8f8f8"] .container::before {
    content: "PROVEN BRANDING & ADVERTISING EXCELLENCE";
    display: block !important;
    text-align: center !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #FFFFFF !important; /* Clean premium white */
    margin: 0 auto 28px !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
    font-family: 'Syne', sans-serif !important;
}

/* Style the paragraph text itself to center and have great reading size/line-height */
body:not(.home) section[style*="background:#f8f8f8"] p {
    color: #B8C2CC !important; /* Soft high-legibility silver gray */
    font-size: 14.5px !important;
    line-height: 1.85 !important;
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 850px !important;
}

/* Highlighting inside the paragraph */
body:not(.home) section[style*="background:#f8f8f8"] p strong {
    color: #FFC107 !important; /* Keywords accented in gold */
    font-weight: 700 !important;
}
/* ===== PREMIUM SEO CONTENT BLOCK ===== */
.ea-premium-seo-block {
    padding: 60px 0 80px !important;
}
.ea-premium-seo-inner {
    background: rgba(0,0,0,0.15) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 20px !important;
    padding: 50px 60px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2) !important;
}
.ea-premium-seo-header {
    margin-bottom: 30px !important;
}
.ea-premium-seo-title {
    color: #FFFFFF !important;
    font-size: clamp(1.8rem, 3vw, 2.4rem) !important;
    font-weight: 800 !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
}
.ea-premium-seo-body p {
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 16px !important;
    line-height: 1.85 !important;
    text-align: left !important;
    margin: 0 !important;
}
.ea-premium-seo-body strong {
    color: #FFC107 !important;
    font-weight: 700 !important;
}