/* ============================================================
   HGN INNER V1 — INNER PAGES (about, services, contact, blog)
   Light theme override for body.inner-page
   Fixes dark-theme inheritance from hgn-core-v9.css
   ============================================================ */

/* ----- BODY BASE ----- */
body.inner-page {
    background: #fffaf6 !important;
    color: #241b21 !important;
}

/* ----- CONTAINER WIDTH FIX (full width but not touching screen edges) ----- */
body.inner-page .container {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

/* ----- HEADER ----- */
body.inner-page header {
    background: linear-gradient(135deg, rgba(26,11,11,.96) 0, rgba(45,20,21,.96) 100%) !important;
}
body.inner-page header a,
body.inner-page nav a {
    color: #fafafa !important;
}
body.inner-page .logo {
    color: #fca311 !important;
}

/* ----- BREADCRUMB ----- */
body.inner-page .breadcrumb-nav {
    background: #fff2e5 !important;
    border-bottom: 1px solid #e5d7de !important;
    padding: 12px 0 !important;
}
body.inner-page .breadcrumb-nav .container {
    max-width: 1200px !important;
}
body.inner-page .breadcrumb a {
    color: #b45309 !important;
    font-weight: 600 !important;
}
body.inner-page .breadcrumb a:hover {
    color: #dc2626 !important;
}
body.inner-page .breadcrumb .current,
body.inner-page .breadcrumb .sep {
    color: #6a5560 !important;
}

/* ----- PAGE HERO (with banner background) ----- */
body.inner-page .page-hero {
    background: linear-gradient(135deg, rgba(26,11,11,.85) 0, rgba(90,30,60,.85) 100%), url('../images/banner-1.avif') !important;
    background-size: cover !important;
    background-position: center !important;
    padding: 70px 0 60px !important;
    text-align: center !important;
    position: relative !important;
}
body.inner-page .page-hero h1 {
    color: #fff !important;
    font-size: clamp(1.8rem, 4vw, 2.6rem) !important;
    margin-bottom: 14px !important;
    text-shadow: 0 2px 6px rgba(0,0,0,.5) !important;
}
body.inner-page .page-hero p {
    color: rgba(255,255,255,.95) !important;
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
    max-width: 760px !important;
    margin: 0 auto !important;
}
body.inner-page .page-hero a {
    color: #fca311 !important;
    text-decoration: underline !important;
}

/* ----- PAGE CONTENT ----- */
body.inner-page .page-content {
    background: #fffaf6 !important;
    color: #241b21 !important;
    padding: 50px 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}
body.inner-page .page-intro {
    color: #40343b !important;
    font-size: 1.05rem !important;
    line-height: 1.8 !important;
    margin-bottom: 28px !important;
    max-width: 100% !important;
}
body.inner-page .page-intro a {
    color: #8a4a10 !important;
    text-decoration: underline !important;
}

/* ----- PROSE BLOCK (light theme, full width) ----- */
body.inner-page .prose-block {
    background: #fff !important;
    border: 1px solid #eadde3 !important;
    border-left: 4px solid #fca311 !important;
    border-radius: 10px !important;
    padding: 32px !important;
    margin-bottom: 24px !important;
    color: #241b21 !important;
    box-shadow: 0 4px 14px rgba(90,30,60,.05) !important;
    max-width: 100% !important;
}
body.inner-page .prose-block h2 {
    color: #5a1e3c !important;
    font-size: 1.5rem !important;
    margin-bottom: 14px !important;
    text-shadow: none !important;
}
body.inner-page .prose-block h3 {
    color: #8a4a10 !important;
    font-size: 1.2rem !important;
    margin: 18px 0 10px !important;
}
body.inner-page .prose-block p,
body.inner-page .prose-block li {
    color: #40343b !important;
    opacity: 1 !important;
    line-height: 1.8 !important;
    visibility: visible !important;
    font-size: 1rem !important;
}
body.inner-page .prose-block a {
    color: #8a4a10 !important;
    text-decoration: underline !important;
}
body.inner-page .prose-block strong {
    color: #241b21 !important;
}
body.inner-page .prose-block ol,
body.inner-page .prose-block ul {
    padding-left: 1.4rem !important;
    margin: 12px 0 !important;
}

/* ----- AREA CONTENT (used on inner pages too) ----- */
body.inner-page .area-content {
    background: #fffaf6 !important;
    color: #241b21 !important;
    padding: 40px 0 !important;
}
body.inner-page .area-description {
    background: #fff !important;
    border: 1px solid #eadde3 !important;
    border-radius: 10px !important;
    padding: 32px !important;
    color: #241b21 !important;
    box-shadow: 0 4px 14px rgba(90,30,60,.05) !important;
    max-width: 100% !important;
    margin: 0 !important;
}
body.inner-page .area-description h2 {
    color: #5a1e3c !important;
    font-size: 1.5rem !important;
    margin-bottom: 14px !important;
    text-shadow: none !important;
}
body.inner-page .area-description p {
    color: #40343b !important;
    opacity: 1 !important;
    line-height: 1.8 !important;
    margin-bottom: 14px !important;
    visibility: visible !important;
    font-size: 1rem !important;
}
body.inner-page .area-description a {
    color: #8a4a10 !important;
    text-decoration: underline !important;
}

/* ----- LOCAL INFO SECTION ----- */
body.inner-page .local-info-section {
    background: #fff2e5 !important;
    color: #241b21 !important;
    padding: 40px 0 !important;
    margin: 24px 0 0 !important;
}
body.inner-page .local-info-section .container {
    max-width: 1200px !important;
}
body.inner-page .local-info-section h2 {
    color: #5a1e3c !important;
    font-size: 1.5rem !important;
    margin-bottom: 12px !important;
    text-shadow: none !important;
}
body.inner-page .local-info-section p {
    color: #40343b !important;
    opacity: 1 !important;
    line-height: 1.7 !important;
    visibility: visible !important;
    font-size: 1rem !important;
}
body.inner-page .local-info-section .v10-kicker {
    color: #8a4a10 !important;
}

/* ----- V10 CARDS (light theme, full gallery) ----- */
body.inner-page .v10-card {
    background: #fff !important;
    border: 1px solid #eadde3 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px rgba(90,30,60,.05) !important;
    overflow: hidden !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
}
body.inner-page .v10-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 30px rgba(90,30,60,.10) !important;
}
body.inner-page .v10-card img {
    width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
    display: block !important;
}
body.inner-page .v10-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 18px !important;
    margin-top: 20px !important;
}

