/* ============================================================
   AL WAHA AL JAMELA - PREMIUM THEME CSS
   Code Guide:
   01. Theme variables & global styles
   02. Top bar & navigation
   03. Buttons
   04. Hero slider
   05. Statistics / trust strip
   06. Service cards
   07. Why-us / feature section
   08. Project gallery
   09. Process & testimonials
   10. CTA & inner page hero
   11. Plant & contact cards
   12. Footer & floating social buttons
   13. Reveal animations
   14. Responsive / mobile media queries
   ============================================================ */

:root{--forest:#123b2a;--forest-2:#1f6546;--sage:#7ea685;--gold:#c8a96b;--sand:#f4efe5;--ivory:#fcfaf5;--ink:#14251d;--muted:#6e7a72;--white:#fff;--line:rgba(20,55,39,.11);--shadow:0 20px 60px rgba(20,55,39,.12);--shadow-lg:0 28px 80px rgba(13,44,30,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;color:var(--ink);background:var(--ivory);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:'Playfair Display',serif;font-weight:700}a{transition:.28s ease}.section{padding:105px 0}.section-sm{padding:72px 0}.bg-cream{background:linear-gradient(180deg,#f7f3ea,#f1ebdf)}.text-green{color:var(--forest)!important}.lead-soft{color:var(--muted);font-size:1.05rem;line-height:1.8}.eyebrow{display:inline-flex;align-items:center;gap:.7rem;text-transform:uppercase;font-size:.72rem;letter-spacing:.2em;font-weight:800;color:var(--forest-2)}.eyebrow:before{content:'';width:36px;height:1px;background:var(--gold)}.section-title{font-size:clamp(2.35rem,4vw,4rem);line-height:1.02;letter-spacing:-.03em}.topbar{background:#0c2b1e;color:#dfeae4;font-size:.84rem;letter-spacing:.01em}.topbar a{color:#fff;text-decoration:none}.navbar{background:rgba(252,250,245,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(18,59,42,.07);transition:.35s ease}.navbar.scrolled{box-shadow:0 12px 34px rgba(15,45,31,.1);background:rgba(255,255,255,.96)}.navbar-brand{font-family:'Playfair Display',serif;font-size:1.34rem;font-weight:800;color:var(--forest)!important;line-height:1}.brand-mark{width:47px;height:47px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--forest),var(--forest-2));color:#fff;font-size:1.15rem;box-shadow:0 10px 25px rgba(18,59,42,.22);transform:rotate(-3deg)}.nav-link{position:relative;font-size:.92rem;font-weight:700;color:#33463c!important;margin:0 .35rem;padding:.9rem .2rem!important}.nav-link:after{content:'';position:absolute;left:.2rem;right:100%;bottom:.55rem;height:1.5px;background:var(--gold);transition:.3s}.nav-link:hover,.nav-link.active{color:var(--forest)!important}.nav-link:hover:after,.nav-link.active:after{right:.2rem}.btn-brand{background:linear-gradient(135deg,var(--forest),var(--forest-2));border:0;color:#fff;padding:.88rem 1.45rem;border-radius:999px;font-weight:800;box-shadow:0 12px 28px rgba(18,59,42,.2)}.btn-brand:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 34px rgba(18,59,42,.3)}.btn-outline-brand{border:1px solid rgba(255,255,255,.65);color:#fff;padding:.86rem 1.4rem;border-radius:999px;font-weight:800;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}.btn-outline-brand:hover{background:#fff;color:var(--forest);transform:translateY(-2px)}
.hero-carousel{background:#0b2a1d}.hero-carousel .carousel-item{min-height:760px;background-size:cover;background-position:center;position:relative}.hero-carousel .carousel-item:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,23,15,.91) 0%,rgba(7,28,18,.67) 46%,rgba(8,30,20,.18) 100%)}.hero-carousel .carousel-item:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,23,15,.3),transparent 42%)}.hero-content{position:relative;z-index:2;min-height:760px;display:flex;align-items:center;color:#fff}.hero-content>div{max-width:900px;padding:70px 0}.hero-content h1{font-size:clamp(3.5rem,7vw,6.8rem);max-width:960px;line-height:.91;letter-spacing:-.045em;text-wrap:balance}.hero-content p{max-width:670px;font-size:1.13rem;line-height:1.75;color:#e7eee9}.hero-carousel .carousel-indicators{justify-content:flex-start;margin-left:max(calc((100vw - 1140px)/2),8%);margin-bottom:30px}.carousel-indicators [data-bs-target]{width:42px;height:3px;border:0;border-radius:10px}.hero-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .8rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);font-size:.78rem;color:#fff}.hero-badge i{color:#ddc28f}.trust-strip{margin-top:-45px;position:relative;z-index:5}.trust-panel{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-lg);padding:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 12px 35px rgba(20,55,39,.08);height:100%;transition:.35s}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.stat-card strong{display:block;font:800 2.35rem 'Playfair Display',serif;color:var(--forest)}.stat-card span{color:var(--muted);font-size:.9rem}.service-card{border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 16px 45px rgba(20,55,39,.09);height:100%;transition:.4s cubic-bezier(.2,.8,.2,1);background:#fff}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.service-card .image{height:270px;background-size:cover;background-position:center;position:relative;overflow:hidden}.service-card .image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,29,19,.5),transparent 62%);transition:.35s}.service-card:hover .image:after{background:linear-gradient(0deg,rgba(7,29,19,.62),rgba(7,29,19,.04))}.service-card .card-body{padding:31px}.service-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#eef4ef,#e3eee5);color:var(--forest);font-size:1.45rem;margin-top:-62px;position:relative;z-index:2;border:5px solid #fff;box-shadow:0 8px 20px rgba(18,59,42,.12)}.service-card h3{color:var(--forest)}.image-frame{border-radius:34px;overflow:hidden;box-shadow:var(--shadow-lg);min-height:500px;background-size:cover;background-position:center;position:relative}.image-frame:after{content:'';position:absolute;inset:18px;border:1px solid rgba(255,255,255,.55);border-radius:24px;pointer-events:none}.feature-list{display:grid;gap:17px}.feature-item{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}.feature-item i{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e8f1ea;color:var(--forest)}.project-card{border-radius:28px;overflow:hidden;position:relative;height:355px;background-size:cover;background-position:center;box-shadow:0 16px 40px rgba(17,48,33,.12);transition:.45s}.project-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,25,16,.88),transparent 67%);transition:.35s}.project-card:hover{transform:translateY(-6px)}.project-card:hover:before{background:linear-gradient(0deg,rgba(5,25,16,.94),rgba(5,25,16,.08) 80%)}.project-card .caption{position:absolute;left:26px;right:26px;bottom:22px;color:#fff;transform:translateY(5px);transition:.3s}.project-card:hover .caption{transform:none}.project-card .caption h3{margin-bottom:4px}.process-card{position:relative;padding:34px 26px 30px;border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.75);height:100%}.process-card .num{font:800 3.3rem 'Playfair Display',serif;color:rgba(18,59,42,.13);line-height:1}.process-card i{font-size:1.3rem;color:var(--forest);margin:12px 0 18px}.quote-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 15px 40px rgba(20,55,39,.08);height:100%}.quote-card .stars{color:#c8a96b;letter-spacing:.12em}.quote-card p{color:#59675f;line-height:1.8}.cta{position:relative;overflow:hidden;background:linear-gradient(125deg,#0c2d1f,#1f6546);border-radius:38px;color:#fff;padding:68px;box-shadow:var(--shadow-lg)}.cta:after{content:'';position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;top:-180px;background:rgba(200,169,107,.14)}.cta>*{position:relative;z-index:2}.page-hero{min-height:540px;background-size:cover;background-position:center;position:relative}.page-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,25,17,.9),rgba(6,25,17,.38))}.page-hero .container{min-height:540px;display:flex;align-items:center;position:relative;color:#fff}.page-hero h1{font-size:clamp(3.3rem,7vw,6rem);letter-spacing:-.04em}.page-hero p{line-height:1.7}.plant-card{border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 16px 42px rgba(20,55,39,.09);background:#fff;transition:.35s}.plant-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.plant-card img{height:300px;object-fit:cover;transition:.45s}.plant-card:hover img{transform:scale(1.04)}.contact-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow);height:100%}.form-control,.form-select{border-radius:15px;padding:1rem 1.05rem;border-color:#d9e1dc;background:#fcfdfc}.form-control:focus,.form-select:focus{border-color:#7dad8a;box-shadow:0 0 0 .22rem rgba(47,125,80,.11)}footer{position:relative;background:#0a2519;color:#bfcec5;padding:82px 0 24px;overflow:hidden}footer:before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:rgba(126,166,133,.07);right:-140px;top:-170px}footer h3,footer h5{color:#fff}footer a{color:#bfcec5;text-decoration:none}footer a:hover{color:#fff}footer p{line-height:1.7}.social a{width:44px;height:44px;border-radius:14px;display:inline-grid;place-items:center;background:rgba(255,255,255,.08);margin-right:7px;border:1px solid rgba(255,255,255,.08)}.social a:hover{background:#fff;color:var(--forest);transform:translateY(-3px)}.floating{position:fixed;right:20px;z-index:1040;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:1.4rem;box-shadow:0 13px 28px rgba(0,0,0,.2);transition:.3s}.floating:hover{color:#fff;transform:translateY(-4px) scale(1.03)}.whatsapp{bottom:24px;background:#25d366}.facebook{bottom:92px;background:#1877f2}.mobile-contact-bar{display:none}.reveal{opacity:0;transform:translateY(28px);transition:.75s cubic-bezier(.2,.8,.2,1)}.reveal.show{opacity:1;transform:none}

/* =========================
   TOP OFFER BAR
========================= */
/*.ad-offer-strip {
    background: #1f5c3a; /* Background color */
  /*  color: #ffffff;      /* Text color */
    /*padding: 10px 0;
}*/

/* Call & WhatsApp buttons 
.ad-mini-link {
    background: #ffffff;
    color: #1f5c3a;
    padding: 7px 14px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.ad-mini-link:hover {
    background: #d8b56a; /* Golden hover 
    color: #ffffff;
}*/

/* =========================
   NAVBAR LOGO
========================= */

.navbar-logo {
    width: 170px;
    height: 60px;
    object-fit: contain;
    display: block;
}

/* Tablet */
@media (max-width: 991px) {
    .navbar-logo {
        width: 160px;
        height: 60px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .navbar-logo {
        width: 135px;
        height: 52px;
    }
}
@media(max-width:1199px){.hero-carousel .carousel-indicators{margin-left:7%}}
@media(max-width:991px){.topbar{display:none}.section{padding:78px 0}.hero-carousel .carousel-item,.hero-content{min-height:650px}.hero-content>div{padding:55px 0}.navbar-collapse{padding:16px 0 8px}.nav-link{padding:.7rem .2rem!important}.nav-link:after{display:none}.cta{padding:44px 30px}.page-hero,.page-hero .container{min-height:440px}.image-frame{min-height:420px}.trust-strip{margin-top:-28px}.mobile-contact-bar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:12px;right:12px;bottom:12px;z-index:1035;background:rgba(12,43,30,.95);backdrop-filter:blur(15px);border-radius:18px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.22)}.mobile-contact-bar a{color:#fff;text-decoration:none;text-align:center;padding:11px 5px;font-size:.72rem}.mobile-contact-bar i{display:block;font-size:1.05rem;margin-bottom:3px}.floating{display:none}body{padding-bottom:78px}}
@media(max-width:575px){.navbar-brand{font-size:1.08rem}.brand-mark{width:42px;height:42px}.hero-content h1{font-size:3.05rem}.hero-carousel .carousel-item,.hero-content{min-height:590px}.hero-content p{font-size:1rem}.hero-carousel .carousel-indicators{margin-left:8%;margin-bottom:18px}.section{padding:64px 0}.section-title{font-size:2.45rem}.service-card .image{height:225px}.project-card{height:295px}.page-hero,.page-hero .container{min-height:390px}.cta{padding:36px 22px;border-radius:28px}.image-frame{min-height:340px}.trust-panel{padding:12px;border-radius:20px}.stat-card{padding:20px 15px}.stat-card strong{font-size:1.85rem}}


/* ============================================================
   15. UAE ADS / LEAD-GENERATION COMPONENTS
   These styles support paid-campaign traffic and conversion CTAs.
   ============================================================ */
.ad-offer-strip{background:linear-gradient(90deg,#b89552,#d4ba82);color:#173626;padding:9px 0;font-size:.82rem;box-shadow:0 8px 24px rgba(67,53,27,.12)}
.ad-mini-link{display:inline-flex;align-items:center;gap:7px;color:#173626;text-decoration:none;font-weight:800;border-left:1px solid rgba(23,54,38,.2);padding-left:12px}.ad-mini-link:hover{color:#000;transform:translateY(-1px)}
.ad-conversion-section{background:#f2ecdf}.ad-conversion-panel{position:relative;overflow:hidden;background:linear-gradient(120deg,#0a2a1d 0%,#18563b 60%,#2a7251 100%);color:#fff;border-radius:36px;padding:55px;box-shadow:0 28px 70px rgba(12,43,30,.22)}
.ad-conversion-panel:before{content:'';position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-120px;top:-130px}.ad-conversion-panel h2{font-size:clamp(2.2rem,4vw,3.7rem)}.ad-conversion-panel p{color:#dfebe4;line-height:1.8}.ad-conversion-panel .eyebrow:before{background:#e3c98e}.ad-cta-box{background:rgba(255,255,255,.1);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:26px}.ad-trust-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.ad-trust-chips span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:700}.ad-trust-chips i{color:#e2c98f;margin-right:5px}.lead-benefits{display:flex;flex-wrap:wrap;gap:9px}.lead-benefits span{background:#edf5ef;color:#28553c;border:1px solid #dbe9de;padding:8px 11px;border-radius:999px;font-size:.78rem;font-weight:700}.lead-benefits i{margin-right:5px}.track-whatsapp{position:relative}
@media(max-width:991px){.ad-offer-strip .container{font-size:.76rem}.ad-conversion-panel{padding:38px 26px}.ad-mini-link{border-left:0;padding-left:0}.ad-offer-strip .container>span{text-align:center;width:100%}}
@media(max-width:575px){.ad-offer-strip{padding:8px 0}.ad-offer-strip .container>span{font-size:.7rem}.ad-mini-link{font-size:.72rem}.ad-conversion-panel{padding:30px 20px;border-radius:28px}.ad-conversion-panel h2{font-size:2.25rem}.ad-trust-chips{gap:6px}.ad-trust-chips span{font-size:.7rem}}

/* ============================================================
   16. VISITOR COUNTER, RATING & PUBLIC REVIEWS
   Added without changing existing website sections.
   ============================================================ */
.visitor-review-section{background:linear-gradient(180deg,var(--ivory) 0%,#f3eee4 100%)}
.visitor-summary-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px 24px;box-shadow:0 14px 38px rgba(20,55,39,.09)}
.visitor-summary-icon{width:56px;height:56px;flex:0 0 56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--forest),var(--forest-2));color:#fff;font-size:1.25rem;box-shadow:0 10px 24px rgba(18,59,42,.22)}
.visitor-summary-card strong{display:block;font:800 2rem 'Playfair Display',serif;color:var(--forest);line-height:1}
.visitor-summary-card span{display:block;color:var(--muted);font-size:.82rem;margin-top:5px}
.rating-form-card,.public-reviews-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:0 16px 45px rgba(20,55,39,.09)}
.rating-overview{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f7faf7;border:1px solid #e4ece6;border-radius:22px;padding:20px 22px}
.average-rating{font:800 3.3rem 'Playfair Display',serif;color:var(--forest);line-height:1}.rating-overview small{color:var(--muted);font-weight:700}.rating-stars-display{color:var(--gold);font-size:1.35rem;letter-spacing:.08em;white-space:nowrap}.review-total{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}
.rating-input{display:flex;gap:5px}.rating-input button{appearance:none;border:0;background:transparent;color:#d8ddd9;font-size:2rem;line-height:1;padding:0 2px;cursor:pointer;transition:.2s;filter:drop-shadow(0 2px 2px rgba(0,0,0,.03))}.rating-input button:hover,.rating-input button.active{color:var(--gold);transform:translateY(-2px) scale(1.05)}
.review-form-message{min-height:20px;font-size:.88rem;font-weight:700}.review-form-message.success{color:#237346}.review-form-message.error{color:#b42318}
.review-quote-icon{font-size:2.2rem;color:rgba(18,59,42,.12)}.public-reviews-list{display:grid;gap:14px;max-height:520px;overflow:auto;padding-right:4px}.public-reviews-list::-webkit-scrollbar{width:6px}.public-reviews-list::-webkit-scrollbar-thumb{background:#cedbd2;border-radius:20px}
.public-review-item{border:1px solid #e3ebe5;border-radius:20px;padding:19px 20px;background:#fcfdfc}.public-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.public-review-name{font:700 1.05rem 'Playfair Display',serif;color:var(--forest);margin:0}.public-review-stars{color:var(--gold);letter-spacing:.06em;white-space:nowrap}.public-review-date{display:block;color:#8a958e;font-size:.73rem;margin-top:3px}.public-review-comment{margin:0;color:#536158;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.reviews-empty,.reviews-loading{text-align:center;color:var(--muted);padding:44px 15px;border:1px dashed #dce5df;border-radius:20px;background:#fbfcfb}
@media(max-width:575px){.rating-form-card,.public-reviews-card{padding:22px 18px;border-radius:24px}.rating-overview{padding:17px 16px;gap:12px}.average-rating{font-size:2.7rem}.rating-input button{font-size:1.8rem}.visitor-summary-card{padding:18px}.public-review-head{display:block}.public-review-stars{display:block;margin-top:7px}.public-reviews-list{max-height:600px}}

/* Requested branding/image refinements */
.navbar-brand{display:flex;align-items:center;padding:.15rem 0;margin-right:1.2rem}
.site-logo{display:block;width:235px;max-width:34vw;height:78px;object-fit:contain;object-position:left center}
.hero-carousel .carousel-item,.page-hero{image-rendering:auto;background-repeat:no-repeat}
@media(max-width:991px){.site-logo{width:205px;height:68px;max-width:62vw}}
@media(max-width:575px){.site-logo{width:180px;height:60px;max-width:68vw}.hero-carousel .carousel-item{background-position:center}}

/* ============================================================
   2026 BOOTSTRAP 5.3.8 PREMIUM LANDSCAPE THEME REFRESH
   Keeps all existing website content/features while modernizing
   spacing, navigation, cards, buttons, hero and responsiveness.
   ============================================================ */
:root{
  --bs-primary:#2f6f3e;
  --bs-primary-rgb:47,111,62;
  --bs-success:#5f972c;
  --lux-green:#174a2b;
  --lux-green-2:#286d3c;
  --lux-lime:#84b82f;
  --lux-gold:#c9a24f;
  --lux-cream:#f7f8f2;
  --lux-dark:#10281a;
  --lux-border:rgba(20,72,40,.12);
  --lux-shadow:0 18px 55px rgba(15,56,31,.12);
}
body{background:#fff;color:#1b2a20}
.section{padding:96px 0}.section-sm{padding:68px 0}

/* Header */
.topbar{background:linear-gradient(90deg,#0b351d,#0f5129);border-bottom:1px solid rgba(255,255,255,.08)}
.navbar{background:rgba(255,255,255,.96);backdrop-filter:blur(18px);min-height:92px;box-shadow:0 8px 30px rgba(19,63,34,.06)}
.navbar .container{gap:18px}.navbar-brand{flex:0 0 auto}.site-logo{width:250px;height:76px;max-width:31vw;object-fit:contain;object-position:left center}
.navbar-nav{gap:.12rem}.nav-link{font-size:.87rem;letter-spacing:.02em;text-transform:uppercase;font-weight:800;color:#223d2c!important}
.nav-link:hover,.nav-link.active{color:var(--lux-green-2)!important}
.nav-link:after{height:2px;background:linear-gradient(90deg,var(--lux-lime),var(--lux-green-2));bottom:.35rem}
.navbar-toggler{width:46px;height:46px;border-radius:14px!important;background:#eef5eb}

/* Buttons */
.btn{border-radius:999px;font-weight:800;letter-spacing:.01em;padding:.82rem 1.35rem;transition:.25s ease}
.btn-brand{background:linear-gradient(135deg,var(--lux-green-2),#5b9628);border:0;color:#fff;box-shadow:0 10px 24px rgba(47,111,62,.24)}
.btn-brand:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 30px rgba(47,111,62,.28)}
.btn-outline-brand{border:1.5px solid rgba(255,255,255,.75);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.btn-outline-brand:hover{background:#fff;color:var(--lux-green);border-color:#fff}

/* Offer strip */
.ad-offer-strip{background:#edf4e8;color:#214a2d;border-top:1px solid #dce9d6;border-bottom:1px solid #dce9d6;box-shadow:none}
.ad-mini-link{color:#1e582e}

/* Hero */
.hero-carousel{background:#0d2e1a}
.hero-carousel .carousel-item{min-height:650px;background-size:cover;background-position:center;position:relative}
.hero-carousel .carousel-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,28,15,.88) 0%,rgba(5,35,19,.62) 35%,rgba(4,25,13,.18) 68%,rgba(4,25,13,.08) 100%)}
.hero-content{position:relative;z-index:2;min-height:650px;display:flex;align-items:center}
.hero-content>div{width:min(670px,92%);padding:72px 0}
.hero-content h1{font-size:clamp(3rem,5.2vw,5.2rem);line-height:.98;letter-spacing:-.035em;color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.2)}
.hero-content p{max-width:650px;color:#edf5ef;font-size:1.1rem;line-height:1.75}
.hero-content .eyebrow{color:#d7ecb0!important}.hero-content .eyebrow:before{background:#9dd346}
.hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{width:6%}
.hero-carousel .carousel-control-prev-icon,.hero-carousel .carousel-control-next-icon{width:46px;height:46px;background-size:42%;background-color:rgba(7,31,17,.55);border:1px solid rgba(255,255,255,.2);border-radius:50%;backdrop-filter:blur(8px)}
.hero-carousel .carousel-indicators [data-bs-target]{width:10px;height:10px;border-radius:50%;border:0;margin:0 5px;background-color:#fff;opacity:.55}.hero-carousel .carousel-indicators .active{width:28px;border-radius:20px;opacity:1;background:#9bd13a}

/* Cards and sections */
.service-card,.plant-card,.project-card,.process-card,.rating-form-card,.public-reviews-card,.visitor-summary-card{border:1px solid var(--lux-border)!important;box-shadow:var(--lux-shadow)!important}
.service-card,.plant-card,.process-card{border-radius:28px!important;background:#fff;overflow:hidden}
.service-card:hover,.plant-card:hover,.project-card:hover{transform:translateY(-7px);box-shadow:0 26px 70px rgba(15,56,31,.17)!important}
.section-title{color:#173a25}.lead-soft{color:#66756b}
.bg-cream{background:linear-gradient(180deg,#f7f8f2,#eef3e8)}

/* Inner page heroes */
.page-hero{min-height:500px!important;background-size:cover;background-position:center;position:relative;border-bottom:1px solid rgba(20,72,40,.1)}
.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,38,20,.78),rgba(6,38,20,.32),rgba(6,38,20,.10))}
.page-hero .container{position:relative;z-index:2;min-height:500px!important;display:flex;align-items:center}.page-hero h1{color:#fff;font-size:clamp(3rem,5vw,5rem)}

/* Footer */
footer{background:linear-gradient(145deg,#092719,#103b24)!important}footer .social a{border-radius:50%}

/* Forms */
.form-control,.form-select{border-radius:16px;border-color:#dce5dc;min-height:52px}.form-control:focus,.form-select:focus{border-color:#6d9f61;box-shadow:0 0 0 .25rem rgba(72,128,78,.12)}

/* Responsive */
@media(max-width:1199px){.site-logo{width:220px;max-width:30vw}.nav-link{font-size:.8rem}.hero-carousel .carousel-item,.hero-content{min-height:610px}}
@media(max-width:991px){
 .navbar{min-height:80px}.navbar .container{padding-top:.4rem!important;padding-bottom:.4rem!important}.site-logo{width:205px;height:66px;max-width:62vw}
 .navbar-collapse{background:#fff;margin-top:10px;padding:18px;border-radius:22px;box-shadow:0 18px 50px rgba(15,56,31,.12)}
 .nav-link{text-transform:none;font-size:.95rem;padding:.72rem .35rem!important}
 .hero-carousel .carousel-item,.hero-content{min-height:560px}.hero-content>div{padding:56px 0;width:min(630px,94%)}
 .hero-carousel .carousel-item:before{background:linear-gradient(90deg,rgba(4,28,15,.86),rgba(4,28,15,.48))}
 .page-hero,.page-hero .container{min-height:420px!important}
}
@media(max-width:575px){
 .section{padding:58px 0}.section-sm{padding:48px 0}.site-logo{width:170px;height:56px;max-width:67vw}
 .hero-carousel .carousel-item,.hero-content{min-height:530px}.hero-content h1{font-size:2.75rem}.hero-content p{font-size:.98rem;line-height:1.6}.hero-content>div{padding:46px 0}
 .hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{display:none}.hero-carousel .carousel-indicators{margin-bottom:14px}
 .page-hero,.page-hero .container{min-height:360px!important}.page-hero h1{font-size:2.65rem}
 .btn{padding:.76rem 1.1rem}.ad-offer-strip{display:none}
}

/* ============================================================
   PREMIUM COLOR NAVBAR ANIMATION
   Added without changing existing page content/layout.
   ============================================================ */
.navbar{
  position:sticky;
  overflow:visible;
  isolation:isolate;
}

.navbar::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:linear-gradient(90deg,#0d5c2d,#7fba24,#d7aa2b,#2f8f46,#0d5c2d);
  background-size:300% 100%;
  animation:awajNavGradient 7s linear infinite;
  opacity:.95;
  z-index:2;
}

.navbar.scrolled::before{
  height:3px;
  box-shadow:0 2px 12px rgba(90,158,47,.28);
}

.navbar .navbar-brand{
  transition:transform .35s ease,filter .35s ease;
}
.navbar .navbar-brand:hover{
  transform:translateY(-2px) scale(1.018);
  filter:drop-shadow(0 8px 14px rgba(35,101,48,.18));
}

.navbar .nav-link{
  z-index:1;
  border-radius:999px;
  padding:.72rem .82rem!important;
  overflow:hidden;
  transition:color .32s ease,transform .32s ease,box-shadow .32s ease;
}

.navbar .nav-link::before{
  content:"";
  position:absolute;
  inset:4px 0;
  border-radius:999px;
  background:linear-gradient(120deg,#0f5d2d,#6da91f,#d1a428,#14763b);
  background-size:240% 240%;
  opacity:0;
  transform:scale(.72);
  transition:opacity .32s ease,transform .32s cubic-bezier(.2,.8,.2,1);
  z-index:-1;
}

.navbar .nav-link:hover,
.navbar .nav-link.active{
  color:#fff!important;
  transform:translateY(-2px);
  text-shadow:0 1px 1px rgba(0,0,0,.12);
  box-shadow:0 10px 24px rgba(25,101,48,.16);
}

.navbar .nav-link:hover::before,
.navbar .nav-link.active::before{
  opacity:1;
  transform:scale(1);
  animation:awajNavPill 4.5s ease infinite;
}

.navbar .nav-link::after{
  display:none!important;
}

.navbar-toggler{
  position:relative;
  overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease;
}
.navbar-toggler::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:linear-gradient(115deg,transparent 35%,rgba(121,183,36,.2) 50%,transparent 65%);
  transform:translateX(-55%);
  transition:transform .6s ease;
}
.navbar-toggler:hover{
  transform:translateY(-2px);
  box-shadow:0 9px 22px rgba(24,91,42,.15);
}
.navbar-toggler:hover::before{transform:translateX(55%)}

@keyframes awajNavGradient{
  0%{background-position:0% 50%}
  100%{background-position:300% 50%}
}
@keyframes awajNavPill{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

@media(max-width:991px){
  .navbar::before{height:3px}
  .navbar-collapse{
    border:1px solid rgba(42,103,46,.09);
    animation:awajMenuIn .32s ease both;
  }
  .navbar .nav-link{
    margin:.18rem 0;
    padding:.78rem .95rem!important;
  }
  .navbar .nav-link::before{inset:2px 0}
  .navbar .nav-link:hover,.navbar .nav-link.active{transform:translateX(5px)}
}

@keyframes awajMenuIn{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}

@media(prefers-reduced-motion:reduce){
  .navbar::before,.navbar .nav-link::before,.navbar-collapse{animation:none!important}
  .navbar .nav-link,.navbar .navbar-brand,.navbar-toggler{transition:none!important}
}