.elementor-kit-89{--e-global-color-primary:#C3F53C;--e-global-color-secondary:#FDBA12;--e-global-color-text:#A7BCB0;--e-global-color-accent:#F4F8F5;--e-global-color-fbf4628:#08150F;--e-global-color-caea396:#0E2A20;--e-global-color-163537d:#143A2C;--e-global-color-865237e:#1E4636;--e-global-color-841f18a:#2E6248;--e-global-color-0bfb28e:#7A9187;--e-global-color-567b7ff:#D5FF66;--e-global-color-c8c87da:#08150F;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-secondary-font-family:"Outfit";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7;--e-global-typography-accent-font-family:"Outfit";--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:0.06em;background-color:var( --e-global-color-fbf4628 );overscroll-behavior:none;}.elementor-kit-89 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1152px;}.e-con{--container-max-width:1152px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== Odbojkarska oprema — glavni stylesheet (Elementor + Hello) ===== */

:root{
  --oo-bg:#08150F; --oo-surface:#0E2A20; --oo-surface-2:#143A2C;
  --oo-fg:#F4F8F5; --oo-fg-muted:#A7BCB0; --oo-fg-subtle:#7A9187;
  --oo-primary:#C3F53C; --oo-primary-hover:#D5FF66; --oo-primary-fg:#08150F;
  --oo-accent:#FDBA12; --oo-border:#1E4636; --oo-border-strong:#2E6248;
  --oo-display:"Outfit",system-ui,sans-serif;
  --oo-body:"Figtree",system-ui,sans-serif;
}

/* TEST: če se ozadje strani obarva temno zeleno, se stylesheet nalaga. */
body{background-color:var(--oo-bg);color:var(--oo-fg);font-family:var(--oo-body);}

/* --- sekcije (container) ---
   Padding pišemo skozi Elementorjeve spremenljivke, ker Elementor
   sam generira --padding-* za vsak container posebej. */
.e-con.oo-section{
  --padding-block-start:clamp(56px,9vw,112px);
  --padding-block-end:clamp(56px,9vw,112px);
  --padding-inline-start:20px;
  --padding-inline-end:20px;
  background-color:var(--oo-bg);
  border-bottom:1px solid var(--oo-border);
}
.e-con.oo-section--surface{background-color:var(--oo-surface);}
.e-con.oo-section--flush{--padding-block-start:0px;--padding-block-end:0px;}

/* --- tipografija --- */
.elementor-widget.oo-eyebrow,
.elementor-widget.oo-eyebrow .elementor-heading-title{
  font-family:var(--oo-display);font-size:12px;font-weight:600;
  text-transform:uppercase;letter-spacing:.2em;color:var(--oo-accent);margin:0;}
.elementor-widget.oo-title .elementor-heading-title{
  font-family:var(--oo-display);font-size:clamp(26px,5.5vw,36px);
  font-weight:700;text-transform:uppercase;letter-spacing:-.02em;
  line-height:1.15;color:var(--oo-fg);margin:0;}
.elementor-widget.oo-title--hero .elementor-heading-title{
  font-size:clamp(30px,7.5vw,60px);line-height:1.05;}
.elementor-widget.oo-title--hero em{font-style:normal;color:var(--oo-primary);}
.elementor-widget.oo-text,
.elementor-widget.oo-text p{
  font-family:var(--oo-body);font-size:clamp(16px,2.2vw,18px);
  line-height:1.7;color:var(--oo-fg-muted);}
.elementor-widget.oo-text{max-width:640px;}
.elementor-widget.oo-text--sm,
.elementor-widget.oo-text--sm p{font-size:14px;}
.elementor-widget.oo-center{text-align:center;}
.elementor-widget.oo-center.oo-text{margin-left:auto;margin-right:auto;}

/* --- gumbi (Button widget) --- */
.elementor-widget.oo-btn .elementor-button{
  display:inline-flex;align-items:center;gap:8px;
  min-height:56px;padding:0 32px;border-radius:9999px;
  background-color:var(--oo-primary);
  color:var(--oo-primary-fg);fill:var(--oo-primary-fg);
  font-family:var(--oo-display);font-size:16px;
  font-weight:600;text-transform:uppercase;letter-spacing:.06em;
  box-shadow:0 8px 24px -6px rgba(2,12,8,.65);
  transition:background-color .18s ease,transform .18s ease;}
.elementor-widget.oo-btn .elementor-button:hover,
.elementor-widget.oo-btn .elementor-button:focus-visible{
  background-color:var(--oo-primary-hover);transform:translateY(-2px);
  color:var(--oo-primary-fg);}
.elementor-widget.oo-btn--sm .elementor-button{
  min-height:44px;padding:0 20px;font-size:12px;box-shadow:none;}
.elementor-widget.oo-btn--ghost .elementor-button{
  background-color:transparent;border:1px solid var(--oo-border-strong);
  color:var(--oo-fg);box-shadow:none;}
.elementor-widget.oo-btn--ghost .elementor-button:hover{
  background-color:transparent;border-color:var(--oo-primary);
  color:var(--oo-primary);}

/* --- glava --- */
.e-con.oo-header{
  --padding-block-start:8px;--padding-block-end:8px;
  --padding-inline-start:20px;--padding-inline-end:20px;
  background-color:var(--oo-bg);border-bottom:1px solid var(--oo-border);
  min-height:64px;}
.elementor-widget.oo-logo img{
  height:20px;width:auto;background:#fff;border-radius:6px;padding:4px 8px;}
.elementor-widget.oo-logo--lg img{height:32px;padding:6px 10px;}
.elementor-widget.oo-logo--sm img{height:16px;padding:3px 6px;}
.elementor-widget.oo-brand .elementor-heading-title{
  font-family:var(--oo-display);font-weight:600;font-size:16px;
  color:var(--oo-fg);margin:0;}
.elementor-widget.oo-nav .elementor-icon-list-items{
  display:flex;gap:28px;flex-wrap:wrap;margin:0;}
.elementor-widget.oo-nav .elementor-icon-list-text{
  font-family:var(--oo-display);font-size:12px;
  font-weight:600;text-transform:uppercase;letter-spacing:.12em;
  color:var(--oo-fg-muted);}
.elementor-widget.oo-nav .elementor-icon-list-item > a{
  display:inline-flex;align-items:center;min-height:44px;}
.elementor-widget.oo-nav a:hover .elementor-icon-list-text{color:var(--oo-fg);}

/* --- hero --- */
.e-con.oo-hero{position:relative;overflow:hidden;}
.e-con.oo-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(8,21,15,.7),rgba(8,21,15,.85),#08150F);z-index:1;}
.e-con.oo-hero > .e-con-inner,
.e-con.oo-hero > .elementor-element{position:relative;z-index:2;}
.e-con.oo-hero-inner{animation:oo-rise .5s ease-out both;}
@keyframes oo-rise{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.elementor-widget.oo-pill .elementor-heading-title{
  display:inline-flex;align-items:center;border:1px solid rgba(253,186,18,.4);
  background-color:#2A2109;color:var(--oo-accent);border-radius:9999px;padding:6px 16px;
  font-family:var(--oo-display);font-size:11px;font-weight:600;
  text-transform:uppercase;letter-spacing:.2em;}
.elementor-widget.oo-badges .elementor-icon-list-items{
  display:flex;flex-wrap:wrap;gap:12px;margin:0;}
.elementor-widget.oo-badges .elementor-icon-list-item{
  border:1px solid var(--oo-border);
  background-color:rgba(14,42,32,.8);border-radius:9999px;padding:8px 16px;
  min-height:44px;display:flex;align-items:center;}
.elementor-widget.oo-badges .elementor-icon-list-text{
  font-family:var(--oo-display);font-size:12px;
  font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--oo-fg-muted);}
.elementor-widget.oo-badges .elementor-icon-list-icon svg,
.elementor-widget.oo-badges .elementor-icon-list-icon i{color:var(--oo-primary);fill:var(--oo-primary);}

/* --- kartica za prijavo (container) --- */
.e-con.oo-card-form{
  --width:100%;max-width:560px;margin-left:auto;margin-right:auto;
  --padding-block-start:clamp(20px,4vw,32px);
  --padding-block-end:clamp(20px,4vw,32px);
  --padding-inline-start:clamp(20px,4vw,32px);
  --padding-inline-end:clamp(20px,4vw,32px);
  border:1px solid var(--oo-border-strong);
  background-color:var(--oo-surface);border-radius:28px;
  box-shadow:0 24px 60px -12px rgba(2,12,8,.8);}
.elementor-widget.oo-slot{min-height:420px;border:1px dashed var(--oo-border-strong);
  background-color:var(--oo-surface-2);border-radius:20px;}

/* --- kartice prednosti (Icon Box) --- */
.elementor-widget.oo-card{
  border:1px solid var(--oo-border);background-color:var(--oo-surface);
  border-radius:28px;padding:24px;height:100%;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
.elementor-widget.oo-card:hover{border-color:rgba(195,245,60,.5);transform:translateY(-4px);
  box-shadow:0 24px 60px -12px rgba(2,12,8,.8);}
.elementor-widget.oo-card .elementor-icon{width:48px;height:48px;border-radius:12px;
  background-color:#16311F;color:var(--oo-primary);fill:var(--oo-primary);
  display:flex;align-items:center;justify-content:center;font-size:20px;}
.elementor-widget.oo-card .elementor-icon-box-title,
.elementor-widget.oo-card .elementor-icon-box-title a{
  font-family:var(--oo-display);font-size:18px;
  font-weight:600;text-transform:uppercase;letter-spacing:.04em;
  color:var(--oo-fg);margin:24px 0 0;}
.elementor-widget.oo-card .elementor-icon-box-description{
  font-family:var(--oo-body);font-size:14px;
  line-height:1.7;color:var(--oo-fg-muted);margin:12px 0 0;}

/* --- slike --- */
.elementor-widget.oo-figure img{display:block;width:100%;height:auto;
  border:1px solid var(--oo-border);border-radius:28px;object-fit:cover;}
.elementor-widget.oo-cover img{width:100%;height:100%;object-fit:cover;opacity:.4;}

/* --- statistika --- */
.e-con.oo-stats{border-top:1px solid var(--oo-border);
  --padding-block-start:32px;--margin-block-start:40px;}
.elementor-widget.oo-stat .elementor-counter-number-wrapper{
  font-family:var(--oo-display);
  font-size:clamp(24px,6vw,30px);font-weight:700;color:var(--oo-accent);}
.elementor-widget.oo-stat .elementor-counter-title{
  font-family:var(--oo-display);font-size:11px;
  font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--oo-fg-subtle);}

/* --- FAQ (Accordion) --- */
.elementor-widget.oo-faq .elementor-accordion-item{border:1px solid var(--oo-border);
  background-color:var(--oo-surface);border-radius:20px;margin-top:16px;overflow:hidden;}
.elementor-widget.oo-faq .elementor-tab-title{font-family:var(--oo-display);font-size:17px;
  font-weight:600;color:var(--oo-fg);padding:18px 24px;min-height:44px;
  background-color:transparent;}
.elementor-widget.oo-faq .elementor-tab-title a{color:var(--oo-fg);}
.elementor-widget.oo-faq .elementor-tab-content{font-family:var(--oo-body);font-size:15px;
  line-height:1.7;color:var(--oo-fg-muted);padding:0 24px 20px;border:0;
  background-color:transparent;}

/* --- noga --- */
.e-con.oo-footer{background-color:var(--oo-bg);border-top:1px solid var(--oo-border);
  --padding-block-start:32px;--padding-block-end:32px;
  --padding-inline-start:20px;--padding-inline-end:20px;}
.e-con.oo-footer .elementor-widget.oo-text,
.e-con.oo-footer .elementor-widget.oo-text p{font-size:14px;color:var(--oo-fg-subtle);}
.e-con.oo-footer a{color:var(--oo-fg-muted);}
.e-con.oo-footer a:hover{color:var(--oo-primary);text-decoration:underline;}

/* --- mobilno --- */
@media (max-width:767px){
  .e-con.oo-section{--padding-inline-start:16px;--padding-inline-end:16px;}
  .elementor-widget.oo-nav .elementor-icon-list-items{gap:16px;}
  .elementor-widget.oo-slot{min-height:520px;}
}
@media (prefers-reduced-motion: reduce){
  .e-con[class*="oo-"],.elementor-widget[class*="oo-"]{
    animation:none !important;transition:none !important;}
}/* End custom CSS */