/* ============================================================
   Kobra.team — Tema "Svetla vitrina"
   Svetla, foto-vodena, zaupanja-vredna varianta. Rdeča je redek
   poudarek, ne dominantna barva. Naložena ZA style.css, cilja
   iste razrede, brez spremembe DOM strukture.
   ============================================================ */

[data-theme="svetla-vitrina"] {
  --shadow-sm: 0 2px 14px rgba(20,17,15,0.06);
  --shadow-md: 0 12px 40px rgba(20,17,15,0.10);
}

/* ---- HEADER — vedno svetel, tudi na "dark" straneh ---- */
[data-theme="svetla-vitrina"] .site-header,
[data-theme="svetla-vitrina"] .site-header--dark {
  background: rgba(255,255,255,0.96);
  border-color: var(--kb-platno-3);
}
[data-theme="svetla-vitrina"] .site-header--dark .site-header__logo-img--dark-text { display: block; }
[data-theme="svetla-vitrina"] .site-header--dark .site-header__logo-img--light-text { display: none; }
[data-theme="svetla-vitrina"] .site-header--dark .site-nav__link { color: var(--fg2); }
[data-theme="svetla-vitrina"] .site-header--dark .site-nav__link:hover,
[data-theme="svetla-vitrina"] .site-header--dark .site-nav__link--active { color: var(--accent); }
[data-theme="svetla-vitrina"] .site-header--dark .lang-dropdown__trigger { color: var(--fg2); }
[data-theme="svetla-vitrina"] .site-header--dark .site-header__burger { color: var(--fg1); }
[data-theme="svetla-vitrina"] .site-nav--mobile { background: rgba(255,255,255,0.98); }

