/* ============================================================
   NodajiFi Web - Brand Override Layer  (load AFTER theme style.css)
   App brand (docs/06 + shared/nodajifi_design_tokens):
   Royal Blue #233DFF / Growth Teal #14B8A6 / Gem Amber #F59E0B.
   Reversible: delete this file + its <link> to restore the template.
   ============================================================ */
/* fonts loaded via <link preconnect> in index.html (SEO/CWV: non-blocking) */
:root{ --nf-primary:#233DFF; --nf-secondary:#14B8A6; --nf-amber:#F59E0B; --nf-navy:#14213D; --nf-bg:#F8F8F8; }
body{ font-family:'Roboto',sans-serif !important; }
h1,h2,h3,h4,h5,h6,.heading,.sub-heading,.navbar-brand{ font-family:'Open Sans',sans-serif !important; }
/* generated: red->blue, purple->teal, green->amber */

::-webkit-scrollbar-thumb {
  background: #233DFF !important;
}
::-webkit-scrollbar-thumb:hover {
  background:#14B8A6 !important;
}
a:active, a:hover {
  color: #233DFF !important;
}
.bg-red {
  background-color: #233DFF !important;
}
.bg-purple {
  background-color: #14B8A6 !important;
}
.bg-green {
  background-color: #F59E0B !important;
}
.red-color {
  color: #233DFF !important;
}
.purple-color {
  color: #14B8A6 !important;
}
.green-color {
  color: #F59E0B !important;
}
.green-btn {
  border: solid 1px #F59E0B !important;
  background-color: #F59E0B !important;
}
.green-btn:hover {
  border:solid 1px #233DFF !important;
}
.green-btn span {
  background-color: #233DFF !important;
}
.pink-btn {
  border: solid 1px #233DFF !important;
  background-color: #233DFF !important;
}
.pink-btn:hover {
  border:solid 1px #F59E0B !important;
}
.pink-btn span {
  background-color: #F59E0B !important;
}
.purple-btn {
  border: solid 1px #14B8A6 !important;
  background-color: #14B8A6 !important;
}
.purple-btn:hover {
  border:solid 1px #233DFF !important;
}
.purple-btn span {
  background-color: #233DFF !important;
}
header .upper-nav .top-personal-info li a:hover {
  color: #F59E0B !important;
}
header .upper-nav .top-personal-info li a i {
  color: #233DFF !important;
}
header .main-navigation nav .navbar-nav .nav-item .nav-link:hover, header .main-navigation nav .navbar-nav .nav-item .nav-link.active {
  color: #233DFF !important;
}
header .main-navigation nav .navbar-nav .nav-item:nth-child(even) .nav-link:hover, header .main-navigation nav .navbar-nav .nav-item:nth-child(even) .nav-link.active {
  color: #F59E0B !important;
}
header .main-navigation nav .navbar-nav .nav-item:nth-child(3n) .nav-link:hover, header .main-navigation nav .navbar-nav .nav-item:nth-child(3n) .nav-link.active {
  color: #14B8A6 !important;
}
.sidemenu_btn:hover span {
  background: #233DFF !important;
}
.slider-area .bg-overlay {
  background-color:#233DFF !important;
}
.slider-area .container .inner-bg-overlay {
  background-color:#233DFF !important;
}
.slider-area .slider-arrows .slider-arr:hover {
  background-color:#F59E0B !important;
}
.about-sec .services-area .purple-overlay {
  background-color:#14B8A6 !important;
}
.stats-sec .stats-heading-area .sub-heading {
  color: #233DFF !important;
}
.team-sec {
  background-color: #233DFF !important;
}
.team-sec .left-overlay {
  background-color: #233DFF !important;
}
.team-sec .inner-team-sec {
  background-color: #233DFF !important;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
  color: #233DFF !important;
  border-bottom: solid 3px #233DFF !important;
}
.testimonial-sec .right-overlay {
  background-color: #14B8A6 !important;
}
.testimonial-sec .testimonial-area {
  background-color: #14B8A6 !important;
}
.blog-sec .left-overlay {
  background-color: #F59E0B !important;
}
.blog-sec .blog-inner-overlay {
  background-color: #F59E0B !important;
}
.contact-sec .contact-details ul li i.addr {
  color: #233DFF !important;
}
.contact-sec .contact-details ul li i.phone {
  color: #14B8A6 !important;
}
.contact-sec .contact-details ul li i.email {
  color: #F59E0B !important;
}
.footer-social li a:hover {
  background-color:#233DFF !important;
}
.scroll-top-arrow, .scroll-top-arrow:focus {
  background-color: #233DFF !important;
}
.scroll-top-arrow:hover {
  background-color: #14B8A6 !important;
}
.loader-32 .ball {
  border: 1px solid #F59E0B !important;
  background-color: #F59E0B !important;
}
.loader-32 .ball-wrapper:nth-child(2) .ball {
  background-color: #14B8A6 !important;
  border: 1px solid #14B8A6 !important;
}
.loader-32 .ball-wrapper:nth-child(3) .ball {
  background-color: #233DFF !important;
  border: 1px solid #233DFF !important;
}
.slider-sec .overlay {
  background-color:#233DFF !important;
}
.slider-sec .inner-overlay {
  background-color:#233DFF !important;
}
.standalone-detail .sub-heading {
  color: #233DFF !important;
}
.standalone-area .sub-heading {
  color: #233DFF !important;
}
@media (min-width:768px) and (max-width:991px) {
.about-sec .about-overlay {
  background-color: #14B8A6 !important;
}
}
@media (min-width:768px) and (max-width:991px) {
.slider-sec .overlay {
  background-color: #233DFF !important;
}
}
@media screen and (max-width:767px) {
.about-sec .about-overlay {
  background-color: #14B8A6 !important;
}
}
@media screen and (max-width:767px) {
.slider-sec .overlay {
  background-color: #233DFF !important;
}
}


/* ---- footer: slightly darker band for separation (brand blue-tinted light gray) ---- */
.footer-style-1{ background-color:#ECEEF4 !important; }

/* ============================================================
   v1/v2 REVEAL CONTROL
   Tier is set ONCE via <html data-tier="v1">  (or "v2").
   Tag content with data-reveal-min="v2" to make it v2-only.
   - Preview without editing:  add ?tier=v2 to the URL (brand/reveal.js).
   - Store-safe production:     tools/web/reveal.mjs physically strips v2 nodes.
   ============================================================ */
[data-reveal-min="v2"]{ display:none !important; }                          /* v1 default: hide v2-only */
html[data-tier="v2"] [data-reveal-min="v2"]{ display:revert !important; }   /* v2: reveal */

/* ============================================================
   GEM visual identity (unify GEM = blue diamond #536DFE)
   App renders GEM as Icon(Icons.diamond, color: Colors.indigoAccent ~ #536DFE).
   Canonical GEM color across app + both webs = #536DFE (a blue DIAMOND, not a coin).
   Gem Amber #F59E0B is now the general site ACCENT only — it is NOT the GEM color.
   .gem-mark = any inline gem/diamond glyph on a light/neutral background.
   ============================================================ */
:root{ --nf-gem:#536DFE; --gem-blue:#536DFE; }
.gem-mark, i.gem-mark, .fa-gem.gem-mark{ color:var(--gem-blue) !important; }