/*
Theme Name: FinancioLite Plus
Theme URI: https://example.com/financiolite-plus
Author: Nithin & ChatGPT
Author URI: https://example.com
Description: Improved finance theme with Swiper slider, Bootstrap grid, Customizer colors, theme.json palette, demo content & menus.
Version: 1.1.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: financiolite
Tags: finance, blog, custom-logo, custom-colors, responsive-layout, full-site-editing
*/

/* --------- Base --------- */
:root{
  --fl-primary:#0d6efd;
  --fl-secondary:#0b3558;
}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  line-height:1.55;
}
a{color:var(--fl-primary);text-decoration:none;}
a:hover{text-decoration:underline;}
.navbar-brand img{max-height:48px;height:auto;}

/* --------- Hero / Slider --------- */
.hero{position:relative;overflow:hidden;}
.hero .swiper{width:100vw;height:700px;}
.hero .swiper-slide{position:relative;color:#fff;}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.55));}
.hero .caption {
  position: absolute;
  left: 8%;
  right: 8%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  text-align: left; /* change to center if you want */
}
.hero .caption h1{font-weight:800;font-size:clamp(26px,5vw,52px);margin:0 0 .25rem 0;}
.hero .caption p{max-width:760px;font-size:clamp(14px,2.6vw,18px);opacity:.95;}
.hero .btn-primary{background:var(--fl-primary);border-color:var(--fl-primary);}

/* Swiper minimal fallback if CDN CSS is blocked */
.fl-hero-swiper .swiper-wrapper{display:flex;}
.fl-hero-swiper .swiper-slide{flex:0 0 100%;}

/* --------- Sections / Cards --------- */
.section{padding:64px 0;}
.section-title{font-weight:800;font-size:clamp(22px,3.5vw,36px);margin-bottom:1rem;color:var(--fl-secondary);}
.lead-cta{background:linear-gradient(135deg,rgba(13,110,253,.06),rgba(11,53,88,.08));border:1px solid #e3ebf6;border-radius:16px;padding:28px;}
.lead-cta h3{font-weight:700;}

.card-fin{border:1px solid #e9eef5;border-radius:14px;transition:transform .2s ease,box-shadow .2s ease;}
.card-fin:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(13,110,253,.08);}
.card-fin .icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:999px;background:rgba(13,110,253,.1);font-size:28px;}

/* --------- Footer --------- */
.footer {
  background: linear-gradient(135deg, #0a2236 0%, #102e4e 50%, #183b5d 100%);
  color: #c7d4e6;
  padding: 48px 0 16px;
}

.footer a{color:#c7d4e6;}
.footer .copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:24px;padding-top:16px;font-size:14px;}

/* --------- Buttons / Nav polish --------- */
.navbar .nav-link{padding:.5rem .75rem;border-radius:.6rem;transition:background .2s ease,color .2s ease;color:inherit;} /* inherit color from header context */
.navbar .nav-link:hover{background:rgba(13,110,253,.08);}
.btn{border-radius:.8rem;padding:.6rem 1rem;}
.btn-outline-primary{border-color:var(--fl-primary);color:var(--fl-primary);}
.btn-outline-primary:hover{background:var(--fl-primary);color:#fff;}

/* --------- Header behavior (transparent on Home, dark on inner) --------- */
/* Base header (no background set here) */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;border:0;
  transition:background .4s ease,box-shadow .4s ease;
}

/* Dark header for inner pages */
/* Gradient header for inner pages */
.site-header.is-inner {
  background: linear-gradient(135deg, #0a2236 0%, #102e4e 50%, #183b5d 100%) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.12);
}
.site-header.is-inner .nav-link:hover {
  color: #ffffff !important;
  text-shadow: 0 0 6px rgba(255,255,255,0.4);
}


/* Transparent header for home (before scroll) */
.site-header.is-home{background:transparent !important;box-shadow:none;}
/* Darken on scroll at home */
.site-header.is-home.scrolled{
  background:rgba(10,34,54,.92) !important;
  backdrop-filter:saturate(120%) blur(6px);
  box-shadow:0 6px 20px rgba(0,0,0,.12);
}

/* Header text colors */
.home .site-header.is-home .nav-link,
.home .site-header.is-home .navbar-brand,
.home .site-header.is-home .navbar-brand span{color:#fff !important;}

.site-header.is-inner .nav-link,
.site-header.is-inner .navbar-brand,
.site-header.is-inner .navbar-brand span{color:#e3edff !important;}

.site-header .nav-link:hover{color:#fff;}

/* Make burger visible on transparent bg */
.site-header .navbar-toggler{border-color:rgba(255,255,255,.6);}
.site-header .navbar-toggler-icon{filter:invert(1) grayscale(1);}

/* Prevent content from hiding behind fixed header (not on home) */
body:not(.home){padding-top:72px;}
img.custom-logo {
    width: 250px;
    height: 125px;
}







/* Mobile menu background fix for transparent home header — visible from start */
@media (max-width: 991px) {
  /* Apply background both during animation (.collapsing) and after open (.show) */
  .site-header.is-home .navbar-collapse.collapsing,
  .site-header.is-home .navbar-collapse.show {
    background: rgba(10, 34, 54, 0.95); /* dark navy background */
    backdrop-filter: saturate(120%) blur(6px);
    padding: 1rem;
    border-radius: 0 0 12px 12px;
    transition: background 0.3s ease;
  }

  .site-header.is-home .navbar-collapse .nav-link {
    color: #ffffff !important;
  }

  .site-header.is-home .navbar-collapse .nav-link:hover {
    color: #e3edff !important;
    background: rgba(255,255,255,0.08);
    border-radius: 6px;
  }
}

@media (max-width: 991px) {
  /* keep logo perfectly left on mobile */
  .site-header .navbar {
    justify-content: flex-start !important;
  }
  .site-header .navbar-brand {
    margin-right: auto !important; /* push toggler to right */
    margin-left: 0 !important;
  }
  .site-header .navbar-toggler {
    margin-left: auto !important; /* ensure toggler stays right */
  }
}