/*
Theme Name: Scorpio
Theme URI: https://scorpiousluge.hr/
Author: SCORPIO, obrt za usluge
Description: Moderna B2B tema za SCORPIO — industrijsko čišćenje. Block tema: Početna, zaglavlje i podnožje uređuju se u WordPress editoru, a slike u izborniku "SCORPIO slike". Aktivacija ne briše sadržaj koji ste uredili.
Version: 63.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scorpio
Tags: block-theme, full-site-editing, one-column, custom-logo, editor-style, dark
*/

/* =========================================================
   1. Osnova
   ========================================================= */
:root{
  --sc-ink:var(--wp--preset--color--ink,#04111a);
  --sc-ink-2:#061826;
  --sc-navy:var(--wp--preset--color--navy,#071c2c);
  --sc-navy2:var(--wp--preset--color--navy-2,var(--wp--preset--color--navy2,#0a3149));
  --sc-lime:var(--wp--preset--color--lime,#9bd52a);
  --sc-lime-hover:color-mix(in srgb,var(--sc-lime) 78%,#fff);
  --sc-lime-dark:color-mix(in srgb,var(--sc-lime) 52%,#000);
  --sc-paper:var(--wp--preset--color--paper,#f3f6f7);
  --sc-text-soft:#b9c8cf;
  --sc-text-card:#d8e5e8;
  --sc-text-dark:#10212c;
  --sc-text-dark-soft:#4b5d68;
  --sc-line:rgba(255,255,255,.10);
  --sc-radius:14px;
  --sc-header-top:14px;
  --sc-header-h:70px;
  --sc-header-space:calc(var(--sc-header-top) + var(--sc-header-h));
  --sc-section-y:clamp(76px,9vw,128px);
  --sc-ease:cubic-bezier(.2,.7,.2,1);
  --sc-i-pin:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 22s7-7.1 7-12.4A7 7 0 0 0 5 9.6C5 14.9 12 22 12 22z%22/%3E%3Ccircle cx=%2212%22 cy=%229.6%22 r=%222.6%22/%3E%3C/svg%3E");
  --sc-i-phone:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z%22/%3E%3C/svg%3E");
  --sc-i-mail:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%224%22 width=%2220%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22m22 7-10 6L2 7%22/%3E%3C/svg%3E");
  --sc-i-building:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 21h18M5 21V7l8-4v18M19 21V11l-6-4M9 9v.01M9 12v.01M9 15v.01M9 18v.01%22/%3E%3C/svg%3E");
  --sc-i-tools:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.8-3.8a6 6 0 0 1-7.9 7.9l-6.9 6.9a2.1 2.1 0 0 1-3-3l6.9-6.9a6 6 0 0 1 7.9-7.9l-3.8 3.8z%22/%3E%3C/svg%3E");
  --sc-i-sliders:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6%22/%3E%3C/svg%3E");
  --sc-i-clipboard:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%228%22 y=%222%22 width=%228%22 height=%224%22 rx=%221%22/%3E%3Cpath d=%22M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2%22/%3E%3Cpath d=%22m9 14 2 2 4-4%22/%3E%3C/svg%3E");
  --sc-i-shield:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z%22/%3E%3Cpath d=%22m9 12 2 2 4-4%22/%3E%3C/svg%3E");
  --sc-i-check:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 6 9 17l-5-5%22/%3E%3C/svg%3E");
  --sc-i-arrow:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sc-ink);color:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}
a{color:inherit}
:focus-visible{outline:2px solid var(--sc-lime);outline-offset:3px}
h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}
p{text-wrap:pretty}
::selection{background:var(--sc-lime);color:var(--sc-ink)}

.wp-site-blocks > *,
.wp-site-blocks > * + *{margin-block-start:0}
.scorpio-main > .wp-block-post-content > :first-child,
.scorpio-main .wp-block-post-content > .alignfull{margin-block-start:0!important;margin-block-end:0}
[id]{scroll-margin-top:calc(var(--sc-header-space) + 16px)}

/* Ikone (maska u boji teksta) */
.sc-ic::before{content:"";flex:none;display:inline-block;width:22px;height:22px;background:currentColor;-webkit-mask:var(--sc-i) center/contain no-repeat;mask:var(--sc-i) center/contain no-repeat}
.sc-ic-phone{--sc-i:var(--sc-i-phone)}
.sc-ic-mail{--sc-i:var(--sc-i-mail)}
.sc-ic-building{--sc-i:var(--sc-i-building)}
.sc-ic-tools{--sc-i:var(--sc-i-tools)}
.sc-ic-sliders{--sc-i:var(--sc-i-sliders)}
.sc-ic-clipboard{--sc-i:var(--sc-i-clipboard)}
.sc-ic-shield{--sc-i:var(--sc-i-shield)}

/* Pojavljivanje pri skrolanju (samo ako radi JS) */
.sc-js .sc-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--sc-ease),transform .7s var(--sc-ease)}
.sc-js .sc-reveal.is-visible{opacity:1;transform:none}

/* =========================================================
   2. Zaglavlje
   ========================================================= */
.scorpio-header{position:fixed;top:var(--sc-header-top);left:0;right:0;z-index:9999;padding:0 18px;pointer-events:none;transition:top .25s var(--sc-ease)}
.admin-bar .scorpio-header{top:calc(var(--sc-header-top) + 32px)}
.scorpio-header-inner{min-height:var(--sc-header-h);padding:8px 10px 8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:var(--sc-radius);background:rgba(4,17,26,.72);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);box-shadow:0 14px 40px rgba(0,0,0,.25);pointer-events:auto;transition:background .25s,box-shadow .25s,min-height .25s}
.scorpio-header.is-scrolled .scorpio-header-inner{background:rgba(4,17,26,.94);box-shadow:0 12px 34px rgba(0,0,0,.4)}
.scorpio-header .wp-block-site-logo{line-height:0}
.scorpio-header .wp-block-site-logo img{max-height:54px;width:auto;height:auto}

.scorpio-main-nav .wp-block-navigation-item__content{position:relative;font-size:.92rem;font-weight:650;letter-spacing:.005em;text-decoration:none!important;color:#fff;padding:10px 10px}
.scorpio-main-nav .wp-block-navigation-item:not(.scorpio-contact-nav) > .wp-block-navigation-item__content::after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;background:var(--sc-lime);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--sc-ease)}
.scorpio-main-nav .wp-block-navigation-item__content:hover::after{transform:scaleX(1)}
.scorpio-main-nav .wp-block-navigation-item__content:hover{color:#fff}
.scorpio-main-nav .scorpio-contact-nav > .wp-block-navigation-item__content{margin-left:8px;padding:12px 20px;background:var(--sc-lime);color:var(--sc-ink);border-radius:10px;font-weight:800;transition:background .2s,transform .2s}
.scorpio-main-nav .scorpio-contact-nav > .wp-block-navigation-item__content:hover{background:var(--sc-lime-hover);color:var(--sc-ink);transform:translateY(-1px)}

@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;background:transparent!important}
}
@media (max-width:900px){
  :root{--sc-header-top:8px;--sc-header-h:62px}
  .scorpio-header{padding:0 10px}
  .scorpio-header-inner{padding:6px 6px 6px 8px;border-radius:12px}
  .scorpio-header .wp-block-site-logo img{max-height:48px}

  .scorpio-main-nav .wp-block-navigation__responsive-container-open{display:flex!important;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;color:var(--sc-ink)!important;background:var(--sc-lime)!important;border:0;cursor:pointer}
  .scorpio-main-nav .wp-block-navigation__responsive-container-open svg,
  .scorpio-main-nav .wp-block-navigation__responsive-container-close svg{fill:currentColor;width:28px;height:28px}
  .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;inset:0 0 0 auto!important;width:min(88vw,400px)!important;height:100dvh!important;background:var(--sc-ink)!important;color:#fff!important;padding:24px!important;z-index:100000!important;overflow:auto!important;box-shadow:-30px 0 80px rgba(0,0,0,.55);border-left:1px solid var(--sc-line);animation:scorpioMenuIn .25s var(--sc-ease)}
  .scorpio-main-nav .wp-block-navigation__responsive-dialog{width:100%}
  .scorpio-main-nav .wp-block-navigation__responsive-container-close{display:flex!important;position:absolute!important;top:18px!important;right:18px!important;width:46px;height:46px;border-radius:10px;border:1px solid var(--sc-line);align-items:center;justify-content:center;color:#fff!important;cursor:pointer}
  .scorpio-main-nav .wp-block-navigation__responsive-container-content{padding-top:76px!important;align-items:stretch!important}
  .scorpio-main-nav .is-menu-open .wp-block-navigation__container{align-items:stretch!important;width:100%!important;gap:0!important}
  .scorpio-main-nav .is-menu-open .wp-block-navigation-item{width:100%!important}
  .scorpio-main-nav .is-menu-open .wp-block-navigation-item__content{font-size:1.4rem!important;font-weight:750;letter-spacing:-.01em;padding:16px 0!important;width:100%;color:#fff!important;border-bottom:1px solid var(--sc-line)}
  .scorpio-main-nav .is-menu-open .wp-block-navigation-item__content::after{display:none}
  .scorpio-main-nav .is-menu-open .scorpio-contact-nav > .wp-block-navigation-item__content{margin:26px 0 0!important;padding:16px!important;justify-content:center;text-align:center;background:var(--sc-lime)!important;color:var(--sc-ink)!important;border:0;font-size:1.1rem!important}
}
@media (max-width:782px){.admin-bar .scorpio-header{top:calc(var(--sc-header-top) + 46px)}}
@media (max-width:600px){.admin-bar .scorpio-header{top:var(--sc-header-top)}}
@keyframes scorpioMenuIn{from{transform:translateX(100%)}to{transform:translateX(0)}}

/* =========================================================
   3. Gumbi
   ========================================================= */
.wp-block-button__link{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:10px;text-decoration:none;letter-spacing:.03em;transition:background-color .2s,border-color .2s,color .2s,transform .2s var(--sc-ease),box-shadow .2s}
.wp-block-button__link:hover{transform:translateY(-2px)}
.wp-block-button__link.has-lime-background-color{box-shadow:0 12px 30px color-mix(in srgb,var(--sc-lime) 22%,transparent)}
.wp-block-button__link.has-lime-background-color:hover{background-color:var(--sc-lime-hover)!important;box-shadow:0 16px 36px color-mix(in srgb,var(--sc-lime) 32%,transparent)}
.wp-block-button__link.has-lime-background-color::after{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--sc-i-arrow) center/contain no-repeat;mask:var(--sc-i-arrow) center/contain no-repeat;transition:transform .2s var(--sc-ease)}
.wp-block-button__link.has-lime-background-color:hover::after{transform:translateX(3px)}
.wp-block-button.is-style-outline > .wp-block-button__link{border:1.5px solid rgba(255,255,255,.55)!important;color:#fff!important;background:rgba(4,17,26,.28)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.wp-block-button.is-style-outline > .wp-block-button__link:hover{border-color:var(--sc-lime)!important;color:var(--sc-lime)!important}

/* =========================================================
   4. Hero
   Slika i jačina prijelaza: izbornik "SCORPIO slike".
   ========================================================= */
.scorpio-hero{
  --sc-hero-shade:.45;
  min-height:max(700px,min(100svh,940px))!important;
  padding:calc(var(--sc-header-space) + 48px) 24px 0!important;
  align-items:stretch!important;
  background-color:#0a2536;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;
  overflow:hidden;
}
.scorpio-hero .wp-block-cover__background{
  opacity:1!important;
  background:
    linear-gradient(90deg,rgba(4,17,26,calc(var(--sc-hero-shade) * 1.9)) 0%,rgba(4,17,26,calc(var(--sc-hero-shade) * 1.2)) 38%,rgba(4,17,26,0) 72%),
    linear-gradient(0deg,rgba(4,17,26,calc(var(--sc-hero-shade) * 2)) 0%,rgba(4,17,26,0) 34%)!important;
}
.scorpio-hero .wp-block-cover__gradient-background{opacity:0!important}
.scorpio-hero .wp-block-cover__inner-container{width:100%;display:flex;flex-direction:column}
.scorpio-hero-copy{width:100%;margin-block:auto!important;padding:24px 0 56px;overflow:visible}
.scorpio-hero-eyebrow{display:inline-flex!important;align-items:center;gap:10px;width:auto!important;margin:0 0 26px!important;padding:8px 15px 8px 12px;border:1px solid color-mix(in srgb,var(--sc-lime) 45%,transparent);border-radius:999px;background:rgba(4,17,26,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e8f4d4;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.scorpio-hero-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sc-lime);box-shadow:0 0 0 4px color-mix(in srgb,var(--sc-lime) 22%,transparent)}
.scorpio-hero h1{
  max-width:860px;
  font-size:clamp(2.5rem,4.7vw,4.75rem);
  font-weight:850;
  line-height:1.04;
  letter-spacing:-.022em;
  margin:0 0 26px;
  padding-top:.1em; /* č, ć, š, ž se ne režu */
  text-shadow:0 2px 30px rgba(0,10,18,.35);
}
.scorpio-hero h1 mark{background:none!important;color:var(--sc-lime)}
/* stari naslov (v26–v54) imao je zelenu crticu ispod */
.scorpio-hero h1::after{content:"";display:block;width:72px;height:4px;background:var(--sc-lime);border-radius:2px;margin-top:28px}
.scorpio-hero-copy:has(.scorpio-hero-eyebrow) h1::after{display:none}
.scorpio-lead{max-width:600px;font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.6;color:#e6eef2;margin:0}
.scorpio-hero p{text-shadow:0 1px 14px rgba(0,10,18,.45)}
.scorpio-hero-buttons{margin-top:36px!important;gap:12px}
.scorpio-hero .wp-block-button__link{text-shadow:none}

.scorpio-hero-strip{width:100%;display:grid!important;grid-template-columns:repeat(3,1fr);gap:0!important;margin-top:0!important;margin-bottom:0!important;border:1px solid rgba(255,255,255,.12);border-bottom:0;border-radius:var(--sc-radius) var(--sc-radius) 0 0;background:rgba(4,17,26,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.scorpio-hero-strip > p{position:relative;display:block!important;margin:0!important;padding:22px 24px 22px 88px;min-height:88px;font-weight:700;font-size:1rem;line-height:1.35;color:#fff;text-shadow:none}
.scorpio-hero-strip > p + p{border-left:1px solid rgba(255,255,255,.10)}
.scorpio-hero-strip > p::before{position:absolute;left:26px;top:50%;width:46px;height:46px;margin-top:-23px;border-radius:12px;background:var(--sc-lime);-webkit-mask:none;mask:none}
.scorpio-hero-strip > p::after{content:"";position:absolute;left:38px;top:50%;width:22px;height:22px;margin-top:-11px;background:var(--sc-ink);-webkit-mask:var(--sc-i) center/contain no-repeat;mask:var(--sc-i) center/contain no-repeat}
.scorpio-hero-strip > p > span{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sc-text-soft)}
.scorpio-hero-strip a{text-decoration:none}
.scorpio-hero-strip a:hover{color:var(--sc-lime)}

@media (max-width:900px){
  .scorpio-hero{min-height:auto!important;padding:calc(var(--sc-header-space) + 40px) 18px 0!important}
  .scorpio-hero .wp-block-cover__background{
    background:linear-gradient(180deg,rgba(4,17,26,calc(var(--sc-hero-shade) * .6)) 0%,rgba(4,17,26,calc(var(--sc-hero-shade) * 1.1)) 45%,rgba(4,17,26,calc(var(--sc-hero-shade) * 2)) 100%)!important;
  }
  .scorpio-hero-copy{padding:8px 0 40px}
  .scorpio-hero-eyebrow{font-size:.66rem;letter-spacing:.13em;margin-bottom:20px!important}
  .scorpio-hero h1{font-size:clamp(1.9rem,8.2vw,3rem);line-height:1.08;margin-bottom:18px;letter-spacing:-.015em}
  .scorpio-hero h1::after{margin-top:20px}
  .scorpio-lead{font-size:1.02rem;line-height:1.55}
  .scorpio-hero-buttons{display:grid!important;grid-template-columns:1fr 1fr;width:100%;max-width:520px;margin-top:26px!important}
  .scorpio-hero-buttons .wp-block-button,.scorpio-hero-buttons .wp-block-button__link{width:100%}
  .scorpio-hero-buttons .wp-block-button__link{padding:12px 14px;font-size:.86rem}
  .scorpio-hero-strip{grid-template-columns:1fr;margin-inline:-18px!important;width:auto!important;max-width:none!important;border-radius:0;border-inline:0}
  .scorpio-hero-strip > p{padding:14px 18px 14px 76px;min-height:72px}
  .scorpio-hero-strip > p::before{left:18px;width:42px;height:42px;margin-top:-21px}
  .scorpio-hero-strip > p::after{left:28px}
  .scorpio-hero-strip > p + p{border-left:0;border-top:1px solid rgba(255,255,255,.08)}
  .scorpio-hero-strip > p.sc-ic-building{display:none!important}
}
@media (max-width:520px){
  .scorpio-hero-buttons{grid-template-columns:1fr}
  .scorpio-hero-buttons .wp-block-button__link{font-size:.92rem}
}

/* =========================================================
   5. Sekcije — zajedničko
   ========================================================= */
.scorpio-section{position:relative;padding:var(--sc-section-y) 24px}
.scorpio-section > .alignwide{margin-left:auto!important;margin-right:auto!important}
.scorpio-section > .alignwide > .wp-block-columns{max-width:none!important;width:100%}
.scorpio-intro,.scorpio-visuals{background:var(--sc-navy)}
.scorpio-process{background:linear-gradient(180deg,var(--sc-navy) 0%,#06192a 100%)}
.scorpio-why{background:var(--sc-ink)}
.scorpio-services,.scorpio-faq{background:var(--sc-paper);color:var(--sc-text-dark)}
.scorpio-services h2,.scorpio-services > .alignwide > h3,.scorpio-faq h2,.scorpio-faq h3{color:var(--sc-navy)}

.scorpio-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--sc-lime);font-size:.76rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase}
.scorpio-eyebrow::before{content:"";width:28px;height:2px;background:currentColor;border-radius:2px}
.scorpio-faq .scorpio-eyebrow,.scorpio-services .scorpio-eyebrow{color:var(--sc-lime-dark)}
.scorpio-section h2{max-width:820px;font-size:clamp(2.1rem,3.7vw,3.5rem);font-weight:850;line-height:1.06;letter-spacing:-.03em;margin:0 0 26px}
.scorpio-section h3{line-height:1.2}
.scorpio-section p{line-height:1.7}
.scorpio-section-lead{max-width:820px;font-size:clamp(1.05rem,1.45vw,1.2rem);color:var(--sc-text-soft)}
.scorpio-number{color:var(--sc-lime);font-weight:900;letter-spacing:.08em;margin:0;font-variant-numeric:tabular-nums}

/* Dva stupca: naslov lijevo, tekst desno */
.scorpio-split{gap:clamp(32px,6vw,96px)!important;margin:0!important}
.scorpio-split > .wp-block-column > :last-child{margin-bottom:0}
.scorpio-intro .scorpio-split h2{margin-bottom:0;font-size:clamp(2rem,3.2vw,3rem)}
.scorpio-intro .scorpio-split .scorpio-section-lead{margin-top:0}
.scorpio-checklist{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.scorpio-checklist li{display:flex;gap:12px;align-items:flex-start;color:#e6eef2;font-weight:600}
.scorpio-checklist li{position:relative}
.scorpio-checklist li::before{content:"";flex:none;width:24px;height:24px;margin-top:1px;border-radius:50%;background:color-mix(in srgb,var(--sc-lime) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc-lime) 45%,transparent)}
.scorpio-checklist li::after{content:"";position:absolute;left:5px;top:6px;width:14px;height:14px;background:var(--sc-lime);-webkit-mask:var(--sc-i-check) center/contain no-repeat;mask:var(--sc-i-check) center/contain no-repeat}

@media (max-width:900px){
  .scorpio-section{padding:72px 18px}
  .scorpio-section h2{font-size:clamp(1.95rem,8vw,2.7rem)}
}

/* =========================================================
   6. Naše usluge
   ========================================================= */
.scorpio-section-head{align-items:flex-end!important;gap:32px!important;margin:0 0 40px!important}
.scorpio-section-head h2{margin-bottom:0}
.scorpio-section-head > .wp-block-column:last-child p{max-width:440px;margin:0 0 6px auto;color:var(--sc-text-dark-soft);font-size:1.06rem}

.scorpio-service-grid{gap:24px;margin-top:24px;margin-bottom:0}
.scorpio-section-head + .scorpio-service-grid{margin-top:0}
.scorpio-service-grid > .wp-block-column{display:flex}
.scorpio-service-item{width:100%;padding:28px 0;border-top:1px solid rgba(7,28,44,.18)}
.scorpio-service-item h3{font-size:clamp(1.25rem,2vw,1.6rem);margin:8px 0 10px}

.scorpio-service-item[class*="sc-service-"]{
  position:relative;
  display:flex;flex-direction:column;
  padding:0 0 28px!important;
  overflow:hidden;
  color:#eef7f8;
  background:linear-gradient(180deg,#0a2b3f 0%,#061c2a 100%);
  border:1px solid rgba(7,28,44,.08);
  border-radius:16px;
  box-shadow:0 1px 2px rgba(7,28,44,.06),0 18px 44px rgba(7,28,44,.14);
  transition:transform .3s var(--sc-ease),box-shadow .3s var(--sc-ease);
}
.scorpio-service-item[class*="sc-service-"]:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(7,28,44,.08),0 28px 60px rgba(7,28,44,.22)}
.scorpio-service-item[class*="sc-service-"] > *{margin-block-start:0!important}
.sc-service-image{
  display:block;width:100%;
  height:auto!important;
  aspect-ratio:16/9;min-height:220px;
  margin:0 0 26px!important;
  background-color:#0b3147;background-position:center;background-size:cover;background-repeat:no-repeat;
  transition:filter .4s var(--sc-ease);
}
.scorpio-service-item[class*="sc-service-"]:hover .sc-service-image{filter:brightness(1.08) saturate(1.05)}
.scorpio-service-item[class*="sc-service-"] > p,
.scorpio-service-item[class*="sc-service-"] > h3{margin-left:28px!important;margin-right:28px!important}
.scorpio-service-item[class*="sc-service-"] .scorpio-number{position:absolute;top:18px;left:18px;margin:0!important;padding:7px 11px;border-radius:8px;background:var(--sc-lime);color:var(--sc-ink);font-size:.8rem;line-height:1;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.scorpio-service-item[class*="sc-service-"] h3{margin-top:0;margin-bottom:10px!important;font-size:clamp(1.25rem,1.8vw,1.55rem);line-height:1.18;color:#fff}
.scorpio-service-item[class*="sc-service-"] > p:not(.scorpio-number){color:var(--sc-text-card);margin-bottom:0}
.scorpio-service-item[class*="sc-service-"] a{color:var(--sc-lime)}
.scorpio-card-link{margin-top:auto!important;padding-top:22px}
.scorpio-card-link a{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.92rem;text-decoration:none;letter-spacing:.02em}
.scorpio-card-link a::after{content:"";width:17px;height:17px;background:currentColor;-webkit-mask:var(--sc-i-arrow) center/contain no-repeat;mask:var(--sc-i-arrow) center/contain no-repeat;transition:transform .2s var(--sc-ease)}
.scorpio-card-link a:hover::after{transform:translateX(4px)}

@media (max-width:900px){
  .scorpio-section-head{margin-bottom:28px!important;gap:12px!important}
  .scorpio-section-head > .wp-block-column:last-child p{margin:0}
  .sc-service-image{min-height:200px}
}

/* Stari "vizuali" (ako su još na stranici iz starijih verzija) */
.scorpio-visual-grid{gap:22px}
.scorpio-visual-slot{min-height:clamp(330px,30vw,430px)!important;border-radius:12px;border:1px solid rgba(143,234,255,.14);overflow:hidden;box-shadow:0 18px 48px rgba(0,15,24,.24);background-color:var(--sc-navy2)}
.scorpio-visual-slot .wp-block-cover__background{opacity:0!important}
.scorpio-visual-slot .wp-block-cover__inner-container{align-self:flex-end;padding:22px}
.scorpio-visual-slot h3{margin:0;font-size:1.35rem;line-height:1.12;text-shadow:0 3px 18px rgba(0,0,0,.55)}

/* =========================================================
   7. Zašto Scorpio
   ========================================================= */
.scorpio-why::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 360px at 90% 0%,color-mix(in srgb,var(--sc-lime) 8%,transparent),transparent 70%);pointer-events:none}
.scorpio-why > *{position:relative}
.scorpio-benefits{gap:20px!important;margin-top:40px;margin-bottom:0}
.scorpio-benefits + .scorpio-benefits{margin-top:20px}
.scorpio-benefits > .wp-block-column{position:relative;padding:30px 26px 28px;border:1px solid var(--sc-line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));transition:border-color .3s,transform .3s var(--sc-ease),background .3s}
.scorpio-benefits > .wp-block-column:hover{border-color:color-mix(in srgb,var(--sc-lime) 45%,transparent);transform:translateY(-3px);background:linear-gradient(180deg,color-mix(in srgb,var(--sc-lime) 8%,transparent),rgba(255,255,255,.015))}
.scorpio-benefits > .wp-block-column > *{margin-block-start:0}
.scorpio-benefits > .wp-block-column.sc-ic{padding-top:100px}
.scorpio-benefits > .wp-block-column.sc-ic::before{position:absolute;top:30px;left:26px;width:26px;height:26px;background:var(--sc-lime);z-index:1}
.scorpio-benefits > .wp-block-column.sc-ic::after{content:"";position:absolute;top:17px;left:13px;width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--sc-lime) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc-lime) 30%,transparent)}
.scorpio-benefits h3{font-size:1.15rem;color:#fff;letter-spacing:-.005em;margin:0 0 10px}
.scorpio-benefits p{color:var(--sc-text-soft);margin:0;font-size:.98rem}
@media (max-width:1100px) and (min-width:782px){
  .scorpio-benefits--cards{display:grid!important;grid-template-columns:1fr 1fr}
}

/* =========================================================
   8. Kako radimo — vremenska crta
   ========================================================= */
.scorpio-process-grid{gap:0!important;margin-top:48px;margin-bottom:0}
.scorpio-process-grid > .wp-block-column{position:relative;padding:0 22px 0 0;border:0}
.scorpio-process-grid > .wp-block-column > *{margin-block-start:0}
.scorpio-process-grid > .wp-block-column::before{content:"";position:absolute;top:27px;left:64px;right:10px;height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--sc-lime) 70%,transparent),color-mix(in srgb,var(--sc-lime) 12%,transparent))}
.scorpio-process-grid > .wp-block-column:last-child::before{display:none}
.scorpio-process-grid .scorpio-number{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:2px solid var(--sc-lime);background:var(--sc-ink);color:var(--sc-lime);font-size:1rem;box-shadow:0 0 0 6px color-mix(in srgb,var(--sc-lime) 8%,transparent)}
.scorpio-process-grid > .wp-block-column:hover .scorpio-number{background:var(--sc-lime);color:var(--sc-ink)}
.scorpio-process-grid h3{font-size:1.1rem;margin:22px 0 8px;letter-spacing:-.005em}
.scorpio-process-grid p:last-child{color:var(--sc-text-soft);font-size:.95rem;margin-bottom:0}
@media (max-width:900px){
  .scorpio-process-grid{display:grid!important;grid-template-columns:1fr;gap:0!important;margin-top:32px}
  .scorpio-process-grid > .wp-block-column{display:grid;grid-template-columns:56px 1fr;column-gap:20px;padding:0 0 30px}
  .scorpio-process-grid > .wp-block-column .scorpio-number{grid-row:1 / span 2}
  .scorpio-process-grid h3{margin:4px 0 4px}
  .scorpio-process-grid > .wp-block-column::before{top:60px;bottom:4px;left:27px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--sc-lime) 70%,transparent),color-mix(in srgb,var(--sc-lime) 12%,transparent))}
}

