/* ═══════════════════════════════════════════════════════════
   NASERI LAB — Clean theme
   Grey replaced by: #eaf0fb (light blue tint)
   Dark blue cards:  #001f40
   Orange accents:   #f7941d
   Most sections/body: white
═══════════════════════════════════════════════════════════ */

/* ── Kill grey, replace with light blue (only where explicitly tagged) ── */
.bg-gray-100,
[class*="bg-gray"],
[class*="background-gray"],
.testimonial-bg-wrapper { background-color: #eaf0fb !important; }
/* Research alternating: only the tagged bg-gray sections, NOT all research areas */
/* team-grid-section → white */
.team-grid-section { background-color: #fff !important; }

/* ── Header → dark blue ───────────────────────────────────── */
.header-area.style-1 .header-menu-area,
.header-area.style-1 .header-menu-area.sticky_menu { background-color: #001f40 !important; box-shadow: 0 2px 20px rgba(0,0,0,0.15); }
.main-menu > ul > li > a { color: rgba(255,255,255,0.85) !important; }
.main-menu > ul > li > a:hover,
.main-menu > ul > li.active > a { color: #f7941d !important; }
.search-input-btn, .mobile-menu-toggle-btn { color: #ffffff !important; }
.search-input { background: rgba(255,255,255,0.1) !important; border-color: rgba(255,255,255,0.15) !important; }
.search-input input { color: #fff !important; background: transparent !important; }

/* ── Menu sidebar ─────────────────────────────────────────── */
.menu-sidebar-area { background-color: #001f40 !important; }
.menu-sidebar-title { color: #fff !important; }
.menu-sidebar-area a, .header-contact-info a { color: rgba(255,255,255,0.8) !important; }
.menu-sidebar-area a:hover, .header-contact-info a:hover { color: #f7941d !important; }

/* ── Breadcrumb → dark blue ────────────────────────────────── */
.page-breadcrumb-area { background-color: #001f40 !important; background-image: none !important; }
.page-title, .breadcrumb-wrapper h3 { color: #fff !important; }
.page-breadcrumb-area .breadcrumb-wrapper *,
.page-breadcrumb-area p,
.page-breadcrumb-area span,
.page-breadcrumb-area a { color: #ffffff !important; }

/* ── Research section layout — align image bottom with card bottom ── */
.research-area.style-1 .row.gy-4 { align-items: flex-end !important; }

/* ── Research section → text colours ──────────────────────── */
.research-area.style-1 .section-title .title,
.research-area.style-1 h2 { color: #001f40 !important; }
.research-area.style-1 p,
.research-area.style-1 .desc { color: #445 !important; }
/* Research card content — white bg with padding */
.info-card-wrapper .research-card,
.info-card.style-2.research-card { background: #fff; border-radius: 20px; padding: 32px 36px !important; }

/* ── Team homepage section (was grey wrapper) ─────────────── */
.testimonial-slider-area.style-1 { background-color: #fff !important; }
.testimonial-slider-area .section-title .title { color: #001f40 !important; }

/* ── Team grid page → white cards ───────────────────────────── */
.team-grid-section .former-heading { color: #001f40 !important; border-color: rgba(0,31,64,0.15) !important; }
.tm-card { background: #fff !important; box-shadow: 0 4px 18px rgba(0,31,64,0.08) !important; }
.tm-card:not(.no-bio):hover { box-shadow: 0 8px 28px rgba(0,31,64,0.15) !important; }
.tm-nameplate h4 { color: #001f40 !important; }
.tm-nameplate p { color: #666 !important; }
.tm-placeholder { background: rgba(0,31,64,0.07) !important; color: rgba(0,31,64,0.25) !important; }
.tm-pi-card { background: #fff !important; box-shadow: 0 4px 28px rgba(0,31,64,0.1) !important; }
.tm-pi-info h3 { color: #001f40 !important; }
.tm-pi-bio { color: #444 !important; }
.tm-pi-links a { color: #001f40 !important; border-color: rgba(0,31,64,0.25) !important; }
.tm-pi-links a:hover { color: #f7941d !important; border-color: #f7941d !important; }

/* ── Publication & News cards ─────────────────────────────── */
.post-card .content h3, .post-card .content h3 a,
.post-card .content .title, .post-card .content .title a { color: #001f40 !important; }
.post-card .content .title a:hover,
.post-card .content h3 a:hover { color: #f7941d !important; }
.post-card .post-meta a,
.post-card .post-meta span { color: #335 !important; }
.post-card .text-btn,
.post-card .text-btn span { color: #001f40 !important; }
.post-card .text-btn:hover,
.post-card .text-btn:hover span { color: #f7941d !important; }

/* ── Contact page icon-cards (dark blue bg) → all white text ─── */
.icon-card.style-1 h3,
.icon-card.style-1 h4,
.icon-card.style-1 .content h3 { color: #ffffff !important; }
.icon-card.style-1 .content .desc a,
.icon-card.style-1 .content .desc p,
.icon-card.style-1 .content .desc span { color: #ffffff !important; }
.icon-card.style-1 .content .desc a:hover { color: #f7941d !important; }

/* ── Dark blue info cards / CTA cards → all white text ───────────── */
.info-card.style-3 .info-card-inner .title,
.info-card.style-3 .info-card-inner .desc,
.info-card.style-3 .info-card-inner p,
.info-card.style-3 .info-card-inner h3,
.info-card.style-3 .info-card-inner h4 { color: #ffffff !important; }
/* CTA dark-blue section-title card → white text */
.cta-area.style-1 .section-title .title,
.cta-area.style-1 .section-title h4,
.cta-area.style-1 .section-title p { color: #ffffff !important; }
/* Any section with explicit dark bg class → ensure white text */
[class*="background-black"] p,
[class*="background-black"] h2,
[class*="background-black"] h3,
[class*="background-black"] h4,
[class*="background-black"] span { color: #fff; }

/* ── Brand marquee (was light blue) → keep light blue ──────── */
.brand-marquee-area { background-color: #eaf0fb !important; border-color: rgba(0,31,64,0.08) !important; }

/* ── Buttons ──────────────────────────────────────────────── */
.theme-btn { background-color: #001f40 !important; border-color: #001f40 !important; color: #fff !important; }
.theme-btn:hover { background-color: #f7941d !important; border-color: #f7941d !important; color: #fff !important; }
/* Button on dark blue CTA card → white bg, dark blue text */
.cta-area.style-1 .section-title .theme-btn { background-color: #ffffff !important; border-color: #ffffff !important; color: #001f40 !important; }
.cta-area.style-1 .section-title .theme-btn:hover { background-color: #f7941d !important; border-color: #f7941d !important; color: #fff !important; }
.text-btn, .text-btn span { color: #001f40 !important; }
.text-btn:hover, .text-btn:hover span { color: #f7941d !important; }
.circle-arrow-btn { background-color: #001f40 !important; border-color: #001f40 !important; color: #ffffff !important; }
.circle-arrow-btn:hover { background-color: #f7941d !important; border-color: #f7941d !important; color: #fff !important; }
/* post-card circle arrow sits on dark blue bg — keep icon white */
.post-card.style-2 .btn-wrapper .circle-arrow-btn { color: #ffffff !important; background-color: #001f40 !important; border-color: #001f40 !important; }
.post-card.style-2 .btn-wrapper .circle-arrow-btn:hover { background-color: #f7941d !important; border-color: #f7941d !important; color: #fff !important; }

/* ── Links — keep away from buttons ───────────────────────── */
a { color: #001f40; }
/* Scoped hover: only plain links, NOT buttons */
a:not(.theme-btn):not(.circle-arrow-btn):not(.text-btn):hover { color: #f7941d !important; }
.cst-link { color: #f7941d !important; }

/* ── Footer ───────────────────────────────────────────────── */
.footer-wrapper.background-black { background-color: #001f40 !important; }
.footer-widget-title { color: #fff !important; }
.footer-widget-info p { color: #ffffff !important; }
.footer-widget.widget_nav_menu ul li a { color: #ffffff !important; }
.footer-widget.widget_nav_menu ul li a:hover { color: #f7941d !important; }
.footer-contact .contact-text a,
.footer-contact .contact-text span { color: #ffffff !important; }
.footer-contact .contact-text a:hover { color: #f7941d !important; }
.footer-contact .contact-icon i { color: #f7941d !important; }
.copyright-text p { color: rgba(255,255,255,0.7) !important; }
.footer-bottom-menu ul li a { color: rgba(255,255,255,0.7) !important; }
.footer-bottom-menu ul li a:hover { color: #f7941d !important; }
footer hr { border-color: rgba(255,255,255,0.15) !important; }

/* ── CTA "Join us" card → light blue bg, dark text ─────────── */
.cta-area.style-1 .info-card.style-3 { background-color: #eaf0fb !important; background-image: none !important; }
.cta-area.style-1 .info-card.style-3 .info-card-inner .title,
.cta-area.style-1 .info-card.style-3 .info-card-inner .desc,
.cta-area.style-1 .info-card.style-3 .info-card-inner p,
.cta-area.style-1 .info-card.style-3 .info-card-inner h3,
.cta-area.style-1 .info-card.style-3 .info-card-inner h4 { color: #001f40 !important; }
/* Button inside the light-blue card → standard dark/orange */
.cta-area.style-1 .info-card.style-3 .theme-btn { background-color: #001f40 !important; border-color: #001f40 !important; color: #fff !important; }
.cta-area.style-1 .info-card.style-3 .theme-btn:hover { background-color: #f7941d !important; border-color: #f7941d !important; color: #fff !important; }

/* ── Scroll-up ────────────────────────────────────────────── */
.scrollup-btn { background-color: #001f40 !important; }
.scrollup-btn:hover { background-color: #f7941d !important; }
.scrollup-btn i { color: #fff !important; }