/* === OVERRIDES v4 === */

/* Bigger text */
body{font-size:18px}
p{font-size:1.12rem}
h1{font-size:clamp(2.7rem,6vw,4.2rem)}
h2{font-size:clamp(2.2rem,4.4vw,3.1rem)}
h3{font-size:1.38rem;font-weight:700}
.hero-sub{font-size:1.28rem}
.sec-sub{font-size:1.18rem}
.nav-list a{font-size:1rem}
.btn{font-size:1.05rem;padding:15px 34px}
.btn-lg{padding:19px 42px;font-size:1.15rem}
.wc p,.sc p,.how-step p{font-size:1.02rem}
.p-feats li{font-size:1rem}
.faq-q{font-size:1.12rem}
.tcard-text{font-size:1.02rem}
.bcard-body p{font-size:.96rem}
.ti{font-size:1rem}

/* Logo — bigger */
.site-logo img{
  height:120px!important;
  width:auto!important;
  max-width:400px!important;
  max-height:none!important;
  display:block;
}
@media(max-width:768px){
  .site-logo img{
    height:auto!important;
    max-height:65px!important;
    max-width:210px!important;
  }
}

/* Header — taller for bigger logo */
.site-header .header-inner{padding:8px 24px!important}
/* Hero and page hero adjusted for bigger header (120px logo + padding ~136px total) */
.hero{padding-top:160px!important}
.page-hero{margin-top:136px!important}
/* Single post spacer */
.single-spacer{height:140px!important}

/* Hero image — simplified mask, no head crop */
.hero-img-inner{max-width:480px}
.hero-img-inner img{
  height:540px;
  border-radius:0;
  box-shadow:none;
  object-fit:cover;
  object-position:center top;
  -webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);
  mask-image:linear-gradient(to bottom,black 50%,transparent 100%);
}
.hero-blob{display:none}
.hero-img-wrap{align-items:flex-end}

/* Show hero and about images on mobile */
@media(max-width:768px){
  .hero-img-wrap{display:flex!important}
  .about-img{display:block!important}
  .hero-img-inner img{height:360px}
}

/* ===== MOBILE MENU FIX ===== */
@media(max-width:768px){
  /* Overlay starts right below the header (top set by JS) */
  .nav-list{
    background:#ffffff!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:80px;  /* fallback; JS overrides with actual header height */
    padding:20px 20px 32px!important;
    z-index:9999!important;
    border-radius:0!important;
    box-shadow:0 8px 32px rgba(0,0,0,.12)!important;
    border:none!important;
    overflow-y:auto!important;
    gap:4px!important;
    flex-direction:column!important;
  }
  .nav-list.open{display:flex!important}
  .nav-list a{color:#1e293b!important;font-size:1.18rem!important;padding:15px 20px!important;border-radius:10px!important}
  .nav-list a:hover{background:#EFF6FF!important}
  .n-cta a{background:var(--pr)!important;color:#fff!important;border-radius:50px!important;text-align:center!important;display:block!important}
  .n-ig a{color:#E1306C!important}
  /* Hamburger → X animation */
  .hamburger{z-index:10001!important;position:relative!important}
  .hamburger span{transition:transform .3s ease,opacity .3s ease!important}
  .hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,6px)!important}
  .hamburger.open span:nth-child(2){opacity:0!important;transform:translateX(-8px)!important}
  .hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)!important}
  .site-header{z-index:10002!important}
}