/* =========================================================
   9. Česta pitanja
   ========================================================= */
.scorpio-faq-intro{position:sticky;top:calc(var(--sc-header-space) + 32px);align-self:flex-start}
.scorpio-faq-intro p:not(.scorpio-eyebrow){color:var(--sc-text-dark-soft);font-size:1.06rem;max-width:360px}
.scorpio-faq .wp-block-details{margin:0 0 12px!important;padding:0;border:1px solid rgba(7,28,44,.08);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(7,28,44,.04);transition:box-shadow .25s,border-color .25s}
.scorpio-faq .wp-block-details:hover{border-color:rgba(7,28,44,.16)}
.scorpio-faq .wp-block-details[open]{box-shadow:0 14px 34px rgba(7,28,44,.10);border-color:rgba(79,122,12,.35)}
.scorpio-faq summary{position:relative;list-style:none;cursor:pointer;padding:22px 64px 22px 24px;font-weight:750;font-size:1.05rem;line-height:1.4;color:var(--sc-navy)}
.scorpio-faq summary::-webkit-details-marker{display:none}
.scorpio-faq summary::before,
.scorpio-faq summary::after{content:"";position:absolute;right:26px;top:50%;width:14px;height:2px;margin-top:-1px;background:var(--sc-lime-dark);border-radius:2px;transition:transform .25s var(--sc-ease)}
.scorpio-faq summary::after{transform:rotate(90deg)}
.scorpio-faq details[open] summary::after{transform:rotate(0)}
.scorpio-faq details > :not(summary){margin:0!important;padding:0 24px 22px;color:var(--sc-text-dark-soft)}
/* stari FAQ raspored (jedan stupac) */
.scorpio-faq > .alignwide > .wp-block-details{max-width:820px}
@media (max-width:900px){
  .scorpio-faq-intro{position:static}
  .scorpio-faq summary{padding:18px 56px 18px 18px;font-size:1rem}
  .scorpio-faq details > :not(summary){padding:0 18px 18px}
}

