/* Oasis Carts — SEM Landing Page
   Brand colour variables are injected from ACF (see oc_brand_css_vars()).
   The values below are fallbacks only. */

:root{
  --oc-navy:#123a6b;
  --oc-blue:#29abe2;
  --oc-orange:#f7941e;
  --oc-gold:#fdb813;
  --oc-sand:#fbf7f0;
  --oc-navy-2:#0d2c52;
  --oc-amber-dark:#e07d0a;
  --oc-ink:#1a2733;
  --oc-muted:#5c6b78;
  --oc-line:#e6e9ee;
  --oc-hero-img:none;
}

*{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--oc-ink);background:#fff;}
h1,h2,h3,h4{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.02em;}
.text-muted-2{color:var(--oc-muted);}
.bg-navy{background:var(--oc-navy);}
.bg-sand{background:var(--oc-sand);}
.text-blue{color:var(--oc-blue);}
.text-gold{color:var(--oc-gold);}

/* Buttons */
.btn-cta{
  background:linear-gradient(135deg,var(--oc-gold),var(--oc-orange));border:none;color:#fff;font-weight:700;
  padding:.85rem 1.6rem;border-radius:12px;box-shadow:0 8px 20px rgba(247,148,30,.35);
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.btn-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(247,148,30,.5);filter:brightness(1.05);}
.btn-blue{background:var(--oc-blue);border:none;color:#fff;font-weight:700;border-radius:12px;padding:.85rem 1.6rem;}
.btn-blue:hover{background:#1f8ec0;color:#fff;}
.btn-ghost{border:1.5px solid rgba(255,255,255,.4);color:#fff;font-weight:600;border-radius:12px;padding:.8rem 1.4rem;background:transparent;}
.btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff;}
.btn-outline-navy{border:1.5px solid var(--oc-navy);color:var(--oc-navy);font-weight:700;border-radius:12px;padding:.8rem 1.4rem;background:transparent;}
.btn-outline-navy:hover{background:var(--oc-navy);color:#fff;}

/* Top bar + nav */
.topbar{background:var(--oc-navy);color:#d6e4f2;font-size:.9rem;}
.navbar-brand img{height:78px;width:auto;}
@media(max-width:575px){.navbar-brand img{height:58px !important;}}

/* Hero */
.hero{
  position:relative;
  background:
    linear-gradient(90deg, rgba(11,31,58,.92) 0%, rgba(11,31,58,.72) 40%, rgba(11,31,58,.35) 70%, rgba(11,31,58,.15) 100%),
    var(--oc-hero-img);
  background-size:cover;background-position:center;color:#fff;
}
@media(max-width:991px){
  .hero{
    background:
      linear-gradient(180deg, rgba(11,31,58,.82) 0%, rgba(11,31,58,.9) 100%),
      var(--oc-hero-img);
    background-size:cover;background-position:center;
  }
}
.hero-badge{
  background:rgba(247,148,30,.18);border:1px solid rgba(253,184,19,.6);
  color:#ffd98a;border-radius:999px;padding:.4rem 1rem;font-weight:600;font-size:.82rem;
  display:inline-flex;gap:.5rem;align-items:center;
}
.hero h1{font-size:clamp(2.2rem,4.8vw,3.4rem);line-height:1.08;}
.hero .lead{color:#dbe7f2;font-size:1.05rem;}
.price-line{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(1.25rem,2.2vw,1.6rem);color:var(--oc-gold);}
.stars{color:var(--oc-gold);}

/* Lead form */
.lead-card{background:#fff;color:var(--oc-ink);border-radius:18px;box-shadow:0 24px 60px rgba(6,18,28,.4);overflow:hidden;}
.lead-card .card-head{background:linear-gradient(135deg,var(--oc-orange),var(--oc-gold));color:#fff;padding:1.1rem 1.5rem;}
.lead-card .form-control,.lead-card .form-select{border-radius:10px;border:1.5px solid var(--oc-line);padding:.65rem .9rem;font-size:.95rem;}
.lead-card .form-control:focus,.lead-card .form-select:focus{border-color:var(--oc-orange);box-shadow:0 0 0 .2rem rgba(247,148,30,.15);}
.form-note{font-size:.72rem;color:var(--oc-muted);line-height:1.5;}
.form-note a{color:var(--oc-muted);text-decoration:underline;}

/* Contact Form 7 — match the built-in form's styling */
.lead-card .wpcf7-form-control-wrap{display:block;}
.lead-card .wpcf7 input[type=text],
.lead-card .wpcf7 input[type=email],
.lead-card .wpcf7 input[type=tel],
.lead-card .wpcf7 select{
  width:100%;border-radius:10px;border:1.5px solid var(--oc-line);
  padding:.65rem .9rem;font-size:.95rem;
}
.lead-card .wpcf7 input:focus,.lead-card .wpcf7 select:focus{
  border-color:var(--oc-orange);box-shadow:0 0 0 .2rem rgba(247,148,30,.15);outline:none;
}
.lead-card .wpcf7 .wpcf7-submit{width:100%;}
.lead-card .wpcf7 p{margin:0;}
/* CF7's own messages: keep validation inline, hide the duplicate success banner
   because the styled #leadSuccess panel replaces it. */
.lead-card .wpcf7 .wpcf7-not-valid-tip{color:#dc3545;font-size:.8rem;margin-top:.25rem;}
.lead-card .wpcf7 .wpcf7-response-output{
  border-radius:10px;font-size:.85rem;padding:.6rem .9rem;margin:1rem 0 0;
}
.lead-card .wpcf7 form.sent .wpcf7-response-output{display:none;}
.lead-card .wpcf7-spinner{display:block;margin:.5rem auto 0;}
/* Honeypot — must never be visible or focusable */
.oc-hp{position:absolute !important;left:-9999px !important;height:0;overflow:hidden;}

/* Trust strip */
.trust-strip{background:#fff;border-bottom:1px solid var(--oc-line);}
.brand-pill{font-weight:700;color:#97a3af;font-size:1rem;letter-spacing:.3px;font-family:'Plus Jakarta Sans';}
.instock-pill{font-weight:800;color:var(--oc-navy);font-size:1.05rem;letter-spacing:.3px;font-family:'Plus Jakarta Sans';}

/* Sections */
.section{padding:4.5rem 0;}
.eyebrow{color:var(--oc-orange);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;}
.section h2{font-size:clamp(1.8rem,3.4vw,2.5rem);}

.value-card{background:#fff;border:1px solid var(--oc-line);border-radius:16px;padding:1.6rem;height:100%;transition:transform .15s ease,box-shadow .15s ease;}
.value-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(18,58,107,.12);}
.value-ic{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;font-size:1.5rem;background:rgba(247,148,30,.14);color:var(--oc-amber-dark);margin-bottom:1rem;}

/* Lifestyle */
.split-img{border-radius:20px;min-height:340px;background-size:cover;background-position:center;box-shadow:0 20px 50px rgba(18,58,107,.18);}

/* Offer band */
.offer-band{background:linear-gradient(120deg,var(--oc-navy),var(--oc-navy-2));color:#fff;border-radius:22px;overflow:hidden;position:relative;}
.offer-band::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;background:radial-gradient(circle,rgba(247,148,30,.45),transparent 70%);}

.step-num{width:44px;height:44px;border-radius:50%;background:var(--oc-blue);color:#fff;display:grid;place-items:center;font-weight:800;font-family:'Plus Jakarta Sans';}

.review-card{background:#fff;border:1px solid var(--oc-line);border-radius:16px;padding:1.5rem;height:100%;}

.accordion-button{font-weight:600;font-family:'Plus Jakarta Sans';}
.accordion-button:not(.collapsed){background:rgba(247,148,30,.08);color:var(--oc-navy);}
.accordion-button:focus{box-shadow:none;border-color:var(--oc-line);}

footer{background:var(--oc-navy);color:#b3c6dc;}
footer a{color:#d6e4f2;text-decoration:none;}
footer a:hover{color:#fff;}
.footer-logo {
    height: 110px;
    /* background: #fff; */
    /*padding: 6px 0px;*/
    border-radius: 10px;
    width: auto;
}
.disclosure{font-size:.72rem;color:#8fa7c2;line-height:1.6;}

/* Sticky mobile bar */
.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:1050;display:none;gap:.5rem;padding:.6rem;background:rgba(18,58,107,.97);backdrop-filter:blur(6px);box-shadow:0 -6px 20px rgba(0,0,0,.25);}
.mobile-cta .btn{flex:1;border-radius:10px;font-weight:700;}
@media(max-width:991px){.mobile-cta{display:flex;}body{padding-bottom:70px;}}

.rating-inline{font-weight:700;color:var(--oc-navy);}

/* WordPress admin bar offset for the sticky nav */
.admin-bar .navbar.sticky-top{top:32px;}
@media(max-width:782px){.admin-bar .navbar.sticky-top{top:46px;}}