/* Footer lighter */
.site-footer{background:linear-gradient(135deg,#1e3a5f 0%,#243b5e 100%)!important}
.foot-col a,.foot-col span{color:rgba(255,255,255,.78)!important}
.foot-col h4{color:#fff!important;font-size:1.05rem!important}
.foot-brand p{color:rgba(255,255,255,.7)!important}
.foot-bot{border-top:1px solid rgba(255,255,255,.15)!important;color:rgba(255,255,255,.55)!important}
.foot-bot a{color:rgba(255,255,255,.6)!important}
/* Footer logo bigger */
.foot-brand img{max-height:160px!important;width:auto!important;max-width:90%!important;filter:brightness(0) invert(1)}

/* Icons harmonious */
.wc-icon{width:52px;height:52px;font-size:1.4rem}
.sc-icon{width:46px;height:46px;font-size:1.25rem}
.how-n{width:64px;height:64px;font-size:1.3rem}

/* Counter section */
.counter-section{background:linear-gradient(135deg,var(--pr) 0%,#1E3A8A 100%);padding:72px 0;overflow:hidden}
.counter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-bottom:56px}
@media(max-width:1024px){.counter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.counter-grid{grid-template-columns:1fr 1fr}}
.counter-item{text-align:center;color:#fff}
.counter-num-wrap{display:flex;align-items:flex-start;justify-content:center;margin-bottom:8px}
.counter-num{font-size:3.4rem;font-weight:900;line-height:1;color:#fff}
.counter-suf{font-size:1.8rem;font-weight:900;color:var(--yl);margin-top:6px}
.counter-label{font-size:.95rem;color:rgba(255,255,255,.78);font-weight:500}
.niches-section{margin-top:0}
.niches-title{text-align:center;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:22px;opacity:.7}
.niches-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;margin:0 auto}
.niche-tag{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:8px 18px;font-size:.88rem;font-weight:500;transition:var(--tr);cursor:default}
.niche-tag:hover{background:rgba(255,255,255,.22);transform:translateY(-2px)}

/* ===== SCROLL TO TOP BUTTON ===== */
#scroll-top-btn{
  position:fixed;
  bottom:90px;  /* above the WhatsApp button */
  right:20px;
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--pr);
  color:#fff;
  border:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 16px rgba(29,78,216,.35);
  z-index:9000;
  opacity:0;
  transform:translateY(16px);
  transition:opacity .3s ease,transform .3s ease;
  pointer-events:none;
}
#scroll-top-btn.visible{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
#scroll-top-btn:hover{
  background:var(--pr-d);
  transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(29,78,216,.4);
}

/* Blog card image */
.bcard-img{display:block;width:100%;height:200px;object-fit:cover;border-radius:0}

/* Hero floats */
.hero-float-1{bottom:60px;left:-15px}
.hero-float-2{top:60px;right:-15px}

/* === TESTIMONIALS CAROUSEL === */
.testi-carousel{overflow:hidden}
.testi-slider{display:flex;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}
.testi-page{min-width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;box-sizing:border-box}
@media(max-width:540px){.testi-page{grid-template-columns:1fr}}
.testi-nav{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:32px}
.testi-btn{width:52px;height:52px;border-radius:50%;border:2px solid var(--pr);background:#fff;color:var(--pr);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.testi-btn:hover{background:var(--pr);color:#fff;transform:scale(1.05)}
.testi-dots{display:flex;gap:8px;align-items:center}
.testi-dot{width:10px;height:10px;border-radius:50%;background:#CBD5E1;transition:all .3s;cursor:pointer;border:none}
.testi-dot.active{background:var(--pr);width:24px;border-radius:5px}

/* === BLOG CAROUSEL — 4 on desktop, 2 on tablet, 1 on phone === */
.blog-carousel{overflow:hidden}
.blog-track{display:flex;gap:20px;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}
.blog-track .bcard{min-width:calc(25% - 15px);flex-shrink:0}
@media(max-width:900px){.blog-track .bcard{min-width:calc(50% - 10px)}}
@media(max-width:540px){.blog-track .bcard{min-width:calc(50% - 10px)}}
.blog-btn{width:52px;height:52px;border-radius:50%;border:2px solid var(--pr);background:#fff;color:var(--pr);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.blog-btn:hover{background:var(--pr);color:#fff;transform:scale(1.05)}

/* === CONTACT FORM === */
.cf{background:#fff;padding:40px;border-radius:24px;box-shadow:0 4px 32px rgba(0,0,0,.08)}
.cf h3{margin-bottom:24px;font-size:1.4rem}
.wpforms-form .wpforms-field{margin-bottom:18px}
.wpforms-form .wpforms-field-label{font-weight:600;font-size:.93rem;color:#334155;margin-bottom:7px;display:block}
.wpforms-form input[type=text],.wpforms-form input[type=email],.wpforms-form input[type=tel],.wpforms-form textarea,.wpforms-form select{
  width:100%;padding:13px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;
  font-family:inherit;color:#1e293b;background:#f8fafc;transition:border-color .2s,box-shadow .2s;outline:none;box-sizing:border-box;
}
.wpforms-form input:focus,.wpforms-form textarea:focus,.wpforms-form select:focus{
  border-color:var(--pr)!important;background:#fff;box-shadow:0 0 0 3px rgba(29,78,216,.1);
}
.wpforms-form textarea{min-height:110px;resize:vertical}
/* Name field side-by-side */
.wpforms-field-name .wpforms-field-row{display:flex!important;flex-direction:row!important;gap:12px!important}
.wpforms-field-name .wpforms-field-row .wpforms-field-row-block{flex:1!important;min-width:0!important}
.wpforms-field-name .wpforms-field-row .wpforms-first{margin-right:0!important}
/* Submit button */
.wpforms-form .wpforms-submit-container{text-align:center;margin-top:8px}
.wpforms-form .wpforms-submit{
  background:linear-gradient(135deg,var(--pr),#1e40af);color:#fff;border:none;
  padding:15px 48px;border-radius:50px;font-size:1.05rem;font-weight:700;cursor:pointer;
  transition:all .25s;letter-spacing:.4px;box-shadow:0 4px 16px rgba(29,78,216,.3);
  width:100%;
}
.wpforms-form .wpforms-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(29,78,216,.4)}
@media(max-width:480px){
  .wpforms-field-name .wpforms-field-row{flex-direction:column!important}
}