/* ---- HERO — velika fotografija namesto črne ploskve ---- */
[data-theme="svetla-vitrina"] .hero {
  background:
    linear-gradient(180deg, rgba(255,255,255,.80) 0%, rgba(255,255,255,.94) 55%, #fff 100%),
    url('/assets/images/hero-bg.jpg') center 40%/cover no-repeat;
}
[data-theme="svetla-vitrina"] .hero::before { display: none; }
[data-theme="svetla-vitrina"] .hero__eyebrow { color: var(--accent); }
[data-theme="svetla-vitrina"] .hero__title,
[data-theme="svetla-vitrina"] .hero__title--accent { color: var(--fg1); }
[data-theme="svetla-vitrina"] .hero__title--accent { color: var(--accent); }
[data-theme="svetla-vitrina"] .hero__subtitle { color: var(--fg2); }
[data-theme="svetla-vitrina"] .hero__spec-label { color: var(--fg1); }
[data-theme="svetla-vitrina"] .hero__service-card {
  background: #fff; border: 1px solid var(--border); box-shadow: var(--shadow-sm);
}
[data-theme="svetla-vitrina"] .hero__service-card:hover { box-shadow: var(--shadow-md); border-color: var(--accent); }
[data-theme="svetla-vitrina"] .hero__service-title { color: var(--fg1); }
[data-theme="svetla-vitrina"] .hero__service-sub { color: var(--fg2); }
[data-theme="svetla-vitrina"] .btn--outline-dark { color: var(--fg1); border-color: var(--border); }
[data-theme="svetla-vitrina"] .btn--outline-dark:hover { border-color: var(--accent); background: rgba(123,30,43,0.06); }

/* ---- SERVICES — mehkejše kartice, tanek rdeč poudarek namesto črne ikone ---- */
[data-theme="svetla-vitrina"] .service-card {
  border-radius: 18px; box-shadow: var(--shadow-sm); border-color: var(--kb-platno-3);
}
[data-theme="svetla-vitrina"] .service-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
[data-theme="svetla-vitrina"] .service-card__icon {
  background: #FBECEE; color: var(--accent); border-radius: 50%;
}

/* ---- MARQUEE — svetel trak ---- */
[data-theme="svetla-vitrina"] .marquee { background: #FAF8F5; border-color: var(--kb-platno-3); }
[data-theme="svetla-vitrina"] .marquee__item { color: var(--fg1); }

/* ---- STATS — topel odtenek ---- */
[data-theme="svetla-vitrina"] .stats-section { background: #FAF8F5; }
[data-theme="svetla-vitrina"] .stat-item__num { color: var(--accent); }

/* ---- PROCESS — svetla sekcija namesto črne ---- */
[data-theme="svetla-vitrina"] .process-section { background: #fff; color: var(--fg1); border-top: 1px solid var(--kb-platno-3); }
[data-theme="svetla-vitrina"] .process-section .sect-label--inv { color: var(--fg1); }
[data-theme="svetla-vitrina"] .process-section__headline { color: var(--fg1); }
[data-theme="svetla-vitrina"] .process-step { border-top-color: var(--kb-platno-3); }
[data-theme="svetla-vitrina"] .process-step__title { color: var(--fg1); }
[data-theme="svetla-vitrina"] .process-step__desc { color: var(--fg2); }

/* ---- CTA BAND — svetla, rdeča kot poudarek, ne ploskev ---- */
[data-theme="svetla-vitrina"] .cta-band {
  background: #fff; color: var(--fg1);
  border-top: 3px solid var(--accent); border-bottom: 1px solid var(--kb-platno-3);
}
[data-theme="svetla-vitrina"] .cta-band__eyebrow { color: var(--accent); opacity: 1; }
[data-theme="svetla-vitrina"] .cta-band__headline { color: var(--fg1); }
[data-theme="svetla-vitrina"] .cta-band__headline em { color: var(--accent); }
[data-theme="svetla-vitrina"] .cta-band .btn--primary { background: var(--accent); border-color: var(--accent); }
[data-theme="svetla-vitrina"] .cta-band .btn--primary:hover { background: var(--accent-2); border-color: var(--accent-2); }
[data-theme="svetla-vitrina"] .cta-band__or-call { background: #FAF8F5; border-radius: 14px; }
[data-theme="svetla-vitrina"] .cta-band__call-label { opacity: 0.6; }
[data-theme="svetla-vitrina"] .cta-band__phone { color: var(--fg1); }

/* ---- FOOTER — svetel namesto črnega ---- */
[data-theme="svetla-vitrina"] .site-footer {
  background: #FAF8F5; color: var(--fg1); border-top: 1px solid var(--kb-platno-3);
}
[data-theme="svetla-vitrina"] .site-footer__logo-img--dark-text { display: block; }
[data-theme="svetla-vitrina"] .site-footer__logo-img--light-text { display: none; }
[data-theme="svetla-vitrina"] .site-footer__tagline { color: var(--fg2); }
[data-theme="svetla-vitrina"] .site-footer__col a,
[data-theme="svetla-vitrina"] .site-footer__col li { color: var(--fg2); }
[data-theme="svetla-vitrina"] .site-footer__col a:hover { color: var(--accent); }
[data-theme="svetla-vitrina"] .site-footer__bottom { border-top-color: var(--kb-platno-3); color: var(--fg3); }

/* ---- PAGE HERO (inner pages) — svetel ---- */
[data-theme="svetla-vitrina"] .page-hero {
  background: linear-gradient(180deg, #FAF8F5 0%, #fff 100%);
  color: var(--fg1);
}
[data-theme="svetla-vitrina"] .page-hero::before { display: none; }
[data-theme="svetla-vitrina"] .page-hero .sect-label--inv { color: var(--accent); }
[data-theme="svetla-vitrina"] .page-hero__headline { color: var(--fg1); }
[data-theme="svetla-vitrina"] .page-hero__sub { color: var(--fg2); }

/* ---- BUTTONS — domiselna asimetrična oblika + sijaj ob hoverju ---- */
[data-theme="svetla-vitrina"] .btn {
  border-radius: 4px 20px 4px 20px;
  position: relative; overflow: hidden;
  box-shadow: 0 1px 3px rgba(20,17,15,0.06);
  transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out),
              background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
[data-theme="svetla-vitrina"] .btn::after {
  content: ''; position: absolute; top: 0; left: -60%; width: 40%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.55), transparent);
  transform: skewX(-20deg); transition: left 0.65s var(--ease-out); pointer-events: none;
}
[data-theme="svetla-vitrina"] .btn:hover::after { left: 130%; }
[data-theme="svetla-vitrina"] .btn--primary {
  box-shadow: 0 10px 24px -8px rgba(123,30,43,0.5);
}
[data-theme="svetla-vitrina"] .btn--primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 32px -8px rgba(123,30,43,0.6);
}
[data-theme="svetla-vitrina"] .btn--outline,
[data-theme="svetla-vitrina"] .btn--outline-dark { border-width: 1.5px; }
[data-theme="svetla-vitrina"] .btn--outline:hover,
[data-theme="svetla-vitrina"] .btn--outline-dark:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 24px -10px rgba(20,17,15,0.18);
}
[data-theme="svetla-vitrina"] .btn:active { transform: translateY(0); }

/* ---- VEČ ANIMACIJ ---- */

/* Hero fotografija — počasen "Ken Burns" zoom */
[data-theme="svetla-vitrina"] .hero { isolation: isolate; }
[data-theme="svetla-vitrina"] .hero::after {
  content: ''; position: absolute; inset: 0; z-index: 0;
  background: inherit; background-size: cover;
  animation: kb-hero-zoom 26s ease-in-out infinite alternate;
  pointer-events: none;
}
[data-theme="svetla-vitrina"] .hero__inner { position: relative; z-index: 2; }
@keyframes kb-hero-zoom {
  from { transform: scale(1); }
  to   { transform: scale(1.06); }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme="svetla-vitrina"] .hero::after { animation: none; }
}

/* Storitve — ikona se rahlo zavrti in poveča ob hoverju kartice */
[data-theme="svetla-vitrina"] .service-card__icon { transition: transform var(--dur-base) var(--ease-out); }
[data-theme="svetla-vitrina"] .service-card:hover .service-card__icon { transform: rotate(-8deg) scale(1.1); }

/* Hero mini-kartice storitev — puščica se premakne, ikona poskoči */
[data-theme="svetla-vitrina"] .hero__service-icon { transition: transform var(--dur-base) var(--ease-out); }
[data-theme="svetla-vitrina"] .hero__service-card:hover .hero__service-icon { transform: translateY(-3px) scale(1.08); }
[data-theme="svetla-vitrina"] .hero__service-arrow { transition: transform var(--dur-base) var(--ease-out); }
[data-theme="svetla-vitrina"] .hero__service-card:hover .hero__service-arrow { transform: translateX(4px); }

/* Navigacija — podčrtaj zraste iz sredine */
[data-theme="svetla-vitrina"] .site-nav__link { position: relative; }
[data-theme="svetla-vitrina"] .site-nav__link::after {
  content: ''; position: absolute; left: 50%; right: 50%; bottom: -2px; height: 2px;
  background: var(--accent); transition: left var(--dur-base) var(--ease-out), right var(--dur-base) var(--ease-out);
}
[data-theme="svetla-vitrina"] .site-nav__link:hover::after,
[data-theme="svetla-vitrina"] .site-nav__link--active::after { left: 0; right: 0; }

/* Telefonska številka v CTA — nežen utrip za pozornost */
[data-theme="svetla-vitrina"] .cta-band__phone { display: inline-block; animation: kb-phone-pulse 3.2s ease-in-out infinite; }
@keyframes kb-phone-pulse {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.04); }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme="svetla-vitrina"] .cta-band__phone { animation: none; }
}