/*
Theme Name: Scorpio v53 Nav + Privacy Fix
Version: 53.0
Description: Moderna B2B Scorpio tema s potpuno uređivom početnom stranicom u WordPress block editoru.
Text Domain: scorpio-v26
*/
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#04111a;color:#fff}
a{color:inherit}
.scorpio-header{position:fixed;top:12px;left:0;right:0;z-index:9999;padding:0 18px;pointer-events:none}
.scorpio-header-inner{min-height:72px;padding:10px 16px;border:1px solid rgba(255,255,255,.10);background:rgba(4,17,26,.86);backdrop-filter:blur(14px);box-shadow:0 12px 35px rgba(0,0,0,.28);pointer-events:auto}
.scorpio-header .wp-block-site-logo img{max-height:54px;width:auto}
.scorpio-main-nav .wp-block-navigation-item__content{font-size:.93rem;font-weight:700;text-decoration:none!important;color:#fff;padding:10px 8px}
.scorpio-main-nav .wp-block-navigation-item__content:hover{color:#b7e95a}
.scorpio-main-nav .scorpio-contact-nav>.wp-block-navigation-item__content{padding:11px 18px;border:1px solid #9bd52a;background:#9bd52a;color:#04111a;border-radius:7px}
.scorpio-hero{min-height:760px!important;padding:150px 24px 90px;background:#071c2c}
.scorpio-hero .wp-block-cover__background{background:linear-gradient(90deg,rgba(4,17,26,.90),rgba(4,17,26,.54) 55%,rgba(4,17,26,.18))!important;opacity:1!important}
.scorpio-hero-copy{margin-left:0!important}
.scorpio-hero h1{max-width:900px;font-size:clamp(3rem,5.7vw,5.9rem);line-height:.94;margin:0 0 26px}
.scorpio-hero h1:after{content:"";display:block;width:72px;height:4px;background:#9bd52a;margin-top:26px}
.scorpio-lead{max-width:650px;font-size:clamp(1.08rem,1.6vw,1.3rem);color:#e4edf1}
.scorpio-hero-buttons{margin-top:30px;gap:12px}
.wp-block-button__link{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:8px!important}
.is-style-outline>.wp-block-button__link{border:1px solid rgba(255,255,255,.65)!important;color:#fff!important;background:rgba(4,17,26,.34)!important}
.scorpio-section{padding:96px 24px}
.scorpio-section>.alignwide{margin-left:auto!important;margin-right:auto!important}
.scorpio-intro,.scorpio-visuals,.scorpio-process{background:#071c2c}
.scorpio-services,.scorpio-faq{background:#f4f7f8;color:#10212c}
.scorpio-services h2,.scorpio-services h3,.scorpio-faq h2{color:#071c2c}
.scorpio-why{background:#04111a}
.scorpio-eyebrow{margin:0 0 14px;color:#9bd52a;font-size:.78rem;font-weight:900;letter-spacing:.18em}
.scorpio-section h2{max-width:850px;font-size:clamp(2.2rem,4vw,4.2rem);margin:0 0 28px}
.scorpio-section-lead{max-width:850px;font-size:clamp(1.05rem,1.6vw,1.25rem);color:#c3d0d6}
.scorpio-intro .scorpio-section-lead{max-width:900px}
.scorpio-service-grid,.scorpio-visual-grid,.scorpio-benefits{gap:18px;margin-top:18px}
.scorpio-service-item{height:100%;padding:28px 0;border-top:1px solid rgba(7,28,44,.18)}
.scorpio-service-item h3{font-size:clamp(1.25rem,2vw,1.7rem);margin:8px 0 10px}
.scorpio-service-item p:last-child{color:#51636e}
.scorpio-number{color:#9bd52a!important;font-weight:900;letter-spacing:.08em;margin:0}
.scorpio-visuals>div>p:not(.scorpio-eyebrow){color:#b8c7cf;max-width:800px}
.scorpio-visual-slot{overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#0a3149;min-height:360px!important}
.scorpio-visual-slot h3{font-size:1.35rem;align-self:flex-end;margin:0}
.scorpio-benefits>.wp-block-column{padding:28px 0;border-top:1px solid rgba(255,255,255,.14)}
.scorpio-benefits h3{font-size:1rem;color:#9bd52a;letter-spacing:.04em}
.scorpio-benefits p{color:#c3d0d6}
.scorpio-process-grid{gap:0;margin-top:40px}
.scorpio-process-grid>.wp-block-column{padding:24px 20px;border-top:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.10)}
.scorpio-process-grid>.wp-block-column:last-child{border-right:0}
.scorpio-process-grid h3{font-size:1rem;margin:10px 0}
.scorpio-process-grid p:last-child{color:#b8c7cf;font-size:.94rem}
.scorpio-faq .wp-block-details{border-top:1px solid #cbd5da;padding:20px 0}
.scorpio-faq .wp-block-details:last-child{border-bottom:1px solid #cbd5da}
.scorpio-faq summary{cursor:pointer;font-weight:800;font-size:1.05rem;color:#071c2c}
.scorpio-faq details p{color:#4e606b}
.scorpio-final-cta{background:linear-gradient(120deg,#0a3149,#071c2c 70%);border-top:1px solid rgba(155,213,42,.24)}
.scorpio-final-cta .scorpio-section-lead{margin-bottom:26px}
.scorpio-contact-lines{font-size:clamp(1.2rem,2vw,1.55rem);font-weight:800;line-height:1.7}
.scorpio-contact-lines a{text-decoration:none}
.scorpio-footer{padding:58px 24px 26px;background:#020b11;border-top:1px solid rgba(255,255,255,.08)}
.scorpio-footer-grid{gap:40px}
.scorpio-footer h3{font-size:1.8rem}
.scorpio-footer h4{color:#9bd52a;font-size:.9rem;letter-spacing:.08em}
.scorpio-footer p,.scorpio-footer li{color:#aebdc5}
.scorpio-footer a{text-decoration:none}
.scorpio-footer-links{list-style:none;padding-left:0}
.scorpio-footer-links li{margin:8px 0}
.scorpio-footer hr{border-color:rgba(255,255,255,.12);margin-top:38px}
@media(max-width:900px){
 .scorpio-header{top:7px;padding:0 10px}
 .scorpio-header-inner{min-height:62px;padding:7px 10px}
 .scorpio-header .wp-block-site-logo img{max-height:52px}
 .scorpio-main-nav .wp-block-navigation__responsive-container.is-menu-open{left:auto!important;right:0!important;width:min(86vw,390px)!important;background:#04111a!important;padding:26px!important;box-shadow:-30px 0 80px rgba(0,0,0,.48);animation:scorpioMenuIn .22s ease-out}
 .scorpio-main-nav .wp-block-navigation__responsive-container-content{padding-top:72px!important;align-items:flex-start!important}
 .scorpio-main-nav .wp-block-navigation__container{align-items:flex-start!important;width:100%!important;gap:5px!important}
 .scorpio-main-nav .wp-block-navigation-item{width:100%!important}
 .scorpio-main-nav .wp-block-navigation-item__content{font-size:1.15rem!important;padding:13px 0!important;width:100%}
 .scorpio-main-nav .scorpio-contact-nav>.wp-block-navigation-item__content{padding:13px 16px!important;text-align:center}
 @keyframes scorpioMenuIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
 .scorpio-hero{min-height:100svh!important;padding:92px 18px 38px!important;align-items:flex-end!important}
 .scorpio-hero .wp-block-cover__background{background:linear-gradient(180deg,rgba(4,17,26,.10) 0%,rgba(4,17,26,.25) 34%,rgba(4,17,26,.88) 66%,#04111a 100%)!important}
 .scorpio-hero h1{font-size:clamp(2rem,9vw,3.35rem);line-height:.98;margin-bottom:16px}
 .scorpio-hero h1:after{margin-top:18px}
 .scorpio-lead{font-size:1rem;line-height:1.45;margin-bottom:0}
 .scorpio-hero-buttons{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}
 .scorpio-hero-buttons .wp-block-button,.scorpio-hero-buttons .wp-block-button__link{width:100%}
 .scorpio-hero-buttons .wp-block-button__link{min-height:52px;padding:12px 10px;font-size:.86rem}
 .scorpio-section{padding:70px 18px}
 .scorpio-section h2{font-size:clamp(2rem,9vw,3.1rem)}
 .scorpio-process-grid{display:grid!important;grid-template-columns:1fr 1fr}
 .scorpio-process-grid>.wp-block-column{border-right:0}
}
@media(max-width:520px){
 .scorpio-header .wp-block-site-logo img{max-height:56px}
 .scorpio-hero{padding-top:82px!important;min-height:100svh!important}
 .scorpio-hero-buttons{grid-template-columns:1fr}
 .scorpio-hero-buttons .wp-block-button__link{font-size:.93rem}
 .scorpio-process-grid{grid-template-columns:1fr}
 .scorpio-visual-slot{min-height:300px!important}
}


/* === v27: reliable WordPress mobile navigation === */
@media (min-width:901px){
  .scorpio-main-nav .wp-block-navigation__responsive-container-open{
    display:none!important;
  }
  .scorpio-main-nav .wp-block-navigation__responsive-container{
    display:flex!important;
    position:static!important;
  }
}
@media (max-width:900px){
  .scorpio-main-nav .wp-block-navigation__responsive-container-open{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    color:#fff!important;
    background:transparent!important;
    border:0!important;
    cursor:pointer!important;
  }
  .scorpio-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open){
    display:none!important;
  }
  .scorpio-main-nav .wp-block-navigation__responsive-container.is-menu-open{
    display:flex!important;
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:auto!important;
    right:0!important;
    width:min(86vw,390px)!important;
    height:100dvh!important;
    background:#04111a!important;
    padding:24px!important;
    z-index:100000!important;
    overflow:auto!important;
  }
  .scorpio-main-nav .wp-block-navigation__responsive-container-close{
    display:flex!important;
    position:absolute!important;
    top:18px!important;
    right:18px!important;
    width:44px!important;
    height:44px!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    cursor:pointer!important;
  }
  .scorpio-main-nav .wp-block-navigation__responsive-dialog{
    width:100%!important;
  }
}


/* === v28: premium typography + improved hero title breathing room === */
body,
button,
input,
textarea,
select{
  font-family:'Arial Nova','Aptos','Inter','Segoe UI',Arial,sans-serif!important;
  font-feature-settings:"kern" 1,"liga" 1;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,h6,
.wp-block-heading{
  font-family:'Arial Nova','Aptos','Inter','Segoe UI',Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}

p,li,a{
  letter-spacing:-.006em;
}

.scorpio-hero-copy{
  max-width:980px!important;
}

.scorpio-hero h1{
  max-width:940px!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  word-spacing:.06em!important;
  margin-bottom:34px!important;
}

.scorpio-hero h1:after{
  margin-top:30px!important;
}

.scorpio-lead{
  line-height:1.6!important;
  letter-spacing:0!important;
}

.scorpio-section h2{
  line-height:1.06!important;
  letter-spacing:-.032em!important;
}

.scorpio-section h3{
  line-height:1.18!important;
}

.scorpio-section p{
  line-height:1.65;
}

.scorpio-main-nav .wp-block-navigation-item__content{
  letter-spacing:.005em!important;
}

@media(max-width:900px){
  .scorpio-hero h1{
    font-size:clamp(2rem,8.6vw,3.3rem)!important;
    line-height:1.04!important;
    letter-spacing:-.03em!important;
    word-spacing:.05em!important;
    margin-bottom:24px!important;
  }
  .scorpio-hero h1:after{
    margin-top:22px!important;
  }
  .scorpio-lead{
    line-height:1.55!important;
  }
}

@media(max-width:520px){
  .scorpio-hero h1{
    font-size:clamp(1.95rem,8.4vw,2.75rem)!important;
    line-height:1.06!important;
    margin-bottom:22px!important;
  }
}


/* === v29: mobile menu visibility + tighter hero start === */
@media(max-width:900px){
  /* Hamburger icon itself */
  .scorpio-main-nav .wp-block-navigation__responsive-container-open,
  .scorpio-main-nav .wp-block-navigation__responsive-container-open svg{
    color:#9bd52a!important;
    fill:#9bd52a!important;
    stroke:#9bd52a!important;
  }

  /* Mobile drawer links */
  .scorpio-main-nav .wp-block-navigation__responsive-container.is-menu-open,
  .scorpio-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
  .scorpio-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
    color:#9bd52a!important;
  }

  .scorpio-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
    font-weight:800!important;
  }

  /* Close icon */
  .scorpio-main-nav .wp-block-navigation__responsive-container-close,
  .scorpio-main-nav .wp-block-navigation__responsive-container-close svg{
    color:#9bd52a!important;
    fill:#9bd52a!important;
    stroke:#9bd52a!important;
  }

  /* Keep Contact readable as the stronger CTA */
  .scorpio-main-nav .wp-block-navigation__responsive-container.is-menu-open .scorpio-contact-nav>.wp-block-navigation-item__content{
    background:#9bd52a!important;
    color:#04111a!important;
    border-color:#9bd52a!important;
  }

  /* Reduce empty gap while preserving enough hero canvas for a future image */
  .scorpio-hero{
    min-height:100svh!important;
    padding:76px 18px 34px!important;
    align-items:center!important;
  }

  .scorpio-hero-copy{
    margin-top:34px!important;
    margin-bottom:0!important;
  }
}

@media(max-width:520px){
  .scorpio-hero{
    padding-top:70px!important;
    padding-bottom:28px!important;
    align-items:center!important;
  }

  .scorpio-hero-copy{
    margin-top:26px!important;
  }
}

.scorpio-visual-slot{background-position:var(--vx,50%) var(--vy,50%)!important;background-size:cover!important;background-repeat:no-repeat!important}@media(max-width:900px){.scorpio-visual-slot{background-position:var(--vmx,var(--vx,50%)) var(--vmy,var(--vy,50%))!important}}

/* v33 — cleaner public visuals section + more breathing room in hero H1 */
.scorpio-visuals .alignwide{padding-top:4px}
.scorpio-hero h1{
  max-width:1040px!important;
  line-height:1.12!important;
  letter-spacing:-.018em!important;
  word-spacing:.10em!important;
  margin-bottom:38px!important;
}
.scorpio-hero h1:after{margin-top:32px!important}
@media(max-width:900px){
  .scorpio-hero h1{
    font-size:clamp(1.95rem,8vw,3.15rem)!important;
    line-height:1.16!important;
    letter-spacing:-.012em!important;
    word-spacing:.08em!important;
    margin-bottom:28px!important;
  }
  .scorpio-hero h1:after{margin-top:24px!important}
}
@media(max-width:520px){
  .scorpio-hero h1{
    font-size:clamp(1.85rem,7.8vw,2.55rem)!important;
    line-height:1.18!important;
    letter-spacing:-.008em!important;
    word-spacing:.07em!important;
  }
}

/* v34 — service images sized to fit the premium industrial layout */
.scorpio-visual-grid{gap:22px!important}
.scorpio-visual-slot{
  min-height:clamp(330px,30vw,430px)!important;
  border-radius:6px!important;
  border:1px solid rgba(143,234,255,.14)!important;
  overflow:hidden!important;
  box-shadow:0 18px 48px rgba(0,15,24,.24)!important;
}
.scorpio-visual-slot .wp-block-cover__inner-container{
  align-self:flex-end!important;
  padding:22px!important;
}
.scorpio-visual-slot h3{
  margin:0!important;
  line-height:1.12!important;
  text-shadow:0 3px 18px rgba(0,0,0,.55)!important;
}
@media(max-width:900px){
 .scorpio-visual-grid{gap:16px!important}
 .scorpio-visual-slot{min-height:340px!important}
}
@media(max-width:520px){
 .scorpio-visual-slot{min-height:300px!important}
}

/* v35 — uploaded images stay clear; darkness is controlled only in SCORPIO — slike */
.scorpio-visual-slot .wp-block-cover__background,
.scorpio-visual-slot .wp-block-cover__gradient-background{
  opacity:0!important;
}
.scorpio-visual-slot img.wp-block-cover__image-background{
  filter:none!important;
  opacity:1!important;
}

/* v36 — images are integrated directly into Naše usluge cards */
.scorpio-service-item{
  height:100%;
}
.scorpio-service-item[class*="sc-service-"]{
  border:1px solid rgba(143,234,255,.12)!important;
  background:#09283b!important;
}
.scorpio-service-item[class*="sc-service-"] h3,
.scorpio-service-item[class*="sc-service-"] p{
  position:relative;
  z-index:1;
}
@media(max-width:900px){
 .scorpio-service-item[class*="sc-service-"]{padding-top:230px!important}
 .scorpio-service-item[class*="sc-service-"]:before{height:205px!important}
}

/* v37 — polished service cards */
.scorpio-service-item[class*="sc-service-"]{
  padding:0 0 26px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:linear-gradient(180deg,#0b3147 0%,#08283a 100%)!important;
  border:1px solid rgba(143,234,255,.14)!important;
  border-radius:8px!important;
  box-shadow:0 18px 45px rgba(0,15,24,.20)!important;
}
.scorpio-service-item[class*="sc-service-"]:before{display:none!important}
.sc-service-image{
  width:100%;
  aspect-ratio:16/10;
  min-height:210px;
  background-color:#0b3147;
  background-position:center;
  background-size:cover;
  border-bottom:1px solid rgba(143,234,255,.12);
  margin:0 0 24px!important;
}
.scorpio-service-item[class*="sc-service-"] > p,
.scorpio-service-item[class*="sc-service-"] > h3{
  margin-left:24px!important;
  margin-right:24px!important;
}
.scorpio-service-item[class*="sc-service-"] .scorpio-number{
  margin-top:0!important;
  margin-bottom:12px!important;
}
.scorpio-service-item[class*="sc-service-"] h3{
  margin-top:0!important;
  margin-bottom:12px!important;
  line-height:1.12!important;
}
.scorpio-service-item[class*="sc-service-"] > p:last-child{
  margin-bottom:0!important;
}

/* v37 — uploaded hero is shown as the original image: no theme dimming */
.scorpio-hero:before,
.scorpio-hero:after,
.scorpio-hero .wp-block-cover__background,
.scorpio-hero .wp-block-cover__gradient-background{
  opacity:0!important;
  background:none!important;
}
.scorpio-hero{
  filter:none!important;
  background-color:#071f2d;
}
.scorpio-hero img{filter:none!important;opacity:1!important}

/* v37 — remove the unnecessary gap below navbar */
.scorpio-hero{
  padding-top:22px!important;
  align-items:flex-start!important;
}
.scorpio-hero-copy{
  margin-top:0!important;
  padding-top:0!important;
}
@media(max-width:900px){
  .scorpio-hero{
    padding-top:12px!important;
    align-items:flex-start!important;
  }
  .scorpio-hero-copy{
    margin-top:0!important;
    padding-top:0!important;
  }
  .sc-service-image{min-height:220px;aspect-ratio:16/10}
}
@media(max-width:520px){
  .scorpio-hero{padding-top:8px!important}
  .sc-service-image{min-height:205px;aspect-ratio:4/3}
}

/* v38 — balanced breathing room below navigation */
.scorpio-hero{
  padding-top:58px!important;
}
.scorpio-hero-copy{
  margin-top:0!important;
  padding-top:0!important;
}
@media(max-width:900px){
  .scorpio-hero{padding-top:44px!important}
}
@media(max-width:520px){
  .scorpio-hero{padding-top:34px!important}
}

/* v38 — service card text contrast, matched to Scorpio dark/green visual identity */
.scorpio-service-item[class*="sc-service-"]{
  background:linear-gradient(180deg,#0a2b3f 0%,#061f2e 100%)!important;
  color:#eef7f8!important;
}
.scorpio-service-item[class*="sc-service-"] .scorpio-number{
  color:#9bd52a!important;
  opacity:1!important;
  font-weight:800!important;
}
.scorpio-service-item[class*="sc-service-"] h3{
  color:#ffffff!important;
}
.scorpio-service-item[class*="sc-service-"] > p:not(.scorpio-number){
  color:#d8e5e8!important;
  opacity:1!important;
}
.scorpio-service-item[class*="sc-service-"] a{
  color:#9bd52a!important;
}

/* v39 — slightly smaller hero title on desktop */
.scorpio-hero h1{
  font-size:clamp(2.75rem,4.7vw,4.85rem)!important;
  line-height:1.10!important;
  max-width:1000px!important;
}

/* Mobile: keep hero copy safely below the navbar and make the title a touch smaller */
@media(max-width:900px){
  .scorpio-hero{
    padding-top:72px!important;
    min-height:100svh!important;
  }
  .scorpio-hero-copy{
    margin-top:0!important;
    padding-top:0!important;
  }
  .scorpio-hero h1{
    font-size:clamp(1.82rem,7.15vw,2.72rem)!important;
    line-height:1.15!important;
    max-width:100%!important;
  }
}
@media(max-width:520px){
  .scorpio-hero{
    padding-top:66px!important;
  }
  .scorpio-hero h1{
    font-size:clamp(1.72rem,7vw,2.32rem)!important;
    line-height:1.16!important;
  }
}

/* v40 — mobile hero is one composed panel: image stays behind title, subtitle and CTAs */
@media(max-width:900px){
  .scorpio-hero{
    position:relative!important;
    min-height:calc(100svh - 58px)!important;
    padding:74px 22px 58px!important;
    display:flex!important;
    align-items:center!important;
    background-color:#062434!important;
    background-repeat:no-repeat!important;
  }
  .scorpio-hero-copy{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .scorpio-hero h1{
    font-size:clamp(1.68rem,6.65vw,2.45rem)!important;
    line-height:1.13!important;
    letter-spacing:-.012em!important;
    word-spacing:.04em!important;
    margin-top:0!important;
    margin-bottom:24px!important;
    max-width:100%!important;
  }
  .scorpio-hero h1:after{
    margin-top:22px!important;
  }
  .scorpio-hero .wp-block-buttons{
    position:relative!important;
    z-index:3!important;
    gap:12px!important;
  }
  .scorpio-hero .wp-block-button,
  .scorpio-hero .wp-block-button__link{
    width:100%!important;
  }
}
@media(max-width:520px){
  .scorpio-hero{
    min-height:calc(100svh - 54px)!important;
    padding:68px 22px 48px!important;
  }
  .scorpio-hero h1{
    font-size:clamp(1.62rem,6.55vw,2.18rem)!important;
    line-height:1.14!important;
  }
}

/* Keep text legible without darkening the uploaded hero image itself */
@media(max-width:900px){
  .scorpio-hero h1,
  .scorpio-hero .scorpio-hero-subtitle{
    text-shadow:0 2px 14px rgba(0,15,24,.58)!important;
  }
}

/* v41 — hero composition follows the wide source photo; image always fills the panel */
.scorpio-hero{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-color:#062434!important;
}
.scorpio-hero-copy{
  width:min(760px,52vw)!important;
  margin-left:clamp(24px,5vw,88px)!important;
  margin-right:auto!important;
}
.scorpio-hero h1{
  max-width:760px!important;
}

/* Mobile: same left-led composition as desktop, with enough header clearance.
   The photo remains COVER, so there is never exposed background when framing it. */
@media(max-width:900px){
  .scorpio-hero{
    min-height:calc(100svh - 58px)!important;
    padding:82px 20px 46px!important;
    align-items:center!important;
    background-size:cover!important;
  }
  .scorpio-hero-copy{
    width:min(92%,560px)!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  .scorpio-hero h1{
    font-size:clamp(1.62rem,6.25vw,2.34rem)!important;
    line-height:1.12!important;
    max-width:500px!important;
  }
  .scorpio-hero .wp-block-buttons{
    max-width:440px!important;
  }
}
@media(max-width:520px){
  .scorpio-hero{
    padding:76px 20px 42px!important;
  }
  .scorpio-hero-copy{
    width:94%!important;
  }
  .scorpio-hero h1{
    font-size:clamp(1.56rem,6.15vw,2.08rem)!important;
    line-height:1.13!important;
  }
}

/* v42 — improve hero readability over bright parts of the photo without darkening the image */
.scorpio-hero h1{
  font-size:clamp(2.45rem,4.05vw,4.25rem)!important;
  line-height:1.08!important;
  max-width:700px!important;
  text-shadow:
    0 2px 3px rgba(0,15,24,.95),
    0 5px 18px rgba(0,15,24,.82),
    0 0 2px rgba(0,15,24,1)!important;
}
.scorpio-hero .scorpio-hero-subtitle,
.scorpio-hero p{
  text-shadow:
    0 2px 3px rgba(0,15,24,.95),
    0 4px 12px rgba(0,15,24,.82)!important;
}
@media(max-width:900px){
  .scorpio-hero h1{
    font-size:clamp(1.55rem,6vw,2.22rem)!important;
    line-height:1.12!important;
    max-width:470px!important;
    text-shadow:
      0 2px 3px rgba(0,15,24,.98),
      0 5px 16px rgba(0,15,24,.9),
      0 0 2px rgba(0,15,24,1)!important;
  }
}
@media(max-width:520px){
  .scorpio-hero h1{
    font-size:clamp(1.48rem,5.9vw,2rem)!important;
  }
}

/* v43 — protect Croatian diacritics from clipping in the hero */
.scorpio-hero-copy{overflow:visible!important}
.scorpio-hero h1{overflow:visible!important;padding-top:.12em!important;margin-top:.08em!important}
@media(max-width:900px){
 .scorpio-hero-copy{overflow:visible!important}
 .scorpio-hero h1{overflow:visible!important;padding-top:.14em!important;margin-top:.08em!important}
}

/* v44 legal page */
.scorpio-legal{padding:clamp(110px,12vw,170px) 24px 80px!important;color:#d8e5e8}
.scorpio-legal h1{color:#fff;font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.05;margin-bottom:28px}
.scorpio-legal h2{color:#fff;margin-top:42px;margin-bottom:14px}
.scorpio-legal p{font-size:1.02rem;line-height:1.75;color:#d8e5e8}
.scorpio-legal a{color:#9bd52a}

/* v45 — legal page responsive polish */
.scorpio-legal{
  width:min(100% - 40px,920px)!important;
  max-width:920px!important;
  margin:0 auto!important;
  padding:clamp(105px,10vw,150px) 0 clamp(64px,8vw,100px)!important;
  box-sizing:border-box!important;
  overflow-wrap:anywhere;
}
.scorpio-legal h1{font-size:clamp(2rem,4.6vw,4.15rem)!important;line-height:1.08!important;letter-spacing:-.025em!important;overflow:visible!important;padding-top:.08em}
.scorpio-legal h2{font-size:clamp(1.35rem,2.4vw,2rem)!important;line-height:1.2!important}
.scorpio-legal p{font-size:clamp(.98rem,1.2vw,1.08rem)!important;line-height:1.75!important;max-width:78ch}
@media(max-width:600px){
 .scorpio-legal{width:calc(100% - 32px)!important;padding-top:92px!important;padding-bottom:58px!important}
 .scorpio-legal h1{font-size:clamp(1.85rem,9vw,2.65rem)!important;line-height:1.1!important;margin-bottom:22px!important}
 .scorpio-legal h2{margin-top:34px!important;margin-bottom:10px!important}
 .scorpio-legal p{line-height:1.68!important}
}

/* v47 — legal page: more breathing room on every screen */
body .scorpio-legal{
  width:min(88vw,1040px)!important;
  max-width:1040px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-top:clamp(130px,12vw,190px)!important;
  padding-bottom:clamp(90px,10vw,140px)!important;
}
body .scorpio-legal > *{
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body .scorpio-legal h1{
  max-width:820px!important;
  margin-bottom:42px!important;
  font-size:clamp(2.25rem,4.2vw,4rem)!important;
  line-height:1.12!important;
}
body .scorpio-legal h2{
  margin-top:58px!important;
  margin-bottom:18px!important;
  font-size:clamp(1.4rem,2.2vw,1.9rem)!important;
}
body .scorpio-legal p{
  margin-top:0!important;
  margin-bottom:22px!important;
  line-height:1.85!important;
}
@media (max-width:700px){
  body .scorpio-legal{
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:105px 22px 72px!important;
  }
  body .scorpio-legal > *{max-width:none!important}
  body .scorpio-legal h1{
    font-size:clamp(1.85rem,8.4vw,2.5rem)!important;
    line-height:1.14!important;
    margin-bottom:32px!important;
  }
  body .scorpio-legal h2{
    font-size:1.35rem!important;
    line-height:1.25!important;
    margin-top:44px!important;
    margin-bottom:14px!important;
  }
  body .scorpio-legal p{
    font-size:1rem!important;
    line-height:1.78!important;
    margin-bottom:20px!important;
  }
}
@media (max-width:380px){
  body .scorpio-legal{padding-left:18px!important;padding-right:18px!important}
  body .scorpio-legal h1{font-size:1.8rem!important}
}

/* v48 — privacy link belongs inside the footer grid, not below it */
.scorpio-privacy-link{
  width:auto!important;
  max-width:none!important;
  margin:22px 0 0!important;
  padding:18px 0 0!important;
  border-top:1px solid rgba(255,255,255,.10);
  font-size:.88rem!important;
  line-height:1.45!important;
}
.scorpio-privacy-link a{color:#b9cbd3!important;text-decoration:none!important}
.scorpio-privacy-link a:hover{color:#9bd52a!important}

/* v53 — footer legal link: centered, spaced, responsive */
body .scorpio-footer .scorpio-privacy-link{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:18px auto 0!important;
  padding:18px 20px 2px!important;
  text-align:center!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  font-size:.86rem!important;
  line-height:1.5!important;
}
body .scorpio-footer .scorpio-privacy-link a{
  display:inline-block!important;
  color:#b9cbd3!important;
  text-decoration:none!important;
}
body .scorpio-footer .scorpio-privacy-link a:hover{color:#9bd52a!important}

/* v53 — privacy page is centered and readable on desktop, tablet and mobile */
body .scorpio-legal{
  box-sizing:border-box!important;
  width:min(900px,calc(100% - 48px))!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body .scorpio-legal > *{
  width:100%!important;
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:700px){
  body .scorpio-legal{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
  body .scorpio-legal > *{max-width:none!important}
  body .scorpio-footer .scorpio-privacy-link{
    margin-top:16px!important;
    padding:16px 16px 0!important;
    font-size:.82rem!important;
  }
}