/* =========================================
   WELLVUE365 GLOBAL CSS KIT
   FINAL CLEAN VERSION
========================================= */

:root{
  --wv-navy:#0B2A5B;
  --wv-blue:#2F6FB2;
  --wv-cyan:#55D6D3;
  --wv-dark:#081D44;
  --wv-text:#0F172A;
  --wv-body:#5A6780;
  --wv-light:#F7FAFC;
  --wv-border:#DCE5F0;
  --wv-white:#FFFFFF;

  --wv-radius:22px;
  --wv-shadow:0 10px 30px rgba(11,42,91,0.08);
  --wv-shadow-soft:0 6px 20px rgba(11,42,91,0.06);

  --wv-gradient:linear-gradient(90deg,#2F6FB2 0%, #55D6D3 100%);
  --wv-dark-gradient:linear-gradient(135deg,#081D44 0%, #153D7A 50%, #3EA8D8 100%);
}

/* ======================
   GLOBAL TYPOGRAPHY
====================== */

body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
  color:var(--wv-text);
  background:#fff;
  line-height:1.6;
}

h1,h2,h3,h4,h5{
  color:var(--wv-text);
  font-weight:700;
  letter-spacing:-0.03em;
  line-height:1.05;
}

h1{
  font-size:clamp(48px,6vw,84px);
}

h2{
  font-size:clamp(36px,4vw,62px);
}

h3{
  font-size:clamp(28px,3vw,40px);
}

p{
  color:var(--wv-body);
  font-size:18px;
  line-height:1.5;
}

/* ======================
   DEFAULT ELEMENTOR BUTTON
   Neutral base
====================== */

.elementor-button{
  border-radius:999px !important;
  padding:16px 34px !important;
  font-weight:600 !important;
  transition:all .25s ease;
}

/* ======================
   PRIMARY BUTTON
   Use class: wv-btn-primary
====================== */

.wv-btn-primary .elementor-button,
.elementor-button.wv-btn-primary{
  background:var(--wv-gradient) !important;
  border:none !important;
  color:#fff !important;
  box-shadow:var(--wv-shadow);
}

.wv-btn-primary .elementor-button:hover,
.elementor-button.wv-btn-primary:hover{
  transform:translateY(-2px);
  opacity:.96;
}

/* ======================
   SECONDARY BUTTON
   Use class: wv-btn-secondary
====================== */

.wv-btn-secondary .elementor-button,
.elementor-button.wv-btn-secondary{
  background: transparent !important;
  border: 1px solid rgba(11,42,91,0.18) !important;
  color: var(--wv-text) !important;
  box-shadow: none !important;
}

.wv-btn-secondary .elementor-button:hover,
.elementor-button.wv-btn-secondary:hover{
  background: rgba(11,42,91,0.04) !important;
  color: var(--wv-text) !important;
  transform: translateY(-1px);
}

/* ======================
   LIGHT BUTTON
   Use on dark sections
   Class: wv-btn-light
====================== */

.wv-btn-light .elementor-button,
.elementor-button.wv-btn-light{
  background:#fff !important;
  color:var(--wv-navy) !important;
  border:none !important;
  box-shadow:none !important;
}

.wv-btn-light .elementor-button:hover,
.elementor-button.wv-btn-light:hover{
  opacity:.94;
  transform:translateY(-1px);
}

/* ======================
   DARK CTA / HERO SECTIONS
   Use class: wv-dark-section
====================== */

.wv-dark-section{
  background:var(--wv-dark-gradient);
  border-radius:32px;
  color:#fff;
  padding:80px;
  position:relative;
  overflow:hidden;
}

.wv-dark-section h1,
.wv-dark-section h2,
.wv-dark-section h3,
.wv-dark-section h4,
.wv-dark-section p{
  color:#fff;
}

/* ======================
   WHITE CARDS
   Use class: wv-card
====================== */

.wv-card{
  background:#fff;
  border:1px solid var(--wv-border);
  border-radius:var(--wv-radius);
  box-shadow:var(--wv-shadow-soft);
  padding:32px;
}

/* ======================
   SMALL LABEL PILLS
   Use class: wv-pill
====================== */

.wv-pill{
  display:inline-block;
  padding:8px 16px;
  border-radius:999px;
  background:#EAF6FF;
  color:var(--wv-blue);
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}

/* ======================
   TRUST LOGO STRIP
====================== */

.wv-logo-strip img{
  opacity:.7;
  filter:grayscale(100%);
}

/* ======================
   IMAGE WRAPS
   Use class: wv-image-wrap
====================== */

.wv-image-wrap img{
  border-radius:28px;
  box-shadow:var(--wv-shadow);
}

/* ======================
   CTA BLOCKS
   Use class: wv-cta
====================== */

.wv-cta{
  background:var(--wv-dark-gradient);
  border-radius:30px;
  padding:70px;
  color:#fff;
}

/* ======================
   FOOTER
====================== */

footer{
  border-top:1px solid var(--wv-border);
  padding-top:50px;
}

footer img{
  max-height:42px;
  width:auto;
}