/* OnlineLogic public-page shell: cream, navy and orange across every public flow. */
:root{
  --ol-cream:#fff9f1;--ol-cream-2:#f8eddf;--ol-white:#fff;
  --ol-navy:#172f48;--ol-navy-2:#0f2940;--ol-orange:#fc502e;
  --ol-orange-dark:#df3e20;--ol-muted:#6f7479;--ol-border:#eadbcb;
  --ol-shadow:0 12px 35px rgba(68,43,25,.10);
  --bg:var(--ol-cream)!important;--bg-app:var(--ol-cream)!important;
  --bg-default:var(--ol-cream)!important;--surface:var(--ol-white)!important;
  --card:var(--ol-white)!important;--bg-card:var(--ol-white)!important;
  --primary:var(--ol-orange)!important;--primary-dark:var(--ol-orange-dark)!important;
  --accent:var(--ol-orange)!important;--accent2:var(--ol-navy)!important;
  --accent-soft:#fff0e9!important;--accent-light:#fff0e9!important;--primary-glow:rgba(252,80,46,.13)!important;
  --text:var(--ol-navy)!important;--ink:var(--ol-navy)!important;
  --text-primary:var(--ol-navy)!important;--text-secondary:var(--ol-muted)!important;
  --muted:var(--ol-muted)!important;--border:var(--ol-border)!important;
}
html{color-scheme:light!important}
html,body{background:var(--ol-cream)!important;color:var(--ol-navy)!important}
body>header{position:relative;z-index:1150}
.mesh,.ambient{background:var(--ol-cream)!important}.mesh::before,.mesh::after,.orb,.grain{display:none!important}

