/* ===============================
   ABOUT PAGE – DARK THEME (FINAL)
   =============================== */

    [data-theme="dark"] {
        /* GLOBAL */
        --dark-bg: #020617;
        --dark-bg-soft: #0f172a;
        --dark-card: #020617;
        --dark-border: #1e293b;

        --text-main: #f8fafc;
        --text-soft: #cbd5e1;
        --text-muted: #94a3b8;

        --accent: #e3ff41;
        --primary: #00183d;
    }

    /* BODY */
    [data-theme="dark"] body {
        background: var(--dark-bg);
        color: var(--text-main);
    }

    /* ================= PAGE HEADER ================= */
    [data-theme="dark"] .page-header {
        background: linear-gradient(rgba(2, 6, 23, 0.9), rgba(2, 6, 23, 0.9)),
                    url('../img/about-bg.jpg');
    }

    [data-theme="dark"] .page-header h1,
    [data-theme="dark"] .page-header .breadcrumb a,
    [data-theme="dark"] .page-header .breadcrumb .active {
        color: var(--text-main);
    }

    [data-theme="dark"] .breadcrumb-item+.breadcrumb-item::before {
        color: var(--text-muted);
    }

    /* ================= COMPANY PROFILE ================= */
    [data-theme="dark"] .company-profile-section {
        background: var(--dark-bg);
    }

    [data-theme="dark"] .timeline-card {
        background: var(--dark-card);
        border: 1px solid var(--dark-border);
    }

    [data-theme="dark"] .timeline-card h4 {
        color: var(--text-main);
    }

    [data-theme="dark"] .timeline-card p {
        color: var(--text-soft);
    }

    [data-theme="dark"] .timeline-badge {
        background: var(--primary);
        color: white;
    }

    /* ================= OUR TEAM ================= */
    [data-theme="dark"] .team-section {
        background: var(--dark-bg-soft);
    }

    [data-theme="dark"] .team-card {
        background: var(--dark-card);
        border: 1px solid var(--dark-border);
    }

    [data-theme="dark"] .team-card h4 {
        color: var(--text-main);
    }

    [data-theme="dark"] .team-card p {
        color: var(--text-soft);
    }

    [data-theme="dark"] .team-social a {
        color: var(--text-muted);
        border: 1px solid var(--dark-border);
    }

    [data-theme="dark"] .team-social a:hover {
        background: var(--accent);
        color: #000;
        border-color: var(--accent);
    }

    /* ================= OUR MOTTO ================= */
    [data-theme="dark"] .motto-section {
        background: linear-gradient(135deg, #020617, #0f172a);
    }

    [data-theme="dark"] .motto-card {
        background: var(--dark-card);
        border: 1px solid var(--dark-border);
    }

    [data-theme="dark"] .motto-card h4 {
        color: var(--text-main);
    }

    [data-theme="dark"] .motto-card p {
        color: var(--text-soft);
    }

    /* ================= INGREDIENTS ================= */
    [data-theme="dark"] .ingredients-section {
        background: var(--dark-bg);
    }

    [data-theme="dark"] .ingredient-card {
        background: var(--dark-card);
        border: 1px solid var(--dark-border);
    }

    [data-theme="dark"] .ingredient-card h5 {
        color: var(--text-main);
    }

    [data-theme="dark"] .ingredient-card p {
        color: var(--text-soft);
    }

    /* ================= AWARDS ================= */
    [data-theme="dark"] .awards-section {
        background: var(--dark-bg-soft);
    }

    [data-theme="dark"] .award-card {
        background: var(--dark-card);
        border: 1px solid var(--dark-border);
    }

    [data-theme="dark"] .award-card h5 {
        color: var(--text-main);
    }

    [data-theme="dark"] .award-card p {
        color: var(--text-soft);
    }

    /* ================= OUR TARGET ================= */
    [data-theme="dark"] .target-section {
        background: var(--dark-bg);
    }

    [data-theme="dark"] .target-card {
        background: var(--dark-card);
        border: 1px solid var(--dark-border);
    }

    [data-theme="dark"] .target-card h5 {
        color: var(--text-main);
    }

    [data-theme="dark"] .target-card p {
        color: var(--text-soft);
    }

    /* ================= OUR COMPANIES ================= */
    [data-theme="dark"] .companies-section {
        background: var(--dark-bg-soft);
    }

    [data-theme="dark"] .company-logo-card {
        background: var(--dark-card);
        border: 1px solid var(--dark-border);
    }

    /* ================= GLOBAL POLISH ================= */
    [data-theme="dark"] .bg-light {
        background: var(--dark-bg-soft) !important;
    }

    [data-theme="dark"] .bg-white {
        background: var(--dark-card) !important;
    }

    [data-theme="dark"] h1,
    [data-theme="dark"] h2,
    [data-theme="dark"] h3,
    [data-theme="dark"] h4,
    [data-theme="dark"] h5 {
        color: var(--text-main);
    }

    [data-theme="dark"] p {
        color: var(--text-soft);
    }

    [data-theme="dark"] .text-primary {
        color: var(--accent) !important;
    }

    [data-theme="dark"] .btn-outline-primary {
        color: var(--accent);
        border-color: var(--accent);
    }

    [data-theme="dark"] .btn-outline-primary:hover {
        background: var(--accent);
        color: #000;
    }

    [data-theme="dark"] .section-header .title-line {
        background: var(--accent);
    }


    /* ===============================
   CONTACT PAGE – DARK THEME (FINAL)
   =============================== */

    [data-theme="dark"] {
        /* GLOBAL */
        --dark-bg: #020617;
        --dark-bg-soft: #0f172a;
        --dark-card: #020617;
        --dark-border: #1e293b;

        --text-main: #f8fafc;
        --text-soft: #cbd5e1;
        --text-muted: #94a3b8;

        --accent: #e3ff41;
        --primary: #00183d;
    }

    /* BODY */
    [data-theme="dark"] body {
        background: var(--dark-bg);
        color: var(--text-main);
    }

    /* ================= PAGE HEADER ================= */
    [data-theme="dark"] .page-header {
        background: linear-gradient(rgba(2, 6, 23, 0.9), rgba(2, 6, 23, 0.9)),
                    url('../img/contact-bg.jpg');
    }

    [data-theme="dark"] .page-header h1,
    [data-theme="dark"] .page-header .breadcrumb a,
    [data-theme="dark"] .page-header .breadcrumb .active {
        color: var(--text-main);
    }

    [data-theme="dark"] .breadcrumb-item+.breadcrumb-item::before {
        color: var(--text-muted);
    }

    /* ================= COMPANY DETAILS ================= */
    [data-theme="dark"] .company-details-section {
        background: var(--dark-bg);
    }

    [data-theme="dark"] .contact-form-card,
    [data-theme="dark"] .info-card {
        background: var(--dark-card);
        border: 1px solid var(--dark-border);
    }

    [data-theme="dark"] .contact-form-card h4,
    [data-theme="dark"] .info-card h4 {
        color: var(--text-main);
    }

    [data-theme="dark"] .info-card p,
    [data-theme="dark"] .info-card a {
        color: var(--text-soft);
    }

    [data-theme="dark"] .form-control,
    [data-theme="dark"] .form-select {
        background: var(--dark-card);
        border: 1px solid var(--dark-border);
        color: var(--text-main);
    }

    [data-theme="dark"] .form-control:focus,
    [data-theme="dark"] .form-select:focus {
        border-color: var(--accent);
        box-shadow: 0 0 0 0.25rem rgba(227, 255, 65, 0.25);
    }

    /* ================= TRANSPORT GUIDES ================= */
    [data-theme="dark"] .transport-section {
        background: var(--dark-bg-soft);
    }

    [data-theme="dark"] .transport-card {
        background: var(--dark-card);
        border: 1px solid var(--dark-border);
    }

    [data-theme="dark"] .transport-card h4 {
        color: var(--text-main);
    }

    [data-theme="dark"] .transport-card p {
        color: var(--text-soft);
    }

    /* ================= BRANCH OFFICES ================= */
    [data-theme="dark"] .branches-section {
        background: var(--dark-bg);
    }

    [data-theme="dark"] .branch-card {
        background: var(--dark-card);
        border: 1px solid var(--dark-border);
    }

    [data-theme="dark"] .branch-card h5 {
        color: var(--text-main);
    }

    [data-theme="dark"] .branch-card p,
    [data-theme="dark"] .branch-card a {
        color: var(--text-soft);
    }

    [data-theme="dark"] .branch-badge {
        background: var(--primary);
        color: white;
    }

    /* ================= HORTICULTURE CENTERS ================= */
    [data-theme="dark"] .horticulture-section {
        background: var(--dark-bg-soft);
    }

    [data-theme="dark"] .center-card {
        background: var(--dark-card);
        border: 1px solid var(--dark-border);
    }

    [data-theme="dark"] .center-card h5 {
        color: var(--text-main);
    }

    /* ================= TAB NAVIGATION ================= */
    [data-theme="dark"] .nav-tabs .nav-link {
        background: var(--dark-card);
        color: var(--text-soft);
        border: 1px solid var(--dark-border);
    }

    [data-theme="dark"] .nav-tabs .nav-link.active {
        background: var(--primary);
        color: white;
        border-color: var(--primary);
    }

    /* ================= MAP CONTAINER ================= */
    [data-theme="dark"] .map-container {
        border: 1px solid var(--dark-border);
    }

    /* ================= GLOBAL POLISH ================= */
    [data-theme="dark"] .bg-light {
        background: var(--dark-bg-soft) !important;
    }

    [data-theme="dark"] .bg-white {
        background: var(--dark-card) !important;
    }

    [data-theme="dark"] h1,
    [data-theme="dark"] h2,
    [data-theme="dark"] h3,
    [data-theme="dark"] h4,
    [data-theme="dark"] h5 {
        color: var(--text-main);
    }

    [data-theme="dark"] p {
        color: var(--text-soft);
    }

    [data-theme="dark"] .text-primary {
        color: var(--accent) !important;
    }

    [data-theme="dark"] .btn-primary {
        background: var(--primary);
        border-color: var(--primary);
    }

    [data-theme="dark"] .btn-primary:hover {
        background: var(--accent);
        border-color: var(--accent);
        color: #000;
    }

    [data-theme="dark"] .btn-outline-primary {
        color: var(--accent);
        border-color: var(--accent);
    }

    [data-theme="dark"] .btn-outline-primary:hover {
        background: var(--accent);
        color: #000;
    }

    .page-header {
        background: none !important;
        min-height: 380px;
        position: relative;
        overflow: hidden;
    }


    .page-header-bg {
        background:
            linear-gradient(
                rgba(0, 0, 0, 0.50),
                rgba(0, 0, 0, 0.50)
            ),
            url('https://images.stockcake.com/public/0/c/4/0c4d6239-7b64-450a-82de-faa4b519da57_large/joyful-farmers-celebrating-stockcake.jpg')
            no-repeat center center;
        background-size: cover;
    }


    .page-header .display-3 {
        font-weight: 700;
        letter-spacing: -0.5px;
        text-shadow: 0 3px 12px rgba(0, 0, 0, 0.75);
    }

    .page-header .breadcrumb {
        background: transparent;
    }

    .page-header .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255,255,255,0.8);
    }

    .page-header a:hover {
        color: #4da6ff !important;   /* or your brand color */
    }

    /* Optional: subtle zoom-in animation on load */
    @keyframes subtleZoom {
        from { transform: scale(1.03); }
        to   { transform: scale(1); }
    }
    .page-header-bg {
        animation: subtleZoom 12s ease-in-out infinite alternate;
    }

    .page-header {
        display: flex;
        align-items: center;  
    }

    /* Mobile specific tuning */
    @media (max-width: 576px) {
        .page-header {
            min-height: 520px;
        }

        .page-header .container {
            padding-top: 0;
            padding-bottom: 0;
        }
    }

    /* ===== Anchor Scroll Offset Fix ===== */

    /* Any section that is linked via #hash */
    section[id],
    div[id] {
        scroll-margin-top: 120px; /* header height */
    }

    /* Specific for about page sections */
    #profile, 
    #team,
    #motto,
    #ingredients,
    #awards,
    #target,
    #companies {
        scroll-margin-top: 120px;
    }

    .page-header {
        z-index: 1;
    }

    header {
        position: relative;
        z-index: 9999;
    }

    .breadcrumb-item.active
    {
        color: #fff;
    }