/* =========================================================
   10. Kontakt
   ========================================================= */
.scorpio-final-cta{background:var(--sc-ink)}
.scorpio-cta-card{position:relative;overflow:hidden;gap:clamp(28px,5vw,72px)!important;margin:0!important;padding:clamp(34px,5vw,64px)!important;border:1px solid color-mix(in srgb,var(--sc-lime) 28%,transparent);border-radius:22px;background:radial-gradient(600px 300px at 100% 0%,color-mix(in srgb,var(--sc-lime) 16%,transparent),transparent 70%),linear-gradient(135deg,var(--sc-navy2) 0%,var(--sc-navy) 60%)}
.scorpio-cta-card h2{margin-bottom:16px}
.scorpio-cta-card .scorpio-section-lead{margin:0}
.scorpio-cta-contacts{display:flex;flex-direction:column;justify-content:center;gap:14px}
.scorpio-cta-contacts > *{margin:0!important}
.scorpio-contact-line{position:relative;display:block!important;padding:16px 18px 16px 84px;min-height:80px;border:1px solid var(--sc-line);border-radius:12px;background:rgba(4,17,26,.35);font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:800;line-height:1.3}
.scorpio-contact-line::before{position:absolute;left:16px;top:50%;width:50px;height:50px;margin-top:-25px;border-radius:12px;-webkit-mask:none;mask:none;background:color-mix(in srgb,var(--sc-lime) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc-lime) 35%,transparent)}
.scorpio-contact-line::after{content:"";position:absolute;left:30px;top:50%;width:22px;height:22px;margin-top:-11px;background:var(--sc-lime);-webkit-mask:var(--sc-i) center/contain no-repeat;mask:var(--sc-i) center/contain no-repeat}
.scorpio-contact-line > span{display:block;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sc-text-soft)}
.scorpio-contact-line a{text-decoration:none;overflow-wrap:normal;word-break:normal}
.scorpio-contact-line a:hover{color:var(--sc-lime)}
.scorpio-cta-buttons{margin-top:8px!important;gap:12px}
/* stari kontakt (v26–v54) */
.scorpio-final-cta > .alignwide:not(.scorpio-cta-card){padding:0}
.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}
@media (max-width:900px){
  .scorpio-cta-card{border-radius:16px}
  .scorpio-cta-card{padding:30px 18px!important}
  .scorpio-contact-line{font-size:.98rem;padding:14px 12px 14px 74px}
  .scorpio-contact-line::before{left:12px}
  .scorpio-contact-line::after{left:26px}
  .scorpio-cta-buttons{display:grid!important;grid-template-columns:1fr}
  .scorpio-cta-buttons .wp-block-button,.scorpio-cta-buttons .wp-block-button__link{width:100%}
}