.navbar,.topbar,.navigation,.nav{
  background:rgba(255,255,255,.97)!important;color:var(--ol-navy)!important;
  border-color:var(--ol-border)!important;box-shadow:0 5px 22px rgba(68,43,25,.06)!important;
  backdrop-filter:blur(14px)!important;
}
.brand,.logo-wrap,.nav-brand,.navigation a,.nav-links a{color:var(--ol-navy)!important}
.nav-links a:hover,.nav-links a.on,.nav-links a.active{color:var(--ol-orange)!important;background:#fff0e9!important}
.nav-links a::after{background:var(--ol-orange)!important}
.logo-badge,.logo-fallback{background:var(--ol-navy)!important;color:#fff!important}

.card,.glass,.panel,.form-card,.table-card,.modal-box,.mbox,.empty,.drow{
  background:var(--ol-white)!important;color:var(--ol-navy)!important;
  border-color:var(--ol-border)!important;box-shadow:var(--ol-shadow)!important;
  backdrop-filter:none!important;
}
h1,h2,h3,h4,h5,h6,.title,.t{color:var(--ol-navy)!important}
p,.sub,.desc,.meta,.d,.lbl,.muted{color:var(--ol-muted)!important}
input,select,textarea,.f-input{
  background:#fffdf9!important;color:var(--ol-navy)!important;border-color:#ddcdbd!important;
}
input:focus,select:focus,textarea:focus,.f-input:focus{
  border-color:var(--ol-orange)!important;box-shadow:0 0 0 3px rgba(252,80,46,.12)!important;outline:none!important;
}
.btn,.btn-nav,.btn-lg,.tute-btn,button[type="submit"],input[type="submit"]{
  background:var(--ol-orange)!important;color:#fff!important;border-color:var(--ol-orange)!important;
  box-shadow:0 8px 20px rgba(252,80,46,.20)!important;
}
.btn:hover,.btn-nav:hover,.btn-lg:hover,.tute-btn:hover,button[type="submit"]:hover{
  background:var(--ol-orange-dark)!important;border-color:var(--ol-orange-dark)!important;
}
.btn.ghost,.btn-outline,.back{
  background:#fff!important;color:var(--ol-navy)!important;border:1px solid var(--ol-border)!important;box-shadow:none!important;
}
.btn.green,.btn.g,.btn-lg.green{background:var(--ol-orange)!important;border-color:var(--ol-orange)!important;color:#fff!important}
.top a,.price,.price-tag,.sec-title{color:var(--ol-orange)!important}
.bankbox{background:var(--ol-cream-2)!important;color:var(--ol-navy)!important}
.video-box,.poster{background:#0f1c2c!important}.poster:hover .poster-play{background:var(--ol-orange)!important;border-color:var(--ol-orange)!important}
.pl-item.active{background:#fff0e9!important}.pl-item.active .pl-num{background:var(--ol-orange)!important}.pl-item.active .pl-title{color:var(--ol-orange)!important}

/* The Home contact panel uses a navy surface, so its copy must stay light even
   though the public shell normally turns all headings and paragraphs dark. */
.contact-section .contact-copy,
.contact-section .contact-copy small,
.contact-section .contact-copy h2{
  color:#fff!important;
}
.contact-section .contact-copy p{
  color:#dce7ef!important;
}
.contact-section .contact-details a{
  color:#fff!important;
  text-decoration:none!important;
}
.contact-section .contact-details a:hover{
  color:#ff8a68!important;
}

/* Links injected into pages that used a minimal header. */
.ol-quick-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.ol-quick-nav a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:10px;color:var(--ol-navy)!important;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}
.ol-quick-nav a:hover,.ol-quick-nav a[aria-current="page"]{background:#fff0e9!important;color:var(--ol-orange)!important}
.ol-nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--ol-border)!important;border-radius:11px;background:#fff!important;color:var(--ol-navy)!important;box-shadow:none!important;align-items:center;justify-content:center;font-size:22px;cursor:pointer}
.ol-nav-toggle span{display:block;width:20px;height:2px;background:currentColor;position:relative;border-radius:5px}
.ol-nav-toggle span::before,.ol-nav-toggle span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;border-radius:5px}
.ol-nav-toggle span::before{top:-6px}.ol-nav-toggle span::after{top:6px}
.ol-standalone-header{height:68px;padding:10px 5%;display:flex;align-items:center;gap:14px;background:#fff;border-bottom:1px solid var(--ol-border);box-shadow:0 5px 22px rgba(68,43,25,.06);position:fixed;top:0;left:0;right:0;z-index:1150}
body.ol-has-standalone{padding-top:68px!important}
.ol-standalone-brand{font-weight:900;font-size:19px;color:var(--ol-navy)!important;text-decoration:none;letter-spacing:-.03em}
.ol-inline-header{position:relative;z-index:10}

@media(max-width:900px){
  .navbar,.topbar,.navigation{min-height:68px!important;padding-left:18px!important;padding-right:18px!important}
  .ol-nav-toggle{display:inline-flex}
  .ol-quick-nav{display:none;position:absolute;top:calc(100% + 1px);left:12px;right:12px;z-index:1000;padding:12px;background:#fff;border:1px solid var(--ol-border);border-radius:14px;box-shadow:0 18px 42px rgba(23,47,72,.16);flex-direction:column;align-items:stretch}
  .ol-quick-nav.is-open{display:flex}
  .ol-quick-nav a{padding:13px 15px;font-size:14px}
  .ol-quick-nav a::before{color:var(--ol-orange)}
  .navbar,.topbar,.navigation{position:relative}
  .nav-links{background:#fff!important;border-color:var(--ol-border)!important}
  .nav-links.open{display:flex!important}
  .nav-links{gap:4px!important}
  .nav-links li{display:block!important;width:100%!important}
  .nav-links li a{display:block!important;width:100%!important;padding:12px 14px!important;line-height:1.35!important}
  .navlinks{display:none!important;position:absolute;top:100%;left:12px;right:12px;z-index:1000;padding:12px!important;background:#fff!important;border:1px solid var(--ol-border);border-radius:14px;box-shadow:0 18px 42px rgba(23,47,72,.16);flex-direction:column;align-items:stretch!important;gap:3px!important;font-size:14px!important}
  .navlinks.is-open{display:flex!important}
  .navlinks a{display:block;padding:12px 14px!important;border-radius:10px;font-size:14px!important}
  .navlinks .login{margin-top:4px;text-align:center;color:#fff!important}
  header .nav{position:relative}
  .card,.glass,.panel{box-shadow:0 8px 24px rgba(68,43,25,.08)!important}
}

@media(max-width:520px){
  .navbar .btn,.topbar .nav-right>.btn{padding:9px 12px!important;font-size:12px!important}
  .container,.wrap{padding-left:16px!important;padding-right:16px!important}
}