/*
Theme Name: NavRod Marine
Theme URI: https://navrod.com/
Author: NavRod
Description: Premium responsive WordPress theme for the NavRod portable marine navigation-light platform.
Version: 1.7.0
Text Domain: navrod
*/
:root{--navy:#061421;--navy2:#0b2234;--ink:#07111a;--green:#6df04a;--teal:#1fbf9b;--white:#f7fafc;--muted:#aab8c4;--line:rgba(255,255,255,.14);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(4,15,25,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{height:78px;display:flex;align-items:center;gap:30px}.brand{font-size:28px;font-weight:900;letter-spacing:-1px;margin-right:auto}.brand-bars{display:flex;gap:3px;width:124px;margin-top:4px}.brand-bars i{height:5px;flex:1}.brand-bars i:nth-child(1){background:#67ed45}.brand-bars i:nth-child(2){background:#2ac18e}.brand-bars i:nth-child(3){background:#2d8e9f}.brand-bars i:nth-child(4){background:#ed332f}.nav{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:700}.nav a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#061421;font-weight:900;padding:13px 20px;border-radius:4px;letter-spacing:.02em}.button.alt{background:transparent;color:white;border:1px solid rgba(255,255,255,.45)}.mobile-toggle{display:none}
.hero{min-height:760px;position:relative;display:flex;align-items:center;background-size:cover;background-position:68% center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,21,.90) 0%,rgba(2,12,21,.72) 31%,rgba(2,12,21,.16) 54%,rgba(2,12,21,.02) 76%),linear-gradient(0deg,rgba(2,12,21,.36),transparent 42%)}.hero-content{position:relative;max-width:540px;padding:90px 0}.eyebrow{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--green);font-weight:900}.hero h1,.page-hero h1{font-size:clamp(58px,7.2vw,104px);line-height:.82;letter-spacing:-.065em;margin:18px 0 24px}.hero h1 span{color:var(--green)}.hero p{font-size:22px;max-width:610px;color:#d9e2e8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.feature-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#071a29}.features{display:grid;grid-template-columns:repeat(5,1fr)}.feature{padding:30px 18px;text-align:center;border-right:1px solid var(--line)}.feature:last-child{border-right:0}.feature b{display:block;font-size:15px;text-transform:uppercase}.feature span{font-size:12px;color:var(--muted)}
section{padding:92px 0}.section-head{max-width:760px;margin-bottom:40px}.section-head h2{font-size:clamp(38px,5vw,68px);line-height:.96;letter-spacing:-.045em;margin:8px 0 18px}.section-head p{color:#c3cdd5;font-size:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#0b2131;border:1px solid var(--line);padding:28px;border-radius:7px}.card h3{margin:4px 0 10px;font-size:22px}.card p{margin:0;color:#b7c4cd}.photo-card{min-height:330px;background-size:cover;background-position:center;position:relative;border-radius:7px;overflow:hidden}.photo-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(2,10,17,.9))}.photo-card .label{position:absolute;z-index:2;left:22px;bottom:18px;font-size:21px;font-weight:900}.dark{background:#04101a}.light{background:#eef2f4;color:#07111a}.light .section-head p,.light .card p{color:#4c5a65}.light .card{background:white;border-color:#d7dfe4}.product-img{background:#fff;border-radius:8px;padding:16px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.spec{padding:18px;border-left:3px solid var(--green);background:#0a2030}.spec small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.spec b{font-size:18px}.step{display:grid;grid-template-columns:64px 1fr;gap:16px;margin:24px 0}.step-num{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#061421;font-weight:900;font-size:22px}.quote{font-size:34px;line-height:1.15;font-weight:800;border-left:4px solid var(--green);padding-left:24px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{font-weight:800;font-size:19px;cursor:pointer}.faq p{color:#bdc8d0;max-width:850px}.page-hero{padding:100px 0 70px;background:#061725}.page-hero h1{font-size:clamp(48px,7vw,92px);margin-bottom:18px}.page-hero p{font-size:20px;color:#c5d0d8;max-width:760px}.wide-image{width:100%;max-height:700px;object-fit:cover}.technical{background:#fff;padding:18px;border-radius:8px}.notice{font-size:13px;color:#8ea0ad;border-top:1px solid var(--line);padding-top:16px;margin-top:22px}.partner{background:linear-gradient(135deg,#0b2638,#07131e);border:1px solid var(--line);padding:44px;border-radius:8px}.partner h2{font-size:48px;line-height:1;margin:0 0 18px}.partner-line{font-weight:900;letter-spacing:.08em;color:var(--green);text-transform:uppercase}.contact-form{display:grid;gap:12px;max-width:680px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:#071a29;border:1px solid #294152;color:white;padding:14px;border-radius:4px;font:inherit}.contact-form textarea{min-height:150px}.footer{border-top:1px solid var(--line);padding:48px 0 34px;color:#9dafba}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer strong{color:white}.fine{font-size:12px;margin-top:30px}
@media(max-width:900px){.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#061421;padding:22px 20px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.mobile-toggle{display:block;background:none;border:0;color:white;font-size:24px}.header-inner>.button{display:none}.features{grid-template-columns:1fr 1fr}.feature{border-bottom:1px solid var(--line)}.grid2,.card-grid,.footer-grid{grid-template-columns:1fr}.hero{min-height:660px}.hero h1{font-size:68px}.hero-content{padding:70px 0}.partner h2{font-size:38px}}
@media(max-width:520px){.wrap{width:min(var(--max),calc(100% - 28px))}.features{grid-template-columns:1fr}.hero h1{font-size:56px}.hero p{font-size:18px}section{padding:68px 0}.specs{grid-template-columns:1fr}}

/* Hero v2: preserve the boat and illuminated NavRod as the dominant visual. */
@media(min-width:901px){
  .hero .wrap{display:flex;justify-content:flex-start}
  .hero-content{margin-left:0;width:43%}
  .hero p{font-size:20px}
}
@media(max-width:900px){
  .hero{background-position:64% center}
  .hero:before{background:linear-gradient(0deg,rgba(2,12,21,.94) 0%,rgba(2,12,21,.58) 48%,rgba(2,12,21,.10) 78%)}
  .hero-content{align-self:flex-end;max-width:620px;padding:300px 0 54px}
}

/* NavRod v1.2 — purpose-built bright cinematic hero */
.hero-v12{
  min-height:700px;
  background-size:cover;
  background-position:center center;
  align-items:center;
}
.hero-v12:before{
  background:linear-gradient(90deg,rgba(246,249,250,.92) 0%,rgba(246,249,250,.72) 25%,rgba(246,249,250,.18) 44%,rgba(246,249,250,0) 62%);
}
.hero-v12 .hero-content{
  max-width:520px;
  width:42%;
  padding:86px 0;
  color:#06213a;
}
.hero-v12 .eyebrow{color:#239b2e}
.hero-v12 h1{color:#06213a;font-size:clamp(62px,7vw,104px);text-shadow:none}
.hero-v12 h1 span{color:#239b2e}
.hero-v12 p{color:#17384d;font-size:21px;font-weight:600;max-width:470px}
.hero-v12 .button.alt{color:#06213a;border-color:rgba(6,33,58,.5);background:rgba(255,255,255,.62)}
@media(max-width:900px){
 .hero-v12{min-height:720px;background-position:63% center}
 .hero-v12:before{background:linear-gradient(0deg,rgba(247,250,251,.96) 0%,rgba(247,250,251,.84) 37%,rgba(247,250,251,.08) 66%)}
 .hero-v12 .hero-content{width:100%;max-width:620px;align-self:flex-end;padding:390px 0 48px}
 .hero-v12 h1{font-size:62px}
}

/* NavRod v1.3 — approved homepage mockup */
.hero-approved-v13{
  min-height:clamp(560px,42vw,810px);
  background-size:cover;
  background-position:center center;
  display:block;
}
.hero-approved-v13:before{display:none}
@media(max-width:900px){
  .hero-approved-v13{
    min-height:620px;
    background-size:cover;
    background-position:62% center;
  }
}

/* NavRod v1.4 — live WPForms contact integration */
.navrod-contact-form .wpforms-container{margin:0!important}
.navrod-contact-form .wpforms-field-label,.navrod-contact-form .wpforms-field-sublabel{color:var(--white)!important}
.navrod-contact-form input[type=text],.navrod-contact-form input[type=email],.navrod-contact-form input[type=tel],.navrod-contact-form select,.navrod-contact-form textarea{width:100%!important;background:#071a29!important;border:1px solid #294152!important;color:white!important;border-radius:4px!important}
.navrod-contact-form input::placeholder,.navrod-contact-form textarea::placeholder{color:#8ea0ad!important}
.navrod-contact-form button[type=submit]{width:100%!important;background:var(--green)!important;color:#061421!important;border:0!important;border-radius:4px!important;font-weight:900!important;padding:13px 20px!important}
.navrod-contact-form button[type=submit]:hover{filter:brightness(.94)}
.navrod-contact-form .wpforms-confirmation-container-full{background:#0b2638!important;border:1px solid var(--green)!important;color:white!important}


/* NavRod v1.5 — contact legibility, hero image hotspots, confirmation polish */
.navrod-contact-form div.wpforms-container-full .wpforms-form .wpforms-field-label,
.navrod-contact-form div.wpforms-container-full .wpforms-form .wpforms-field-sublabel,
.navrod-contact-form .wpforms-container-full .wpforms-field-label,
.navrod-contact-form .wpforms-container-full .wpforms-field-sublabel{
  color:#f7fafc!important;
}
.navrod-contact-form div.wpforms-container-full input[type=text],
.navrod-contact-form div.wpforms-container-full input[type=email],
.navrod-contact-form div.wpforms-container-full input[type=tel],
.navrod-contact-form div.wpforms-container-full textarea,
.navrod-contact-form div.wpforms-container-full select{
  background:#0b2234!important;
  border:1px solid #476073!important;
  color:#f7fafc!important;
}
.navrod-contact-form div.wpforms-container-full .wpforms-field-sublabel{opacity:.78}
.navrod-contact-form div.wpforms-container-full button[type=submit]{
  background:#6df04a!important;color:#061421!important;border:0!important;
}
.navrod-contact-form .wpforms-confirmation-container-full{
  background:#0b2638!important;border:1px solid #6df04a!important;color:#f7fafc!important;
  padding:28px!important;border-radius:6px!important;font-size:18px!important;line-height:1.55!important;
}
.hero-approved-v13{position:relative}
.hero-image-partner-link,.hero-image-learn-link{position:absolute;z-index:5;display:block}
/* Clickable overlays for buttons that are baked into the approved hero artwork. */
.hero-image-partner-link{top:2.5%;right:5.6%;width:12%;height:8.5%}
.hero-image-learn-link{left:6.2%;bottom:12.8%;width:16.2%;height:8.2%}
@media(max-width:900px){
  .hero-image-partner-link{top:2.5%;right:3%;width:22%;height:8.5%}
  .hero-image-learn-link{left:5%;bottom:11%;width:28%;height:8.5%}
}


/* NavRod v1.6 — approved site review updates */
.hero-approved-v16{min-height:clamp(500px,36.4vw,699px);position:relative;background-size:cover;background-position:center center;display:block}
.hero-approved-v16:before{display:none}
.hero-approved-v16 .hero-image-learn-link{position:absolute;z-index:5;display:block;left:6.2%;bottom:12.8%;width:16.2%;height:9.5%}
.partner-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch}
.retail-display{width:100%;height:100%;min-height:360px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.market-stat{background:#0b2131;border:1px solid var(--line);padding:28px;border-radius:7px}
.market-stat b{display:block;color:var(--green);font-size:42px;line-height:1;margin-bottom:12px}
.market-stat span{color:#c3cdd5;line-height:1.5}
.exploded-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.exploded-grid img{width:100%;height:520px;object-fit:contain;background:white;border-radius:8px;padding:14px}
@media(max-width:900px){.hero-approved-v16{min-height:560px;background-size:cover;background-position:60% center}.hero-approved-v16 .hero-image-learn-link{left:5%;bottom:11%;width:30%;height:9%}.partner-grid,.market-grid,.exploded-grid{grid-template-columns:1fr}.exploded-grid img{height:auto}.retail-display{min-height:0}}

/* NavRod v1.7 — hero brightness correction. Render approved artwork as a real image, not a CSS background, so no theme/background overlay can dim the baked-in white and NavRod green typography. */
.hero-approved-v17{position:relative;display:block;min-height:0!important;background:none!important;overflow:hidden;opacity:1!important;filter:none!important;isolation:isolate}
.hero-approved-v17:before,.hero-approved-v17:after{content:none!important;display:none!important;background:none!important;opacity:0!important}
.hero-approved-v17 .hero-approved-art{display:block!important;width:100%!important;height:auto!important;max-width:none!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;position:relative;z-index:1}
.hero-approved-v17 .hero-image-learn-link{position:absolute;z-index:5;display:block;left:6.2%;bottom:12.8%;width:16.2%;height:9.5%;background:transparent!important}
@media(max-width:900px){.hero-approved-v17 .hero-image-learn-link{left:5%;bottom:11%;width:30%;height:9%}}