/* =========================================================
   11. Podnožje
   ========================================================= */
.scorpio-footer{position:relative;padding:72px 24px 28px;background:#020b11;border-top:1px solid rgba(255,255,255,.06)}
.scorpio-footer::before{content:"";position:absolute;top:-1px;left:50%;width:min(1180px,calc(100% - 48px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--sc-lime) 60%,transparent),transparent)}
.scorpio-footer-grid{gap:40px!important;margin-bottom:0}
.scorpio-footer h3{font-size:1.6rem;margin-top:0;letter-spacing:.02em}
.scorpio-footer h4{color:#fff;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;margin:6px 0 18px}
.scorpio-footer p,.scorpio-footer li{color:#9fb0b9;font-size:.95rem;line-height:1.7}
.scorpio-footer a{text-decoration:none;transition:color .2s;overflow-wrap:normal}
.scorpio-footer a:hover{color:var(--sc-lime)}
.scorpio-footer-links{list-style:none;padding-left:0;margin:0}
.scorpio-footer-links li{margin:0 0 8px}
.scorpio-footer-brand .wp-block-site-logo{display:inline-block;line-height:0;margin-bottom:18px}
.scorpio-footer-brand .wp-block-site-logo img{max-height:52px;width:auto}
.scorpio-footer hr{border-color:rgba(255,255,255,.12);margin-top:38px}
.scorpio-footer-bottom{margin-top:48px!important;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);gap:10px 24px;font-size:.85rem}
.scorpio-footer-bottom p{margin:0;font-size:.85rem!important}
.scorpio-footer .scorpio-privacy-link a{color:#b9cbd3}
.scorpio-footer > .scorpio-privacy-link{margin:10px auto 0;text-align:center;font-size:.86rem}
@media (max-width:781px){
  .scorpio-footer{padding:56px 20px 110px}
  .scorpio-footer-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:28px!important}
  .scorpio-footer-grid > .scorpio-footer-brand,
  .scorpio-footer-grid > .wp-block-column:last-child{grid-column:1 / -1}
}
@media (max-width:700px){
  .scorpio-footer-bottom{flex-direction:column;align-items:center!important;text-align:center}
}

/* =========================================================
   12. Traka za poziv (mobitel)
   ========================================================= */
.scorpio-callbar{display:none}
@media (max-width:900px){
  .scorpio-callbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:9998;display:grid;grid-template-columns:1.4fr 1fr;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(4,17,26,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.45);transform:translateY(140%);transition:transform .35s var(--sc-ease)}
  .scorpio-callbar.is-visible{transform:none}
  .scorpio-callbar a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border-radius:10px;font-weight:800;font-size:.95rem;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.2)}
  .scorpio-callbar a.is-primary{background:var(--sc-lime);border-color:var(--sc-lime);color:var(--sc-ink)}
  .scorpio-callbar a::before{width:19px;height:19px}
  body:has(.is-menu-open) .scorpio-callbar{display:none}
}

