/* V19 - Light mode polish: site-wide readability without changing dark design */
:root{
  --cg-light-bg:#f7f6ef;
  --cg-light-panel:#ffffff;
  --cg-light-panel-2:#f0efe7;
  --cg-light-text:#151515;
  --cg-light-muted:#53534d;
  --cg-light-border:rgba(20,20,20,.13);
  --cg-light-gold:#7a7100;
  --cg-light-gold-2:#5f5700;
  --cg-light-yellow:#feed01;
}

html.light,
html.light body{
  background:
    radial-gradient(circle at 78% 0%, rgba(254,237,1,.18), transparent 32%),
    linear-gradient(180deg,#fbfaf3 0%,#f6f5ee 42%,#efeee6 100%) !important;
  color:var(--cg-light-text) !important;
}
html.light body::selection{background:rgba(254,237,1,.55);color:#000;}
html.light .noise{opacity:.12!important;mix-blend-mode:multiply!important;}
html.light .bg-leaf{opacity:.08!important;filter:grayscale(1) contrast(.65)!important;}

/* Header / topbar */
html.light .cg-header{
  background:rgba(255,255,255,.965)!important;
  color:var(--cg-light-text)!important;
  border-bottom:1px solid rgba(0,0,0,.12)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.08)!important;
}
html.light .cg-topbar{
  background:linear-gradient(90deg,#f7f6ef,#fff 45%,#f7f6ef)!important;
  border-bottom:1px solid rgba(0,0,0,.09)!important;
}
html.light .cg-mainbar{background:rgba(255,255,255,.94)!important;}
html.light .cg-top-phone,
html.light .cg-lang,
html.light .cg-lang a,
html.light .cg-nav-link{color:#111!important;}
html.light .cg-lang span{color:rgba(0,0,0,.38)!important;}
html.light .cg-top-phone i{color:var(--cg-light-gold-2)!important;}
html.light .cg-nav-link:hover,
html.light .cg-nav-link.is-active{color:var(--cg-light-gold-2)!important;}
html.light .cg-nav-link::after{background:var(--cg-light-gold)!important;}
html.light .cg-theme{
  background:#f2f1e9!important;
  border-color:rgba(0,0,0,.22)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)!important;
}
html.light .cg-theme::before{color:var(--cg-light-gold)!important;}
html.light .cg-theme span{background:#111!important;}
html.light .cg-menu-btn{background:rgba(254,237,1,.38)!important;border-color:rgba(0,0,0,.16)!important;color:#000!important;}

/* Mega menu on light background */
html.light .cg-dropdown,
html.light .cg-mega-panel{
  background:linear-gradient(180deg,#ffffff 0%,#f6f5ee 100%)!important;
  border-color:rgba(0,0,0,.13)!important;
  box-shadow:0 34px 92px rgba(0,0,0,.18)!important;
}
html.light .cg-dropdown a{color:#222!important;}
html.light .cg-dropdown a:hover{background:rgba(254,237,1,.22)!important;color:#000!important;}
html.light .cg-mega-card{
  background:linear-gradient(145deg,#ffffff,#f3f2eb)!important;
  border-color:rgba(0,0,0,.13)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.055)!important;
}
html.light .cg-mega-card:hover{
  border-color:rgba(122,113,0,.38)!important;
  background:linear-gradient(145deg,#fffef4,#efede2)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.09)!important;
}
html.light .cg-mega-icon,
html.light .cg-mega-title,
html.light .cg-mega-copy li a::before,
html.light .cg-mega-all{color:var(--cg-light-gold)!important;}
html.light .cg-mega-title:hover{color:#000!important;}
html.light .cg-mega-copy li a{color:#222!important;background-image:linear-gradient(var(--cg-light-gold),var(--cg-light-gold))!important;}
html.light .cg-mega-copy li a:hover{color:#000!important;}
html.light .cg-mega-all{border-color:rgba(122,113,0,.42)!important;background:#fff!important;}
html.light .cg-mega-all:hover{background:var(--cg-yellow)!important;color:#000!important;border-color:var(--cg-yellow)!important;}

/* General content surfaces in light mode */
html.light .hero{background:#f7f6ef!important;color:#111!important;}
html.light .hero h1,
html.light .inner-hero h1,
html.light .section-title h2,
html.light .service-intro h2,
html.light .timeline-intro h2,
html.light .dark-card h2,
html.light .project-card h3,
html.light .timeline-card h3,
html.light .service-card h3,
html.light .article-card h3,
html.light .single-content h1,
html.light .single-content h2,
html.light .single-content h3{color:#151515!important;}
html.light .hero h1 span,
html.light .section-title h2 span,
html.light .service-intro h2 span{color:var(--cg-light-gold-2)!important;text-shadow:none!important;}
html.light .lead,
html.light .inner-hero p,
html.light .section-title p,
html.light .dark-card p,
html.light .timeline-intro p,
html.light .timeline-card p,
html.light .service-card p,
html.light .project-card p,
html.light .article-card p,
html.light .single-content p,
html.light .single-content li{color:var(--cg-light-muted)!important;}
html.light .label,
html.light .eyebrow,
html.light .cg-eyebrow,
html.light .inline-link,
html.light .project-icon,
html.light .service-icon,
html.light .single-content a{color:var(--cg-light-gold)!important;}
html.light .dark-card,
html.light .service-card,
html.light .project-card,
html.light .timeline-intro,
html.light .timeline-card,
html.light .article-card,
html.light .aside-card,
html.light .single-content,
html.light .faq-item,
html.light .accordion-item,
html.light .related-card,
html.light .v5-related-card{
  background:linear-gradient(145deg,#fff,#f2f1ea)!important;
  border-color:var(--cg-light-border)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.055)!important;
  color:#151515!important;
}
html.light .project-card:hover,
html.light .service-card:hover,
html.light .article-card:hover,
html.light .timeline-card:hover{border-color:rgba(122,113,0,.34)!important;box-shadow:0 20px 58px rgba(0,0,0,.09)!important;}
html.light .project-icon svg,
html.light .service-icon svg{stroke:currentColor!important;}
html.light .btn-ghost{color:#111!important;border-color:rgba(0,0,0,.18)!important;background:#fff!important;}
html.light .btn-yellow,
html.light .cg-cta,
html.light .cg-send{background:var(--cg-yellow)!important;color:#000!important;}
html.light .yellow-card{background:var(--cg-yellow)!important;color:#000!important;}
html.light .yellow-card p{color:#101010!important;}

/* Contact/Form component */
html.light .cg-contact{background:linear-gradient(180deg,#f7f6ef,#efeee6)!important;color:#111!important;}
html.light .cg-contact-info{background:var(--cg-yellow)!important;color:#000!important;box-shadow:0 24px 70px rgba(0,0,0,.12)!important;}
html.light .cg-contact-info p:not(.cg-eyebrow){color:#161616!important;}
html.light .cg-contact-bg{opacity:.16!important;filter:grayscale(1) contrast(.9)!important;mix-blend-mode:multiply!important;}
html.light .cg-contact-item,
html.light .cg-contact-item strong,
html.light .cg-contact-item b,
html.light .cg-contact-item span{color:#000!important;}
html.light .cg-map-btn{background:rgba(255,255,255,.36)!important;color:#000!important;border-color:rgba(0,0,0,.28)!important;}
html.light .cg-map-btn:hover{background:#111!important;color:var(--cg-yellow)!important;}
html.light .cg-form-card{background:#fff!important;border-color:rgba(0,0,0,.12)!important;color:#111!important;box-shadow:0 22px 70px rgba(0,0,0,.1)!important;}
html.light .cg-form-head h2{color:#111!important;}
html.light .cg-form-head p{color:#555!important;}
html.light .cg-tabs{background:#ecebe3!important;}
html.light .cg-tab{color:#222!important;}
html.light .cg-tab.is-active{background:var(--cg-yellow)!important;color:#000!important;}
html.light .cg-form label span,
html.light .cg-kvkk{color:#151515!important;}
html.light .cg-form input,
html.light .cg-form select,
html.light .cg-form textarea{background:#f7f6f0!important;color:#111!important;border-color:rgba(0,0,0,.14)!important;}
html.light .cg-whatsapp{background:#f1f0e8!important;color:#111!important;border-color:rgba(0,0,0,.16)!important;}
html.light .cg-note{color:#666!important;}

/* Footer intentionally stays dark for contrast */
html.light .cg-footer{background:#050505!important;color:#fff!important;}
html.light .cg-footer a,html.light .cg-footer p{color:#d8d8d2!important;}
html.light .cg-footer-col h3{color:#fff!important;}
html.light .cg-footer-contact i,html.light .cg-footer a:hover{color:var(--cg-yellow)!important;}
html.light .cg-socials a{color:#fff!important;background:rgba(255,255,255,.05)!important;}
html.light .cg-socials a:hover{color:#000!important;background:var(--cg-yellow)!important;}

/* Older non-component mega/menu fallbacks */
html.light .mega,
html.light .dropdown{background:#fff!important;border-color:rgba(0,0,0,.12)!important;box-shadow:0 30px 80px rgba(0,0,0,.16)!important;}
html.light .mega-card{background:#f7f6ef!important;border-color:rgba(0,0,0,.12)!important;}
html.light .mega-card h3,
html.light .mega-icon,
html.light .mega-card a:before{color:var(--cg-light-gold)!important;}
html.light .mega-card a{color:#222!important;}

@media (max-width:760px){
  html.light .cg-drawer-panel{background:linear-gradient(180deg,#ffffff,#f4f2e6)!important;color:#111!important;}
  html.light .cg-drawer-panel a,
  html.light .cg-drawer-panel summary{color:#111!important;background:rgba(0,0,0,.035)!important;border-color:rgba(0,0,0,.1)!important;}
  html.light .cg-drawer-panel a:hover,
  html.light .cg-drawer-panel summary:hover{background:rgba(254,237,1,.24)!important;}
  html.light .cg-drawer-head{border-color:rgba(0,0,0,.1)!important;}
  html.light .cg-contact-info{border-radius:30px!important;}
}