/* ----- SERVICE CARDS ----- */
body.inner-page .services-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 20px !important;
    margin-bottom: 24px !important;
}
body.inner-page .service-card {
    background: #fff !important;
    border: 1px solid #eadde3 !important;
    border-top: 3px solid #fca311 !important;
    border-radius: 10px !important;
    padding: 24px !important;
    color: #241b21 !important;
    box-shadow: 0 4px 14px rgba(90,30,60,.05) !important;
}
body.inner-page .service-card h3 {
    color: #5a1e3c !important;
    font-size: 1.15rem !important;
    margin-bottom: 10px !important;
    text-shadow: none !important;
}
body.inner-page .service-card p {
    color: #40343b !important;
    opacity: 1 !important;
    font-size: .95rem !important;
    line-height: 1.7 !important;
    visibility: visible !important;
}
body.inner-page .service-card a {
    color: #8a4a10 !important;
    text-decoration: underline !important;
}

/* ----- AREA LINKS ROW ----- */
body.inner-page .area-links-row {
    color: #40343b !important;
}
body.inner-page .area-links-row a {
    color: #dc2626 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

/* ----- PAGE LINKS ----- */
body.inner-page .page-links {
    margin-top: 1.5rem !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}
body.inner-page .page-links a,
body.inner-page .area-link {
    color: #dc2626 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

/* ----- SECTION CTA ----- */
body.inner-page .section-cta {
    display: inline-block !important;
    padding: 12px 26px !important;
    background: linear-gradient(135deg, #dc2626, #fca311) !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: .95rem !important;
    border: none !important;
    box-shadow: 0 6px 16px rgba(220,38,38,.25) !important;
}
body.inner-page .section-cta:hover {
    transform: translateY(-2px) !important;
}

/* ----- BLOG SPECIFIC (article layout) ----- */
body.inner-page .article-layout {
    display: grid !important;
    grid-template-columns: 1fr 320px !important;
    gap: 30px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}
body.inner-page .article-content {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    color: #241b21 !important;
    box-shadow: none !important;
    max-width: 100% !important;
    margin: 0 !important;
}
body.inner-page .blog-content,
body.inner-page .article-content .prose-block {
    background: #fff !important;
    border: 1px solid #eadde3 !important;
    border-radius: 10px !important;
    padding: 32px !important;
    color: #241b21 !important;
    box-shadow: 0 4px 14px rgba(90,30,60,.05) !important;
    max-width: 100% !important;
    margin: 0 !important;
}
body.inner-page .blog-content h1,
body.inner-page .article-content h1 {
    color: #5a1e3c !important;
    font-size: 2rem !important;
    margin-bottom: 12px !important;
    text-shadow: none !important;
}
body.inner-page .blog-content h2,
body.inner-page .article-content h2 {
    color: #5a1e3c !important;
    font-size: 1.4rem !important;
    margin: 24px 0 12px !important;
    text-shadow: none !important;
}
body.inner-page .blog-content h3,
body.inner-page .article-content h3 {
    color: #8a4a10 !important;
    font-size: 1.15rem !important;
    margin: 18px 0 10px !important;
}
body.inner-page .blog-content p,
body.inner-page .article-content p {
    color: #40343b !important;
    opacity: 1 !important;
    line-height: 1.8 !important;
    margin-bottom: 14px !important;
    visibility: visible !important;
    font-size: 1rem !important;
}
body.inner-page .blog-content a,
body.inner-page .article-content a {
    color: #8a4a10 !important;
    text-decoration: underline !important;
}
body.inner-page .blog-content li,
body.inner-page .article-content li {
    color: #40343b !important;
    line-height: 1.8 !important;
    margin-bottom: 8px !important;
    font-size: 1rem !important;
}
body.inner-page .blog-content strong,
body.inner-page .article-content strong {
    color: #241b21 !important;
}

/* ----- BLOG SIDEBAR ----- */
body.inner-page .blog-sidebar {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}
body.inner-page .sidebar-widget {
    background: #fff !important;
    border: 1px solid #eadde3 !important;
    border-radius: 10px !important;
    padding: 20px !important;
    color: #241b21 !important;
    box-shadow: 0 4px 14px rgba(90,30,60,.05) !important;
}
body.inner-page .sidebar-widget h3 {
    color: #5a1e3c !important;
    font-size: 1.05rem !important;
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #fca311 !important;
}
body.inner-page .sidebar-widget p {
    color: #40343b !important;
    font-size: .9rem !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
body.inner-page .sidebar-widget ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.inner-page .sidebar-widget li {
    padding: 6px 0 !important;
    border-bottom: 1px solid #f5e9ed !important;
}
body.inner-page .sidebar-widget li:last-child {
    border-bottom: none !important;
}
body.inner-page .sidebar-widget a {
    color: #40343b !important;
    text-decoration: none !important;
    font-size: .9rem !important;
    transition: color .2s !important;
}
body.inner-page .sidebar-widget a:hover {
    color: #dc2626 !important;
}
body.inner-page .sidebar-btn {
    display: block !important;
    text-align: center !important;
    padding: 10px 16px !important;
    background: linear-gradient(135deg, #dc2626, #fca311) !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: .9rem !important;
}

/* ----- BLOG INDEX GRID ----- */
body.inner-page .blog-grid,
body.inner-page .posts-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 24px !important;
    margin-top: 24px !important;
}
body.inner-page .blog-card,
body.inner-page .post-card {
    background: #fff !important;
    border: 1px solid #eadde3 !important;
    border-radius: 10px !important;
    padding: 0 !important;
    color: #241b21 !important;
    box-shadow: 0 4px 14px rgba(90,30,60,.05) !important;
    overflow: hidden !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
}
body.inner-page .blog-card:hover,
body.inner-page .post-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 30px rgba(90,30,60,.10) !important;
}
body.inner-page .blog-card img,
body.inner-page .post-card img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    display: block !important;
}
body.inner-page .blog-card-body {
    padding: 18px 20px !important;
}
body.inner-page .blog-card h2,
body.inner-page .post-card h2 {
    color: #5a1e3c !important;
    font-size: 1.1rem !important;
    margin-bottom: 8px !important;
}
body.inner-page .blog-card h2 a,
body.inner-page .post-card h2 a {
    color: #5a1e3c !important;
    text-decoration: none !important;
}
body.inner-page .blog-card p,
body.inner-page .post-card p {
    color: #40343b !important;
    font-size: .9rem !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
}
body.inner-page .blog-card .read-more,
body.inner-page .post-card .read-more {
    color: #dc2626 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: .88rem !important;
}

/* ----- CONTACT FORM ----- */
body.inner-page .contact-form,
body.inner-page .form-group {
    background: #fff !important;
    color: #241b21 !important;
}
body.inner-page .contact-form label {
    color: #5a1e3c !important;
    font-weight: 600 !important;
}
body.inner-page .contact-form input,
body.inner-page .contact-form textarea,
body.inner-page .contact-form select {
    background: #fff !important;
    color: #241b21 !important;
    border: 1px solid #eadde3 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: .95rem !important;
}
body.inner-page .contact-form input:focus,
body.inner-page .contact-form textarea:focus {
    border-color: #fca311 !important;
    outline: none !important;
}

/* ----- FOOTER (stays dark, full width at bottom) ----- */
body.inner-page footer,
body.inner-page .site-footer {
    background: linear-gradient(135deg, #1a0b0b, #0a0505) !important;
    color: rgba(250,250,250,.85) !important;
    padding: 40px 0 24px !important;
    margin-top: 40px !important;
    clear: both !important;
}
body.inner-page footer .container,
body.inner-page .site-footer .container {
    max-width: 1200px !important;
}
body.inner-page .footer-content {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 28px !important;
    margin-bottom: 24px !important;
}
body.inner-page .footer-content h3,
body.inner-page .footer-content h4 {
    color: #fca311 !important;
}
body.inner-page .footer-content p {
    color: rgba(250,250,250,.85) !important;
}
body.inner-page .footer-content a {
    color: rgba(250,250,250,.85) !important;
}
body.inner-page .footer-content a:hover {
    color: #fca311 !important;
}
body.inner-page .footer-bottom {
    color: rgba(250,250,250,.7) !important;
    border-top: 1px solid rgba(220,38,38,.2) !important;
    padding-top: 16px !important;
    margin-top: 16px !important;
    text-align: center !important;
}
body.inner-page .footer-bottom a {
    color: #fca311 !important;
}
body.inner-page .footer-disclaimer {
    color: rgba(250,250,250,.55) !important;
    font-size: .82rem !important;
}

/* ----- FLOATING BUTTONS ----- */
body.inner-page .call-fab {
    background: #dc2626 !important;
    color: #fff !important;
}
body.inner-page .whatsapp-fab {
    background: #25D366 !important;
    color: #fff !important;
}

/* ----- SECTION PADDING ----- */
body.inner-page section {
    padding: 40px 0 !important;
}
@media (max-width: 768px) {
    body.inner-page section {
        padding: 28px 0 !important;
    }
    body.inner-page .container {
        padding: 0 16px !important;
    }
    body.inner-page .page-hero {
        padding: 40px 0 30px !important;
    }
    body.inner-page .prose-block,
    body.inner-page .area-description {
        padding: 22px 18px !important;
    }
    body.inner-page .blog-content,
    body.inner-page .article-content .prose-block {
        padding: 22px 18px !important;
    }
    body.inner-page .article-layout {
        grid-template-columns: 1fr !important;
    }
    body.inner-page .blog-grid,
    body.inner-page .posts-grid {
        grid-template-columns: 1fr !important;
    }
    body.inner-page .v10-cards-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 480px) {
    body.inner-page .v10-cards-grid {
        grid-template-columns: 1fr !important;
    }
    body.inner-page .services-grid {
        grid-template-columns: 1fr !important;
    }
}