/* =========================================================
   13. Obične stranice, objave, 404
   ========================================================= */
.scorpio-main--padded{padding:calc(var(--sc-header-space) + 64px) 24px 96px}
.scorpio-custom-layout .scorpio-main--padded{padding:0}
.scorpio-main--padded .scorpio-page-title{font-size:clamp(2.1rem,4.2vw,3.6rem);line-height:1.12;margin:0 0 32px;padding-top:.08em}
.scorpio-main--padded .wp-block-post-content{color:var(--sc-text-card)}
.scorpio-main--padded .wp-block-post-content a{color:var(--sc-lime)}
.scorpio-main--padded .wp-block-post-content h2{margin-top:2.2em}
.scorpio-main--padded .wp-block-post-content p{line-height:1.8}
.scorpio-main--padded .wp-block-post-date{color:var(--sc-lime);font-size:.8rem;font-weight:800;letter-spacing:.12em}
.scorpio-post-card{height:100%;padding:0 0 22px;background:#081f2e;border:1px solid rgba(143,234,255,.12);border-radius:14px;overflow:hidden}
.scorpio-post-card > :not(.wp-block-post-featured-image){margin-left:22px;margin-right:22px}
.scorpio-post-card .wp-block-post-title{font-size:1.35rem;line-height:1.2}
.scorpio-post-card .wp-block-post-title a{text-decoration:none}
.scorpio-post-card .wp-block-post-title a:hover{color:var(--sc-lime)}
.scorpio-post-card .wp-block-post-excerpt{color:var(--sc-text-soft);font-size:.95rem}
.scorpio-post-card .wp-block-post-featured-image{margin:0 0 18px}
.scorpio-main--padded .wp-block-post-navigation-link a{color:var(--sc-lime);text-decoration:none}
.scorpio-main--padded .wp-block-query-pagination a{color:var(--sc-lime)}
.scorpio-sep{border-color:rgba(255,255,255,.12)!important;margin:56px auto 24px}
.scorpio-404{min-height:70vh}
.scorpio-404-lead{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--sc-text-soft)}
.scorpio-404 .scorpio-eyebrow::before{display:none}
@media (max-width:700px){
  .scorpio-main--padded{padding:calc(var(--sc-header-space) + 40px) 22px 72px}
}

