:root{
  --nt-blue:#1A2E6E;
  --nt-blue-dark:#0F1F50;
  --nt-blue-deep:#060e2b;
  --nt-yellow:#F5C800;
  --nt-yellow-dark:#E0B400;
  --nt-yellow-soft:#FFF3BF;
  --nt-yellow-softer:#FFF8DD;
  --nt-shadow:0 10px 28px rgba(26,46,110,.10);
  --nt-shadow-lg:0 18px 40px rgba(26,46,110,.14);
}
html{background:var(--nt-yellow)!important}
body{background:var(--nt-yellow)!important;background-image:none!important;color:#0f172a!important}
#topbar{background:var(--nt-blue)!important;color:rgba(255,255,255,.82)!important;border-bottom:1px solid rgba(245,200,0,.18)!important}
#topbar a{color:rgba(255,255,255,.82)!important}
#topbar a:hover,.tb-web{color:var(--nt-yellow)!important}
#navbar{background:var(--nt-yellow)!important;border-bottom:2px solid var(--nt-yellow-dark)!important;box-shadow:0 8px 24px rgba(26,46,110,.12)!important;backdrop-filter:none!important}
#navbar .nav-links a,
#navbar .nav-drop>a,
#mob-nav a,
#mob-nav .msub{color:var(--nt-blue)!important}
#navbar .nav-links a:hover,
#navbar .nav-links a.active,
.nav-drop:hover>a,
.drop-menu a:hover,
#mob-nav a:hover{background:rgba(255,255,255,.25)!important;color:var(--nt-blue)!important}
.drop-menu,#mob-nav{background:#F8E37B!important;box-shadow:var(--nt-shadow-lg)!important}
#hero,.page-hero,#services,footer,.footer,.site-footer{background:linear-gradient(135deg,var(--nt-blue-deep) 0%,var(--nt-blue-dark) 30%,var(--nt-blue) 65%,#1e3a8a 100%)!important}
#about,#activites,#galerie,#engagements,#contact,.cta-section,section[id^="page"],main,body > section{background-color:transparent}
section{background:transparent!important}
.card,
.act-card,.cd-card,.form-card,.afeat,.partner-card,.eng-item,.contact-card,.contact-item,.info-card,.value-card,.service-card,.gallery-card,.stat-card,.srv-card,
div[style*="background:#fff"],div[style*="background: #fff"],
div[style*="background:var(--white)"],div[style*="background: var(--white)"],
div[style*="background:var(--gray-50)"],div[style*="background: var(--gray-50)"],
div[style*="background:rgba(255,255,255"],div[style*="background: rgba(255,255,255"],
a[style*="background:#fff"],a[style*="background: #fff"],
a[style*="background:var(--white)"],a[style*="background: var(--white)"]{
  background:var(--nt-yellow-soft)!important;
  color:#0f172a!important;
  border:1px solid rgba(224,180,0,.35)!important;
  box-shadow:var(--nt-shadow)!important;
}
.sec-head p,.about-para,.act-body p,.form-card .sub,.eng-item p,.contact-card p,.contact-item p{color:#334155!important}
.fg input,.fg select,.fg textarea,input,select,textarea{
  background:var(--nt-yellow-softer)!important;
  border:1.5px solid rgba(224,180,0,.55)!important;
  color:#0F172A!important;
}
.btn,.nav-cta,.mob-cta,button[type="submit"]{border-radius:10px!important}
.btn-dark,.nav-cta,.mob-cta,button[type="submit"],a[style*="Demander un devis"]{
  background:linear-gradient(135deg,var(--nt-blue) 0%,var(--nt-blue-dark) 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.btn-primary,.btn-yellow{background:linear-gradient(135deg,var(--nt-yellow) 0%,var(--nt-yellow-dark) 100%)!important;color:var(--nt-blue)!important}
footer,.footer,.site-footer{background:linear-gradient(160deg,var(--nt-blue-deep) 0%,var(--nt-blue-dark) 100%)!important}
.fc h4{color:var(--nt-yellow)!important}
.fc a,.fc span,.footer-bottom p,.footer-bottom a{color:rgba(255,255,255,.76)!important}
.fc a:hover{color:var(--nt-yellow)!important}
#scroll-top{background:var(--nt-yellow)!important;color:var(--nt-blue)!important}
/* ensure consistent beige/yellow info blocks */
.info-card,.contact-card,.contact-item,.eng-item,.value-card,.partner-card,.srv-card{border-radius:16px!important}
/* menu alignment */
.nav-inner{max-width:1200px!important}
@media (max-width: 991px){
  #navbar{position:sticky!important;top:0!important}
}


/* ===== NT THEME v18 premium fixes ===== */
:root{
  --nt-surface:#ffffff;
  --nt-surface-soft:#fff7da;
  --nt-text:#15255a;
  --nt-text-muted:#4b5563;
}
html,body{background:var(--nt-yellow)!important}
body{color:var(--nt-text)!important}
section{background:unset!important}
#about,#activites,#galerie,#engagements,#contact,section[style*="background:transparent"]{background:transparent!important;background-image:none!important}
.card,
.act-card,.cd-card,.form-card,.afeat,.partner-card,.eng-item,.contact-card,.contact-item,.info-card,.value-card,.service-card,.gallery-card,.stat-card,.srv-card,
div[style*="background:#fff"],div[style*="background: #fff"],
div[style*="background:var(--white)"],div[style*="background: var(--white)"],
div[style*="background:var(--gray-50)"],div[style*="background: var(--gray-50)"],
a[style*="background:#fff"],a[style*="background: #fff"],
a[style*="background:var(--white)"],a[style*="background: var(--white)"]{
  background:var(--nt-surface)!important;
  color:var(--nt-text)!important;
  border:1px solid rgba(26,46,110,.08)!important;
  box-shadow:0 14px 32px rgba(26,46,110,.10)!important;
}
.card h1,.card h2,.card h3,.card h4,
.act-card h1,.act-card h2,.act-card h3,.act-card h4,
.cd-card h1,.cd-card h2,.cd-card h3,.cd-card h4,
.form-card h1,.form-card h2,.form-card h3,.form-card h4,
.afeat h1,.afeat h2,.afeat h3,.afeat h4,
.partner-card h1,.partner-card h2,.partner-card h3,.partner-card h4,
.eng-item h1,.eng-item h2,.eng-item h3,.eng-item h4,
.contact-card h1,.contact-card h2,.contact-card h3,.contact-card h4,
.contact-item h1,.contact-item h2,.contact-item h3,.contact-item h4,
.info-card h1,.info-card h2,.info-card h3,.info-card h4,
.value-card h1,.value-card h2,.value-card h3,.value-card h4,
.service-card h1,.service-card h2,.service-card h3,.service-card h4,
.gallery-card h1,.gallery-card h2,.gallery-card h3,.gallery-card h4,
.stat-card h1,.stat-card h2,.stat-card h3,.stat-card h4,
.srv-card h1,.srv-card h2,.srv-card h3,.srv-card h4{color:var(--nt-text)!important}
.card p,.act-card p,.cd-card p,.form-card p,.afeat p,.partner-card p,.eng-item p,.contact-card p,.contact-item p,.info-card p,.value-card p,.service-card p,.gallery-card p,.stat-card p,.srv-card p,
.card li,.act-card li,.cd-card li,.form-card li,.afeat li,.partner-card li,.eng-item li,.contact-card li,.contact-item li,.info-card li,.value-card li,.service-card li,.gallery-card li,.stat-card li,.srv-card li,
.card a,.act-card a,.cd-card a,.form-card a,.afeat a,.partner-card a,.eng-item a,.contact-card a,.contact-item a,.info-card a,.value-card a,.service-card a,.gallery-card a,.stat-card a,.srv-card a{color:var(--nt-text-muted)!important}

/* better contrast for services cards on dark sections */
.srv-card{
  background:var(--nt-surface-soft)!important;
  color:var(--nt-text)!important;
  border:1px solid rgba(255,255,255,.28)!important;
}
.srv-card h3,.srv-card p,.srv-card .srv-arr{color:var(--nt-text)!important}
.srv-card:hover{background:linear-gradient(135deg,var(--nt-blue),var(--nt-blue-dark))!important;border-color:rgba(255,255,255,.12)!important;transform:translateY(-8px)!important}
.srv-card:hover h3,.srv-card:hover p,.srv-card:hover .srv-arr{color:#fff!important}
.srv-card .srv-icon-box{background:rgba(245,200,0,.18)!important;border-color:rgba(245,200,0,.25)!important}
.srv-card:hover .srv-icon-box{background:rgba(245,200,0,.18)!important;border-color:rgba(245,200,0,.28)!important}

/* clients/engagement blocks */
.clients-box{background:linear-gradient(160deg,var(--nt-blue-dark),var(--nt-blue))!important}
.client-item{background:var(--nt-surface-soft)!important;border:1px solid rgba(245,200,0,.15)!important}
.client-item h4{color:var(--nt-blue)!important}
.client-item p{color:#334155!important}
.client-item:hover{background:#ffe89a!important;border-color:rgba(245,200,0,.35)!important}
.client-item [style*="color:rgba(255,255,255"],
.clients-box [style*="color:rgba(255,255,255"],
.clients-box [style*="color:rgba(255,255,255,.55)"],
.clients-box [style*="color:rgba(255,255,255,.6)"]{color:#334155!important}

/* stats bands */
.stats-band{background:linear-gradient(135deg,var(--nt-blue-dark),var(--nt-blue))!important;border-top:1px solid rgba(255,255,255,.04)!important;border-bottom:1px solid rgba(255,255,255,.04)!important}
.stats-band .stats-grid > div{border-color:rgba(255,255,255,.12)!important}
.stats-band .stats-grid .num{color:var(--nt-yellow)!important}
.stats-band .stats-grid .lab{color:rgba(255,255,255,.88)!important}

/* forms and misc */
.fg input,.fg select,.fg textarea,input,select,textarea{background:#fffdf1!important;color:#111827!important}
button, .btn{box-shadow:0 10px 24px rgba(26,46,110,.18)!important}
.about-feats .afeat, .partner-card, .value-card{background:var(--nt-surface)!important}
#about{padding-bottom:56px!important}
#activites{padding-top:64px!important}
#services .sec-head p,#services .sec-head .light{color:rgba(255,255,255,.78)!important}
#services .sec-head h2{color:#fff!important}

/* stronger legibility for inline-styled labels */
[style*="color:rgba(255,255,255,.5)"],
[style*="color: rgba(255,255,255,.5)"],
[style*="color:rgba(255,255,255,.55)"],
[style*="color: rgba(255,255,255,.55)"],
[style*="color:rgba(255,255,255,.6)"],
[style*="color: rgba(255,255,255,.6)"]{color:#334155!important}
.stats-band [style*="color:rgba(255,255,255,.5)"],
.stats-band [style*="color: rgba(255,255,255,.5)"],
.stats-band [style*="color:rgba(255,255,255,.55)"],
.stats-band [style*="color: rgba(255,255,255,.55)"],
.stats-band [style*="color:rgba(255,255,255,.6)"],
.stats-band [style*="color: rgba(255,255,255,.6)"]{color:rgba(255,255,255,.88)!important}
/* ===== end v18 ===== */


/* ===== v19 visual refinements ===== */
:root{
  --nt-cream:#fff8e8;
  --nt-cream-2:#ffefba;
  --nt-cream-3:#ffe28a;
}

.soft-gradient-section{
  position:relative;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.16), transparent 18%),
    radial-gradient(circle at 88% 82%, rgba(255,255,255,.14), transparent 16%),
    linear-gradient(180deg, #f7d22a 0%, #f1c703 46%, #e3b300 100%) !important;
}
.soft-gradient-section::before,
.cards-dark-section::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
}
#about.soft-gradient-section{padding-top:88px!important;padding-bottom:60px!important}
#about .about-grid{align-items:start!important}
#about .about-img-wrap img{height:390px!important}
#activites.cards-dark-section,
#services,
#engagements.cards-dark-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 16% 18%, rgba(245,200,0,.09), transparent 18%),
    radial-gradient(circle at 82% 22%, rgba(255,255,255,.06), transparent 20%),
    linear-gradient(160deg, #081235 0%, #132763 48%, #1d3a8a 100%) !important;
}
#activites.cards-dark-section{padding-top:64px!important;padding-bottom:86px!important}
#activites .sec-label,
#activites h2,
#activites .sec-head p,
#engagements.cards-dark-section .sec-label,
#engagements.cards-dark-section .sec-head h2,
#engagements.cards-dark-section .sec-head p,
#services .sec-label,
#services h2,
#services .sec-head p{position:relative;z-index:1}
#activites .sec-label,
#engagements.cards-dark-section .sec-label,
#services .sec-label{color:rgba(255,243,191,.88)!important;background:rgba(245,200,0,.12)!important;border-color:rgba(245,200,0,.18)!important}
#activites .sec-head h2,
#engagements.cards-dark-section .sec-head h2,
#services .sec-head h2{color:#fff!important}
#activites .sec-head p,
#engagements.cards-dark-section .sec-head p,
#services .sec-head p{color:rgba(255,255,255,.78)!important}

.act-card,
.srv-card,
.premium-info-card,
.cd-card{
  background:linear-gradient(180deg,var(--nt-cream) 0%, var(--nt-cream-2) 100%) !important;
  border:1px solid rgba(245,200,0,.26)!important;
  box-shadow:0 18px 36px rgba(6,14,43,.18)!important;
}
.act-card:hover,
.srv-card:hover,
.premium-info-card:hover,
.cd-card:hover{
  background:linear-gradient(180deg,#fffbee 0%, #fff4cc 100%) !important;
  transform:translateY(-8px)!important;
  box-shadow:0 24px 46px rgba(6,14,43,.24)!important;
}
.act-top{
  background:transparent!important;
  padding:28px 24px 10px!important;
}
.act-top::after{display:none!important}
.act-icon-box,
.srv-icon-box,
.premium-info-card > div:first-child{
  background:rgba(245,200,0,.22)!important;
  border:1px solid rgba(245,200,0,.35)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.38)!important;
}
.act-top h3,
.srv-card h3,
.premium-info-card h3,
.cd-card h4{color:var(--nt-blue)!important}
.act-body{padding:0 24px 24px!important}
.act-body p,
.act-list li,
.act-link,
.srv-card p,
.srv-arr,
.cd-card p,
.cd-card a,
.premium-info-card p{color:#334155!important}
.act-list li{border-bottom:1px solid rgba(26,46,110,.10)!important}
.act-list li::before{background:var(--nt-blue)!important;color:var(--nt-yellow)!important}
.act-link,
.srv-arr{font-weight:700!important}
.srv-card{padding:28px 22px!important}
.srv-card:hover h3,
.srv-card:hover p,
.srv-card:hover .srv-arr{color:var(--nt-blue)!important}
.srv-card:hover .srv-icon-box{background:rgba(245,200,0,.26)!important;border-color:rgba(245,200,0,.40)!important}

.about-story,
.about-values,
.contact-soft,
.partner-soft{padding-top:84px!important;padding-bottom:84px!important}
.about-values .sec-head{margin-bottom:28px!important}
.stats-band{
  background:
    radial-gradient(circle at 20% 25%, rgba(245,200,0,.10), transparent 20%),
    linear-gradient(135deg,#0f1f50 0%, #1a2e6e 100%) !important;
}
.stats-band .stats-grid{
  background:rgba(255,255,255,.04)!important;
  box-shadow:0 18px 36px rgba(6,14,43,.22)!important;
}
.stats-band .lab{color:rgba(255,255,255,.90)!important;text-shadow:none!important}
.stats-band .num{color:#ffd84a!important}

.clients-box{
  background:linear-gradient(160deg,#0f1f50,#1a2e6e)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 20px 38px rgba(6,14,43,.24)!important;
}
.client-item{
  background:linear-gradient(180deg,var(--nt-cream) 0%, var(--nt-cream-2) 100%) !important;
  border:1px solid rgba(245,200,0,.24)!important;
}
.client-item h4{color:var(--nt-blue)!important}
.client-item p{color:#334155!important}
.client-item:hover{background:linear-gradient(180deg,#fffbee 0%, #fff4cc 100%) !important;transform:translateX(6px)!important}
.clients-box [style*="color:var(--yellow)"],
.clients-box [style*="color: var(--yellow)"]{color:var(--nt-blue)!important}
.clients-box [style*="color:rgba(255,255,255"],
.clients-box [style*="color: rgba(255,255,255"]{color:#334155!important}

.eng-item{
  background:linear-gradient(180deg,var(--nt-cream) 0%, var(--nt-cream-2) 100%) !important;
  border:1px solid rgba(245,200,0,.24)!important;
  border-left:4px solid transparent!important;
  box-shadow:0 16px 32px rgba(6,14,43,.16)!important;
}
.eng-item:hover{
  background:linear-gradient(180deg,#fffbee 0%, #fff4cc 100%) !important;
  border-left-color:var(--nt-yellow)!important;
}
.eng-item h3{color:var(--nt-blue)!important}
.eng-item p{color:#334155!important}
.eng-num{color:#d6a500!important}

.cd-card .cd-row + .cd-row{margin-top:16px}
.form-card{box-shadow:0 18px 38px rgba(6,14,43,.18)!important}

@media (max-width: 991px){
  #about.soft-gradient-section{padding-top:72px!important;padding-bottom:48px!important}
  #activites.cards-dark-section{padding-top:52px!important}
  .about-story,.about-values,.contact-soft,.partner-soft{padding-top:64px!important;padding-bottom:64px!important}
}
/* ===== end v19 ===== */


/* ===== v20 stability fixes ===== */
footer .footer-desc{color:rgba(255,255,255,.84)!important}
footer .fc a,footer .fc span,footer .fc p{color:rgba(255,255,255,.82)!important}
footer .footer-bottom p,footer .footer-bottom a{color:rgba(255,255,255,.72)!important}

#engagements .eng-item{
  background:linear-gradient(180deg,#fff9e6 0%, #ffe79a 100%) !important;
  border:1px solid rgba(245,200,0,.32)!important;
  border-left:4px solid #f5c800!important;
  box-shadow:0 12px 26px rgba(6,14,43,.16)!important;
}
#engagements .eng-item:hover{
  background:linear-gradient(180deg,#fffdf2 0%, #fff1b8 100%) !important;
  transform:translateY(-2px)!important;
}
#engagements .eng-item h3{color:#1A2E6E!important}
#engagements .eng-item p{color:#334155!important}
#engagements .eng-num{color:#d6a500!important;font-weight:900!important}
#engagements .clients-box{
  background:linear-gradient(160deg,#10225b 0%, #1A2E6E 100%) !important;
  border:1px solid rgba(255,255,255,.08)!important;
}
#engagements .client-item{
  background:linear-gradient(180deg,#fff9e6 0%, #ffe79a 100%) !important;
  border:1px solid rgba(245,200,0,.24)!important;
}
#engagements .client-item h4{color:#1A2E6E!important}
#engagements .client-item p{color:#334155!important}
#engagements .client-item:hover{
  background:linear-gradient(180deg,#fffdf2 0%, #fff1b8 100%) !important;
  transform:translateX(4px)!important;
}
/* ===== end v20 ===== */

/* ===== v22 footer + whatsapp fixes ===== */
footer .footer-desc{color:rgba(255,255,255,.92)!important;opacity:1!important}
footer .fc a,footer .fc span,footer .fc p{color:rgba(255,255,255,.84)!important}
footer .footer-bottom p,footer .footer-bottom a{color:rgba(255,255,255,.78)!important}
/* ===== end v22 ===== */