/* === 1. FONT STYLES === */
        
        /* Set default body text */
        body, p, li, span, .form-control, textarea, .lead {
            font-family: 'Merriweather', serif;
            font-weight: 400; /* Regular weight */
        }

        /* Set default heading and menu text */
        h1, h2, h3, h4, h5, h6,
        .text-headline, 
        .subtitle, 
        #mainmenu li a.menu-item, 
        .btn-main,
        .btn-line, /* Added btn-line */
        .feature-box h4,
        .testimonial-card .author-name,
        .hero-tagline {
            font-family: 'Merriweather', serif;
            font-weight: 700; /* Bold weight */
        }

        /* === 2. NEW COLOR THEME OVERRIDES === */
        :root {
            --deep-navy: #0A1931;     /* Your new Deep Navy */
            --warm-gold: #DAA520;     /* Your new Warm Gold */
            --charcoal-gray: #333333; /* Your new Charcoal Gray */
            --ivory: #FFFFF0;         /* Your new Ivory */
            --white: #FFFFFF;
            --light-gray: #f0f0f0;    /* A light gray for borders/bgs */

            /* Override theme's primary color for highlights */
            --primary-color: var(--warm-gold);
            --primary-color-1: var(--warm-gold);
        }

        /* Body text: Charcoal gray on ivory */
        body {
            background-color: var(--ivory) !important;
            color: var(--charcoal-gray);
        }
        
        /* Sections that should stay ivory */
        .bg-light,
        section { /* Targets all sections */
             background-color: var(--ivory) !important;
        }

        /* Fix for dark sections to stay dark */
        .bg-dark, .bg-dark-1, .bg-dark-2, .bg-dark-3, 
        section[data-bgimage], #subheader,
        .p-0.bg-dark { /* From index.php */
            background-color: #111 !important; 
        }
        
        section#section-markets.bg-dark-2 { /* From index.php */
            background-color: #202020 !important;
        }
        
        /* Hero form container on index.php */
        .hero-form-container {
             background: rgba(10, 25, 49, 0.7) !important; /* Dark navy translucent */
             backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
             border: 1px solid rgba(255, 255, 255, 0.1);
        }

        /* Header & Navigation bar: Deep navy + white text + gold hover */
        header {
            background: #001f39 !important;
        }

        /* Menu links */
        #mainmenu li a.menu-item,
        #menu-btn span {
            color: var(--white) !important;
        }
        
        /* Hamburger icon lines */
        #menu-btn span {
             background: var(--white) !important;
        }

        /* Menu link gold hover */
        #mainmenu li a.menu-item:hover,
        #mainmenu li.active a.menu-item {
            color: var(--warm-gold) !important;
        }
        
        /* "Book Shipment" Button in Header */
        .menu_side_area .btn-main {
             background-color: var(--warm-gold) !important;
             color: var(--deep-navy) !important;
             border-color: var(--warm-gold) !important;
        }
         .menu_side_area .btn-main:hover {
             background-color: var(--white) !important;
             color: var(--deep-navy) !important;
             border-color: var(--white) !important;
         }

        /* === 3. BUTTONS & LINKS === */
        
        /* Main Button: Deep navy background + white text */
        .btn-main {
            background-color: var(--deep-navy) !important;
            color: var(--white) !important;
            border: 2px solid var(--deep-navy) !important;
            border-radius: 20px; /* Added for consistency */
            padding: 7px 20px; /* Added for consistency */
        }

        /* Main Button hover: Gold background, Navy text */
        .btn-main:hover {
            background-color: var(--warm-gold) !important;
            color: var(--deep-navy) !important;
            border-color: var(--warm-gold) !important;
        }
        
        /* Secondary Button (replaces .btn-line): Gold border/text */
        /* This overrides the green button from services.php */
        .btn-line {
            background-color: transparent !important;
            color: var(--warm-gold) !important; 
            border: 2px solid var(--warm-gold) !important;
            border-radius: 20px; /* Added for consistency */
            padding: 7px 20px; /* Added for consistency */
        }

        .btn-line:hover {
            background-color: var(--warm-gold) !important;
            color: var(--deep-navy) !important;
        }
        
        /* Fix for buttons on dark backgrounds (Hero, CTA bar) */
        section.text-light .btn-main.btn-line,
        section.text-light .btn-line,
        .bg-color .btn-main.btn-line,
        .bg-color .btn-line {
             color: var(--white) !important; 
             border: 2px solid var(--white) !important;
        }
        section.text-light .btn-main.btn-line:hover,
        section.text-light .btn-line:hover,
        .bg-color .btn-main.btn-line:hover,
        .bg-color .btn-line:hover {
            background-color: var(--white) !important;
            color: var(--deep-navy) !important;
            border-color: var(--white) !important;
        }
        
        /* Keep WhatsApp button green (from products.php) */
        a.btn-main[href*="wa.me"] {
            background-color: #25D366 !important;
            border-color: #25D366 !important;
            color: var(--white) !important;
        }
         a.btn-main[href*="wa.me"]:hover {
             background-color: #1EAE50 !important;
             border-color: #1EAE50 !important;
         }


        /* === 4. HIGHLIGHTS & COMPONENTS === */

        /* Highlights: Warm gold */
        .subtitle.id-color,
        .id-color,
        .feature-box i,
        .hero-tagline,
        #main-footer .contact-info .contact-item i,
        #main-footer .footer-links a:hover,
        #main-footer .footer-links a::before {
            color: #daa520 !important;
        }
        
        #section-story h4 { /* Tagline under story */
             color: var(--warm-gold) !important;
        }
        
        /* Testimonial card border */
        .testimonial-card {
             border-top-color: var(--warm-gold) !important;
        }
        
        /* Cards: Set to pure white to contrast with ivory body */
        .feature-box, .testimonial-card, .market-card, .product-card,
        .service-card, .bg-light.p-4, .bg-light.rounded-1, .bg-light.rounded-3 {
            background-color: var(--white) !important;
            border: 1px solid var(--light-gray) !important;
        }
        
        /* Forms (contact.php, booking.php, etc) */
        .form-control {
            background-color: var(--white) !important;
            border: 1px solid #ccc !important;
            color: var(--charcoal-gray) !important;
        }
        .form-control::placeholder {
            color: #999 !important;
        }
        
        /* Service Page Navigation (from service-view.php) */
        .service-nav .nav-link {
            color: var(--charcoal-gray) !important;
            background-color: var(--light-gray) !important;
        }
        .service-nav .nav-link.active,
        .service-nav .nav-link:hover {
            color: var(--white) !important;
            background-color: var(--deep-navy) !important; 
        }
        
        /* === 5. NEW GOLD BACKGROUND SHUFFLE CLASS === */
        
        .bg-gold {
            background-color: var(--warm-gold) !important;
            color: var(--deep-navy) !important;
        }
        .bg-gold h1, .bg-gold h2, .bg-gold h3, .bg-gold h4,
        .bg-gold h5, .bg-gold h6 {
            color: var(--deep-navy) !important;
        }
        .bg-gold p, .bg-gold .lead, .bg-gold span, .bg-gold li {
            color: var(--deep-navy) !important;
            opacity: 0.9;
        }
        /* Flip subtitle color */
        .bg-gold .subtitle, 
        .bg-gold .subtitle.id-color {
            color: var(--deep-navy) !important;
            opacity: 0.8;
        }
        /* Make cards on gold bg pop */
        .bg-gold .feature-box, .bg-gold .testimonial-card, .bg-gold .market-card, 
        .bg-gold .product-card, .bg-gold .service-card {
             background-color: var(--white) !important;
        }
        

        /* === 6. FOOTER & CTA === */
        
        /* Call to Action bar (at bottom) */
        .bg-color {
            background-color: #daa520 !important;
        }
        
        /* Footer */
        #main-footer {
            background: var(--deep-navy) !important;
            color: #ccc;
        }
        #main-footer h3 {
            color: var(--white);
        }
        #main-footer .social-links a:hover {
            background: var(--warm-gold);
            color: var(--deep-navy);
        }
        .subfooter a {
            color: var(--warm-gold) !important; /* Softnue link */
        }

        .white-section{
            background-color:#fcfafa!important;
        }
        
        
        #hero-headline {
    /* A stronger shadow for the main headline */
    /* text-shadow: X-offset Y-offset Blur-radius Color; */
    text-shadow: 4px 1px 1px rgb(0 0 0);
  }

  #hero-tagline,
  #hero-paragraph {
    /* A softer shadow for the sub-text */
    text-shadow: 3px 1px 0px rgb(0 0 0);
  }