/* =========================================================
   14. Pravila privatnosti
   ========================================================= */
body .scorpio-legal{
  box-sizing:border-box;
  width:min(900px,calc(100% - 48px))!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:clamp(140px,12vw,190px) 0 clamp(90px,10vw,140px)!important;
  color:var(--sc-text-card);
  overflow-wrap:anywhere;
}
body .scorpio-legal > *{width:100%;max-width:780px!important;margin-left:auto!important;margin-right:auto!important}
body .scorpio-legal h1{color:#fff;font-size:clamp(2.25rem,4.2vw,3.8rem);line-height:1.1;letter-spacing:-.028em;margin-bottom:28px;padding-top:.08em}
body .scorpio-legal h2{color:#fff;font-size:clamp(1.35rem,2.1vw,1.75rem);line-height:1.2;margin-top:52px;margin-bottom:16px;padding-top:28px;border-top:1px solid var(--sc-line)}
body .scorpio-legal p{font-size:clamp(.98rem,1.2vw,1.06rem);line-height:1.85;margin-top:0;margin-bottom:20px}
body .scorpio-legal a{color:var(--sc-lime)}
@media (max-width:700px){
  body .scorpio-legal{width:100%!important;max-width:none!important;margin:0!important;padding:115px 22px 72px!important}
  body .scorpio-legal > *{max-width:none!important}
  body .scorpio-legal h1{font-size:clamp(1.85rem,8.4vw,2.5rem);line-height:1.14;margin-bottom:22px}
  body .scorpio-legal h2{font-size:1.3rem;line-height:1.25;margin-top:40px;margin-bottom:12px;padding-top:22px}
  body .scorpio-legal p{font-size:1rem;line-height:1.78;margin-bottom:18px}
}

/* =========================================================
   15. Pristupačnost
   ========================================================= */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .sc-js .sc-reveal{opacity:1;transform:none}
}

/* =========================================================
   16. v56 — originalni tekst u novom dizajnu
   ========================================================= */
/* Naše usluge: naslov iznad kartica */
.scorpio-services h2{margin-bottom:40px}
/* Kontakt: telefon i e-mail kao velike poveznice s ikonama */
.scorpio-cta-contacts .scorpio-contact-lines{display:grid;gap:12px;margin:0!important;font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.3}
.scorpio-cta-contacts .scorpio-contact-lines br{display:none}
.scorpio-cta-contacts .scorpio-contact-lines a{position:relative;display:flex;align-items:center;min-height:78px;padding:14px 18px 14px 84px;border:1px solid var(--sc-line);border-radius:12px;background:rgba(4,17,26,.35);text-decoration:none;overflow-wrap:normal;transition:border-color .2s,color .2s}
.scorpio-cta-contacts .scorpio-contact-lines a:hover{border-color:color-mix(in srgb,var(--sc-lime) 50%,transparent);color:var(--sc-lime)}
.scorpio-cta-contacts .scorpio-contact-lines a::before{content:"";position:absolute;left:16px;top:50%;width:50px;height:50px;margin-top:-25px;border-radius:12px;background:color-mix(in srgb,var(--sc-lime) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc-lime) 35%,transparent)}
.scorpio-cta-contacts .scorpio-contact-lines a::after{content:"";position:absolute;left:30px;top:50%;width:22px;height:22px;margin-top:-11px;background:var(--sc-lime);-webkit-mask:var(--sc-i-phone) center/contain no-repeat;mask:var(--sc-i-phone) center/contain no-repeat}
.scorpio-cta-contacts .scorpio-contact-lines a[href^="mailto"]::after{-webkit-mask-image:var(--sc-i-mail);mask-image:var(--sc-i-mail)}
.scorpio-cta-card > .wp-block-column:first-child{display:flex;flex-direction:column;justify-content:center}
/* Hero bez dodatne trake */
.scorpio-hero-copy:last-child{padding-bottom:72px}
/* Podnožje: dva stupca */
.scorpio-footer-contact a{color:#fff;font-weight:700}
.scorpio-footer-grid > .wp-block-column:last-child{flex:0 0 auto!important}
@media (max-width:900px){
  .scorpio-hero{min-height:min(100svh,760px)!important}
  .scorpio-hero-copy:last-child{padding-bottom:48px}
  .scorpio-cta-contacts .scorpio-contact-lines{font-size:1rem}
  .scorpio-cta-contacts .scorpio-contact-lines a{padding-left:74px;min-height:70px}
  .scorpio-cta-contacts .scorpio-contact-lines a::before{left:12px}
  .scorpio-cta-contacts .scorpio-contact-lines a::after{left:26px}
  .scorpio-callbar{grid-template-columns:1fr 1fr}
  .scorpio-callbar a{font-size:.8rem;letter-spacing:.02em}
}
@media (max-width:781px){
  .scorpio-footer-grid{grid-template-columns:1fr}
}
.scorpio-faq details a{color:var(--sc-lime-dark);font-weight:700;text-decoration:none}.scorpio-faq details a:hover{text-decoration:underline}

/* =========================================================
   17. Glatko skrolanje na slabijim mobitelima
   Zamućenje pozadine (blur) na mobitelu zna usporiti skrolanje,
   pa ga tamo zamjenjujemo punom bojom.
   ========================================================= */
@media (max-width:900px){
  .scorpio-header-inner,
  .scorpio-hero-strip,
  .scorpio-hero-eyebrow,
  .wp-block-button.is-style-outline > .wp-block-button__link{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .scorpio-header-inner{background:rgba(4,17,26,.95)}
}
/* Na dodirnim ekranima nema "hover" podizanja kartica (izbjegava trzanje pri dodiru) */
@media (hover:none){
  .scorpio-service-item[class*="sc-service-"]:hover,
  .scorpio-benefits > .wp-block-column:hover,
  .wp-block-button__link:hover{transform:none}
}

/* =========================================================
   18. Mobitel okrenut na bok (nizak ekran)
   ========================================================= */
@media (max-height:520px) and (orientation:landscape){
  :root{--sc-header-top:6px;--sc-header-h:54px}
  .scorpio-header .wp-block-site-logo img{max-height:40px}
  .scorpio-main-nav .wp-block-navigation__responsive-container-open{width:42px;height:42px}
  .scorpio-hero{min-height:auto!important;padding-top:calc(var(--sc-header-space) + 22px)!important}
  .scorpio-hero-copy,.scorpio-hero-copy:last-child{padding:0 0 30px!important}
  .scorpio-hero h1{font-size:clamp(1.5rem,4.2vw,2.3rem)!important;max-width:620px;margin-bottom:12px}
  .scorpio-hero h1::after{margin-top:14px}
  .scorpio-lead{font-size:.98rem}
  .scorpio-hero-buttons{grid-template-columns:1fr 1fr!important;margin-top:18px!important}
  .scorpio-hero-buttons .wp-block-button__link{min-height:46px}
  .scorpio-main-nav .wp-block-navigation__responsive-container-content{padding-top:56px!important}
  .scorpio-main-nav .is-menu-open .wp-block-navigation-item__content{font-size:1.1rem!important;padding:10px 0!important}
}

/* =========================================================
   19. Scorpio blokovi (Kontakt podaci, Društvene mreže, Radno vrijeme)
   ========================================================= */
.scorpio-contact-block.is-kartice{display:grid;gap:12px}
.scorpio-contact-block .sc-cb-item{color:#fff!important;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:78px;padding:14px 18px 14px 84px;border:1px solid var(--sc-line);border-radius:12px;background:rgba(4,17,26,.35);color:#fff;text-decoration:none;transition:border-color .2s}
.scorpio-contact-block a.sc-cb-item:hover{border-color:color-mix(in srgb,var(--sc-lime) 50%,transparent)}
.scorpio-contact-block a.sc-cb-item:hover .sc-cb-value{color:var(--sc-lime)}
.scorpio-contact-block .sc-cb-item::before{content:"";position:absolute;left:16px;top:50%;width:50px;height:50px;margin-top:-25px;border-radius:12px;background:color-mix(in srgb,var(--sc-lime) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc-lime) 35%,transparent)}
.scorpio-contact-block .sc-cb-item::after{content:"";position:absolute;left:30px;top:50%;width:22px;height:22px;margin-top:-11px;background:var(--sc-lime);-webkit-mask:var(--sc-i) center/contain no-repeat;mask:var(--sc-i) center/contain no-repeat}
.sc-cb-phone{--sc-i:var(--sc-i-phone)}
.sc-cb-mail{--sc-i:var(--sc-i-mail)}
.sc-cb-pin{--sc-i:var(--sc-i-pin)}
.sc-cb-clock{--sc-i:var(--sc-i-clipboard)}
.sc-cb-label{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sc-text-soft)}
.sc-cb-value{font-size:clamp(1rem,1.5vw,1.2rem);font-weight:800;line-height:1.35;transition:color .2s}
.scorpio-contact-block.is-popis{display:grid;gap:6px}
.scorpio-contact-block.is-popis .sc-cb-item{min-height:0;padding:0;border:0;background:none;flex-direction:row;gap:8px;align-items:baseline}
.scorpio-contact-block.is-popis .sc-cb-item::before,.scorpio-contact-block.is-popis .sc-cb-item::after{display:none}
.scorpio-contact-block.is-popis .sc-cb-label{min-width:110px}
.scorpio-faq .scorpio-contact-block .sc-cb-item,.scorpio-services .scorpio-contact-block .sc-cb-item,.is-style-scorpio-svijetla .scorpio-contact-block .sc-cb-item{color:var(--sc-text-dark)!important;background:#fff;border-color:rgba(7,28,44,.1)}

.scorpio-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.scorpio-social a{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;border:1px solid var(--sc-line);color:#fff;transition:background .2s,color .2s,border-color .2s}
.scorpio-social a:hover{background:var(--sc-lime);border-color:var(--sc-lime);color:var(--sc-ink)}

.scorpio-hours ul{list-style:none;margin:0;padding:0}
.scorpio-hours li{margin:0 0 4px}
.scorpio-hours-title{margin:18px 0 6px!important;font-size:.78rem!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff!important}
.scorpio-block-hint{padding:12px 14px;border:1px dashed currentColor;border-radius:8px;font-size:13px;opacity:.75}

/* WhatsApp gumb */
.scorpio-wa{position:fixed;right:18px;bottom:18px;z-index:9997;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.35);transition:transform .2s}
.scorpio-wa:hover{transform:scale(1.06)}
@media (max-width:900px){.scorpio-wa{right:14px;bottom:14px;width:54px;height:54px}.scorpio-wa.has-callbar{bottom:90px}}

/* =========================================================
   20. Stilovi blokova (desno u editoru → Stilovi)
   ========================================================= */
.is-style-scorpio-tamna{background:var(--sc-navy);color:#fff;padding:var(--sc-section-y) 24px}
.is-style-scorpio-svijetla{background:var(--sc-paper);color:var(--sc-text-dark);padding:var(--sc-section-y) 24px}
.is-style-scorpio-svijetla h1,.is-style-scorpio-svijetla h2,.is-style-scorpio-svijetla h3{color:var(--sc-navy)}
.is-style-scorpio-kartica{padding:30px 26px;border:1px solid var(--sc-line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
.scorpio-services .is-style-scorpio-kartica,.scorpio-faq .is-style-scorpio-kartica,.is-style-scorpio-svijetla .is-style-scorpio-kartica{background:#fff;border-color:rgba(7,28,44,.08);box-shadow:0 18px 44px rgba(7,28,44,.1)}
.is-style-scorpio-kartica > :first-child{margin-top:0}
.is-style-scorpio-kartica > :last-child{margin-bottom:0}
p.is-style-scorpio-nadnaslov{display:flex;align-items:center;gap:12px;color:var(--sc-lime);font-size:.76rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase}
p.is-style-scorpio-nadnaslov::before{content:"";width:28px;height:2px;background:currentColor}
p.is-style-scorpio-uvod{font-size:clamp(1.08rem,1.5vw,1.25rem);line-height:1.65;color:var(--sc-text-soft)}
.is-style-scorpio-crta::after{content:"";display:block;width:64px;height:4px;margin-top:18px;border-radius:2px;background:var(--sc-lime)}
ul.is-style-scorpio-kvacice,.scorpio-checklist{list-style:none;padding:0;display:grid;gap:12px}
ul.is-style-scorpio-kvacice li{position:relative;padding-left:36px;font-weight:600}
ul.is-style-scorpio-kvacice li::before{content:"";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--sc-lime) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc-lime) 45%,transparent)}
ul.is-style-scorpio-kvacice li::after{content:"";position:absolute;left:5px;top:6px;width:14px;height:14px;background:var(--sc-lime);-webkit-mask:var(--sc-i-check) center/contain no-repeat;mask:var(--sc-i-check) center/contain no-repeat}
.is-style-scorpio-zaobljena img{border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.is-style-scorpio-zaobljena img:not([src]),.is-style-scorpio-zaobljena img[src=""]{display:none}
details.is-style-scorpio-pitanje{margin:0 0 12px;padding:0;border:1px solid var(--sc-line);border-radius:12px;background:rgba(255,255,255,.03)}
details.is-style-scorpio-pitanje summary{cursor:pointer;padding:18px 22px;font-weight:750}
details.is-style-scorpio-pitanje > :not(summary){margin:0;padding:0 22px 18px}
.wp-block-quote.is-style-scorpio-izjava{height:100%;margin:0;padding:30px 28px 26px;border:1px solid var(--sc-line);border-left:0;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
.wp-block-quote.is-style-scorpio-izjava::before{content:"“";display:block;height:34px;font-size:4rem;line-height:1;font-weight:900;color:var(--sc-lime)}
.wp-block-quote.is-style-scorpio-izjava p{font-size:1.05rem;line-height:1.7;color:#e6eef2}
.wp-block-quote.is-style-scorpio-izjava cite{display:block;margin-top:16px;font-style:normal;font-weight:700;font-size:.9rem;color:var(--sc-text-soft)}
.scorpio-quotes{gap:20px!important;margin-top:40px}

/* =========================================================
   21. Dodatne sekcije iz uzoraka i predlošci stranica
   ========================================================= */
/* Kartica usluge sa slikom iz Medija */
.scorpio-card-img{display:flex;flex-direction:column;padding:0 0 26px!important;overflow:hidden;border:1px solid rgba(7,28,44,.08);border-radius:16px;background:linear-gradient(180deg,#0a2b3f 0%,#061c2a 100%);color:#eef7f8;box-shadow:0 18px 44px rgba(7,28,44,.14)}
.scorpio-card-img > *{margin-block-start:0!important}
.scorpio-card-img > .wp-block-image{margin:0 0 22px!important}
.scorpio-card-img > .wp-block-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.scorpio-card-img > h3,.scorpio-card-img > p{margin-left:26px!important;margin-right:26px!important}
.scorpio-card-img > h3{color:#fff;font-size:clamp(1.2rem,1.7vw,1.45rem);margin-bottom:8px!important}
.scorpio-card-img > p{color:var(--sc-text-card);margin-bottom:0}
/* Naslovna traka (nove stranice) */
.scorpio-page-hero{padding-top:calc(var(--sc-header-space) + 70px)!important;padding-bottom:64px!important;background:radial-gradient(700px 320px at 85% 0%,color-mix(in srgb,var(--sc-lime) 12%,transparent),transparent 70%),linear-gradient(135deg,var(--sc-navy2),var(--sc-navy) 65%)!important;border-bottom:1px solid var(--sc-line)}
.scorpio-page-hero h1,.scorpio-page-hero .wp-block-post-title{font-size:clamp(2.1rem,4.4vw,3.8rem);font-weight:850;line-height:1.08;letter-spacing:-.028em;margin:0;padding-top:.08em}
.scorpio-page-hero .scorpio-section-lead{margin:18px 0 0}
.scorpio-page-body{padding:64px 24px 96px;margin-block-start:0!important}
.scorpio-page-body .wp-block-post-content > .alignfull{margin-left:-24px!important;margin-right:-24px!important;max-width:none!important;width:auto}
.scorpio-page-body .wp-block-post-content > .alignfull:last-child{margin-bottom:-96px!important}
.scorpio-page-body .wp-block-post-content{color:var(--sc-text-card)}
.scorpio-page-body .wp-block-post-content > .alignfull:first-child{margin-top:-64px!important}
.scorpio-page-body .wp-block-post-content a:not(.wp-block-button__link){color:var(--sc-lime)}
.scorpio-main--full{padding-top:0}
body:not(.scorpio-custom-layout) .scorpio-main--full > .wp-block-post-content > :first-child:not(.alignfull){margin-top:calc(var(--sc-header-space) + 56px)!important}
/* Traka "poziv na akciju" */
.scorpio-cta-band{padding-top:56px!important;padding-bottom:56px!important;background:linear-gradient(120deg,var(--sc-navy2),var(--sc-navy));border-block:1px solid color-mix(in srgb,var(--sc-lime) 25%,transparent)}
.scorpio-cta-band h2{margin:0!important;font-size:clamp(1.6rem,2.6vw,2.4rem)!important}
/* Galerija */
.scorpio-gallery{margin-top:32px!important;gap:14px!important}
.scorpio-gallery .wp-block-image img{border-radius:12px}

/* =========================================================
   22. Podnožje — tri stupca: marka | kontakt | navigacija
   ========================================================= */
.scorpio-footer{padding:84px 24px 30px}
.scorpio-footer .scorpio-footer-grid{display:grid!important;grid-template-columns:1.25fr 1fr .8fr;gap:56px!important;margin:0 auto!important;align-items:start}
.scorpio-footer .scorpio-footer-grid > .wp-block-column{flex-basis:auto!important;width:auto;grid-column:auto!important;margin:0!important}
.scorpio-footer .scorpio-footer-grid > .wp-block-column > *{margin-block-start:0}
.scorpio-footer-brandrow{gap:14px!important}
.scorpio-footer-brandrow .wp-block-site-logo{margin:0!important;line-height:0}
.scorpio-footer-brandrow .wp-block-site-logo img{max-height:58px;width:auto;height:auto}
.scorpio-footer-brandrow h3{margin:0!important;font-size:1.7rem;letter-spacing:.03em}
.scorpio-footer .scorpio-footer-company{margin:18px 0 0!important;color:#9fb0b9;font-size:.95rem}
.scorpio-footer .scorpio-social{margin-top:24px!important}
.scorpio-footer h4{position:relative;margin:4px 0 26px!important;padding-bottom:14px;color:#fff;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}
.scorpio-footer h4::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;border-radius:2px;background:var(--sc-lime)}
.scorpio-footer-line{position:relative;margin:0 0 14px!important;padding-left:32px;color:#c4d1d7!important;font-size:.98rem!important;line-height:1.55!important}
.scorpio-footer-line::before{content:"";position:absolute;left:0;top:2px;width:19px;height:19px;background:var(--sc-lime);-webkit-mask:var(--sc-i-pin) center/contain no-repeat;mask:var(--sc-i-pin) center/contain no-repeat}
.scorpio-footer-line.is-phone::before{-webkit-mask-image:var(--sc-i-phone);mask-image:var(--sc-i-phone);width:17px;height:17px;top:3px;left:1px}
.scorpio-footer-line.is-mail::before{-webkit-mask-image:var(--sc-i-mail);mask-image:var(--sc-i-mail)}
.scorpio-footer-line a{color:#fff;font-weight:700;text-decoration:none}
.scorpio-footer-line a:hover{color:var(--sc-lime)}
.scorpio-footer .scorpio-footer-hours{margin-top:22px!important;padding-top:18px;border-top:1px solid var(--sc-line)}
.scorpio-footer .scorpio-footer-hours .scorpio-hours-title{margin-top:0!important}
.scorpio-footer .scorpio-footer-links{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.scorpio-footer .scorpio-footer-links li{margin:0;font-size:.98rem}
.scorpio-footer .scorpio-footer-links a{color:#c4d1d7;transition:color .2s,padding-left .2s}
.scorpio-footer .scorpio-footer-links a:hover{color:var(--sc-lime);padding-left:4px}
.scorpio-footer .scorpio-footer-bottom{margin-top:64px!important;padding-top:24px}
@media (max-width:1000px) and (min-width:782px){
  .scorpio-footer .scorpio-footer-grid{grid-template-columns:1fr 1fr;gap:44px!important}
  .scorpio-footer .scorpio-footer-grid > .scorpio-footer-brand{grid-column:1 / -1!important}
}
@media (max-width:781px){
  .scorpio-footer{padding:60px 22px 30px}
  .scorpio-footer .scorpio-footer-grid{grid-template-columns:1fr;gap:40px!important}
  .scorpio-footer .scorpio-footer-links{grid-template-columns:1fr 1fr;column-gap:24px}
  .scorpio-footer .scorpio-footer-bottom{margin-top:44px!important}
}