/* NOVA VERZIJA INFO */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700;800&display=swap');

:root {
  --color-charcoal:    #1d2124;
  --color-forest:      #1E5F3A;
  --color-mint:        #72C2B0;
  --color-white:       #FFFFFF;
  --color-slate:       #6C757D;
  --color-ivory:       #F4F7F6;
  --color-gold-accent: #FFB41C; /* c9ae45 sa gimpa, ovo je bilo #FFB41C*/
  --color-link:        #1e8449;
  --color-dark-gunmetal: #171a1d;   /* Malo topliji ton, s nagoveštajem tamne plave/zelene */
  --color-deep-charcoal:  #25292c;   /* Tek malo svetliji nego --color-charcoal */
  --color-black: #000000;
  --color-dark-grey: #111111;
  --bg-dark:        #131f14;
  --bg-card:        #1d2124;
  --green-900: #0f1a13;   /* najtamnije za ivice ekrana */
  --green-700: #13271b;   /* srednja nijansa – kartice */
  --green-600: #183324;   /* header bara */
  --gold-300:  #FFC94D;   /* svetlije zlato (hover) */
  --green-600-rgb: 24, 51, 36; /* rgb od #183324 */
  --light-tur: #e8eceb;
  --darkdarkgreen: #102016;
}

    html, body { height: 100%; }
    body {
        background:
            radial-gradient(circle at 50% 0,
              rgba(19,39,27,.55) 0%,
              rgba(15,26,19,1) 80%),
            #0f1a13;
        background-size: cover;
        background-repeat: no-repeat;
        color:var(--color-white);
        font-family:'Open Sans',sans-serif;
    }

    /* Header – dublja tamnozelena, blago providna */

    .navbar.site-nav {
      --bs-navbar-color: rgba(255,255,255,.5);
      --bs-navbar-hover-color: #fff;
      --bs-navbar-brand-color: #fff;
      --bs-navbar-brand-hover-color: #fff;
      --bs-navbar-toggler-border-color: rgba(255,255,255,.25);
    
      /* tamnija nijansa (#13271b) sa manjom providnošću */
      background: rgba(12, 26, 18, 0.8);  /* gotovo crna sa blagim zelenim tonom */
      backdrop-filter: saturate(140%) blur(8px);
      border-bottom: 1px solid rgba(255,255,255,0.08);
      box-shadow: 0 1px 2px rgba(0,0,0,.6);
      transition: background .25s ease, box-shadow .25s ease;
      z-index: 1030;
    }
    
    /* Kad se skroluje – malo “punija” i manje providna */
    .navbar.site-nav.scrolled {
      background: rgba(12, 26, 18, 0.98);
      box-shadow: 0 6px 20px rgba(0,0,0,.45);
    }
    
    .logo-img {
      height: 52px;
      width: auto;
      object-fit: contain;
      filter: drop-shadow(0 2px 4px rgba(0,0,0,.4));
    }



    .brand-mark {
      width: 34px; height: 34px; border-radius: 10px;
      background: linear-gradient(135deg, var(--color-gold-accent), var(--gold-300));
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.25), 0 2px 10px rgba(0,0,0,.25);
      display: inline-flex; align-items: center; justify-content: center;
      margin-right: .6rem;
    }
    .brand-mark i { color: #1a1404; } /* taman na zlatu */


    .navbar-nav .nav-link{
      text-transform: uppercase;
      font-family: 'Oswald', sans-serif;
      font-weight:700;
      letter-spacing:.03em;
      font-size:.95rem;
      padding:.5rem .9rem;
      position:relative;
    }
    .navbar .nav-link.active, .navbar .nav-link:hover{ color:#fff; }
    .navbar .nav-link::after{
      content:""; position:absolute; left:.55rem; right:.55rem; bottom:.3rem; height:2px;
      background: linear-gradient(90deg, var(--color-gold-accent), var(--gold-300));
      transform:scaleX(0); transform-origin:left; transition:transform .2s ease;
    }
    .navbar .nav-link:hover::after, .navbar .nav-link.active::after{ transform:scaleX(1); }
    
    /* ==========================================
   DESKTOP DROPDOWN MENI (tamnozelena + belo)
   ========================================== */
    .navbar .dropdown-menu {
      background: rgba(24, 51, 36, 0.98); /* tvoja zelena */
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 8px;
      padding: 0.4rem 0;
      box-shadow: 0 8px 18px rgba(0,0,0,0.35);
    }
    
    .navbar .dropdown-item {
      color: rgba(255,255,255,0.9);
      font-weight: 600;
      font-family: 'Open Sans', sans-serif;
      padding: 0.5rem 1rem;
      transition: background 0.25s ease, color 0.25s ease;
    }
    
    /* Hover efekat – zlatni naglasak */
    .navbar .dropdown-item:hover,
    .navbar .dropdown-item:focus {
      color: #1a1404;
      background: var(--gold-300);
    }
    
    /* Divider diskretniji (tanka providna linija) */
    .navbar .dropdown-divider {
      border-color: rgba(255,255,255,0.15);
    }
    
    /* Strelica neka ne menja boju prilikom hovera */
    .navbar .dropdown-toggle .dropdown-chevron {
      color: rgba(255,255,255,0.9);
    }
    
    /* Blagi offset da se dropdown ne zalepi za header */
    .navbar .dropdown-menu[data-bs-popper] {
      margin-top: 0.6rem;
    }

    
    /* SIGN IN button – zelena pozadina, zlatni okvir */
    .btn-signin {
      background: var(--green-600);
      color: var(--color-ivory);
      border: 2px solid var(--color-gold-accent);
      border-radius: 10px; /* manje zaobljeno */
      padding: 0.5rem 1.2rem;
      font-family: 'Oswald', sans-serif;
      font-weight: 700;
      letter-spacing: 0.03em;
      transition: all 0.25s ease;
      box-shadow: 0 0 0 rgba(255,180,28,0); /* početno bez sjene */
    }
    
    /* Hover efekat: posvetli zelena i naglasi zlatni okvir */
    .btn-signin:hover {
      background: linear-gradient(
        180deg,
        rgba(255, 201, 77, 0.15) 0%,
        rgba(24, 51, 36, 1) 100%
      );
      color: #fff;
      border-color: var(--gold-300);
      box-shadow: 0 0 12px rgba(255,180,28,0.4);
      transform: translateY(-1px);
    }
    
    /* Fokus / aktivno stanje */
    .btn-signin:active,
    .btn-signin:focus {
      background: rgba(24,51,36,0.95);
      border-color: var(--gold-300);
      box-shadow: 0 0 6px rgba(255,180,28,0.3) inset;
    }





    .btn-cta {
      --bs-btn-padding-y: .48rem; --bs-btn-padding-x: .9rem; --bs-btn-font-weight: 600;
      --bs-btn-color: #08120a; --bs-btn-bg: var(--brand); --bs-btn-border-color: var(--brand);
      --bs-btn-hover-bg: #9dec70; --bs-btn-hover-border-color: #9dec70;
      --bs-btn-active-bg: #6ac63d; --bs-btn-active-border-color: #6ac63d;
      border-radius: .9rem;
      box-shadow: 0 6px 18px rgba(126, 217, 87, .3);
    }


    /* Tamni mobilni panel */
    .offcanvas {
      background: rgba(24,51,36, 0.98); /* tvoja zelena, skoro puna */
      color: var(--color-white);
      z-index: 1045; /* iznad headera (1030) */
    }
    
    /* Tamniji backdrop (umesto default sivog) */
    .offcanvas-backdrop.show {
      background-color: rgba(24,51,36, 0.9);
      opacity: 1;  /* Bootstrap koristi opacity, ovim ga preuzimamo */
    }
    
    /* Offcanvas header */
    .offcanvas .offcanvas-header {
      border-bottom: 1px solid rgba(255,255,255,.12);
    }
    
    /* Linkovi u mobilnom meniju */
    .offcanvas .nav-link {
      color: rgba(255,255,255,.9);
      padding: .65rem 0;
    }
    .offcanvas .nav-link:hover,
    .offcanvas .nav-link:focus {
      color: #fff;
    }
    
    /* Dropdown u mobilnom meniju – tamna pozadina, beli tekst */
    .offcanvas .dropdown-menu {
      --bs-dropdown-bg: rgba(0,0,0,.25);
      --bs-dropdown-color: #fff;
      --bs-dropdown-link-color: #fff;
      --bs-dropdown-link-hover-color: #1a1404;
      --bs-dropdown-link-hover-bg: var(--gold-300);
      border-color: rgba(255,255,255,.12);
      box-shadow: none;
    }
    
    /* Dropdown linkovi */
    .offcanvas .dropdown-item {
      font-family: 'Open Sans', sans-serif;
      font-weight: 600;
    }
    
    /* Spreči bilo kakvo "sečenje" sadržaja menija */
    .offcanvas, .offcanvas-body {
      height: 100vh;
      overflow-y: auto;
    }




    /* Demo hero so header can be previewed */
    .hero {
      position: relative;
      padding: clamp(96px, 12vh, 160px) 0 96px;
      background: radial-gradient(1200px 600px at 10% -20%, rgba(138, 208, 255, .12), transparent 60%),
                  radial-gradient(1200px 700px at 90% -10%, rgba(179, 138, 255, .10), transparent 60%);
      overflow: hidden;
    }
    .hero h1 { font-weight: 700; letter-spacing: -0.02em; }
    .hero p { color: var(--muted); max-width: 56ch; }

    .skip-link {
      position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;
    }
    .skip-link:focus { left: 8px; top: 8px; width:auto; height:auto; background:#000; color:#fff; padding:.5rem .75rem; border-radius:.5rem; }
    
@media (max-width: 576px) {
  .logo-img {
    height: 36px;
  }
}

@media (min-width: 992px) {
  #mobileNav { display: none !important; }  /* sigurnosno – desktop nikad ne vidi offcanvas */
}

/* Ukloni Bootstrap caret ako postoji */
.navbar .dropdown-toggle::after,
.offcanvas .dropdown-toggle::after { display: none !important; }

/* Chevron ikonica pored PROGRAMS */
.dropdown-chevron {
  font-size: 1.05rem;
  line-height: 1;
  transition: transform .2s ease, color .2s ease, opacity .2s ease;
  opacity: .9;
}

/* Hover/focus zlatni naglasak */
.navbar .nav-link:hover .dropdown-chevron,
.navbar .nav-link:focus .dropdown-chevron,
.offcanvas .nav-link:hover .dropdown-chevron,
.offcanvas .nav-link:focus .dropdown-chevron {
  color: var(--gold-300);
  opacity: 1;
}

/* Rotacija kad je dropdown otvoren (Bootstrap dodaje .show) */
.navbar .dropdown.show .dropdown-chevron,
.navbar .nav-item.show .dropdown-chevron,
.offcanvas .dropdown.show .dropdown-chevron,
.offcanvas .nav-item.show .dropdown-chevron {
  transform: rotate(180deg);
}

/* Veća klik zona oko teksta + ikonice */
.navbar .dropdown-toggle,
.offcanvas .dropdown-toggle {
  padding-right: .4rem;
}

/* 0) Ukloni default margin tela (inače ostane 8px okolo) */
body { margin: 0; }

/* 1) HERO full-bleed ispod fiksnog headera (60px) */
.hero-video{
  position: relative;
  min-height: calc(100vh - 60px); /* 100% viewporta umanjeno za header */
  padding: 0;                     /* bez unutrašnjih margina oko videa */
  overflow: hidden;
  isolation: isolate;             /* da overlay i sadržaj budu iznad videa */
}

/* 2) Video pozadina: preko celog bloka */
.hero-video .hero-bg{
  position: absolute;
  inset: 0;               /* top/right/bottom/left = 0 */
  width: 100%;
  height: 100%;
  object-fit: cover;      /* ispuni bez letterbox-a */
  object-position: center;
  z-index: -2;
  pointer-events: none;   /* da tapovi/clickovi prolaze na CTA */
}

/* 3) Klasičan crni overlay (umesto zelenog tona) */
.hero-video .hero-overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
      linear-gradient(180deg,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.60) 60%,
        rgba(0, 0, 0, 0.85) 100%);

}

/* 4) Sadržaj heroa (tekst + CTA) */
.hero-video .container{
  position: relative;
  z-index: 1;           /* iznad overlay-a i videa */
  padding-top: 120px;   /* prostor ispod headera; podešavaj po meri teksta */
  padding-bottom: 100px;
  color: #fff;
}

@media (max-width: 576px){
  .hero-video .container{
    padding-top: 100px;
    padding-bottom: 80px;
  }
}

/* HERO tekstualni elementi */
.hero-title {
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: #fff;
  letter-spacing: 0.02em;
}

.hero-title .highlight {
  color: var(--color-gold-accent);
}

.hero-divider {
  width: 120px;
  height: 2px;
  background: var(--color-gold-accent);
  border: none;
  margin: 1rem 0 1.5rem;
}

.hero-subtitle {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.6;
}

/* Dugme “Find Camp or Program” */
.btn-hero-cta {
  background: var(--color-gold-accent);
  color: #1a1404;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  border-radius: 50px;
  padding: 0.8rem 1.8rem;
  border: none;
  box-shadow: 0 6px 20px rgba(255,180,28,0.4);
  transition: all 0.25s ease;
  text-decoration:none;
}

.btn-hero-cta:hover {
  background: var(--gold-300);
  color: #000;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(255,180,28,0.55);
}

.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hero-content {
  position: relative;
  z-index: 3;
  text-align: center;
  padding: 0 1.5rem;
}

.hero-bg {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: 1;
}

.hero-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 2;
}

/* Hero: centriraj kolonu sa tekstom */
.hero-video .col-lg-7 {
  margin: 0 auto;           /* centrira kolonu */
  text-align: center;       /* centrira tekst u njoj */
}

.hero-divider {
  width: 300px;
  height: 3px;
  background-color: var(--color-gold-accent);
  border: none;
  margin: 1rem auto 1.5rem;
  /*box-shadow: 0 0 14px rgba(255, 180, 28, 0.75); *//* jači sjaj */
  position: relative;
  z-index: 3; /* iznad overlay-a */
  opacity: 1; /* puni ton */
}


/* Subtitle: centriran + lep raspored u dve linije */
.hero-subtitle {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 1.5rem;
}

/* Programs sekcija – tamna podloga */
.programs {
  background: linear-gradient(180deg, rgba(19,39,27,.75), rgba(19,39,27,.9));
  border-top: 1px solid rgba(255,255,255,.06);
}

/* Full-width grid */
.program-grid {
  display: grid;
  gap: 1.8rem;
  grid-template-columns: repeat(4, 1fr);
  padding: 0 2rem; /* tanje margine levo/desno da “diše” */
  max-width: 100%;
}

/* Responsive breakpoints */
@media (max-width: 1200px) {
  .program-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 992px) {
  .program-grid { grid-template-columns: repeat(2, 1fr); padding: 0 1.5rem; }
}
@media (max-width: 576px) {
  .program-grid { grid-template-columns: 1fr; padding: 0 1rem; }
}

/* Kartica – veća visina */
.program-card {
  position: relative;
  display: block;
  border-radius: 20px;
  overflow: hidden;
  background: var(--green-700);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 8px 18px rgba(0,0,0,.35) inset, 0 6px 18px rgba(0,0,0,.25);
  isolation: isolate;
  aspect-ratio: 1 / 1; /* povećava visinu (bilo 16/10) */
  transition: transform .25s ease, box-shadow .25s ease;
}

/* Hover efekat ostaje isti */
.program-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
}


/* Slika */
.program-card img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  filter: saturate(95%);
  z-index: 1;
}

/* Tamni overlay na slici */
.program-card::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(0deg, rgba(0,0,0,.55), rgba(0,0,0,.35));
  z-index: 2;
  transition: background .25s ease;
}

.program-title {
  position: absolute;
  left: 0; right: 0; bottom: 1.1rem;
  z-index: 3;
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
  font-size: clamp(1.4rem, 2.6vw, 2.3rem);
  text-align: center;
  letter-spacing: .02em;
  text-shadow: 0 2px 6px rgba(0,0,0,.6);
  line-height: 1.1; /* dodaj ovo da bude kompaktnije */
}

.program-title .arrow {
  display: inline-block;
  vertical-align: middle;   /* poravna sa tekstom */
  transform: translateY(-9px); /* blago podigni */
  margin-left: .35rem;
  font-size: 0.9em; /* malo manja da ne dominira */
}


/* Hover efekat */
.program-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
}
.program-card:hover::before {
  background: linear-gradient(0deg, rgba(0,0,0,.45), rgba(0,0,0,.25));
}

/* sakrij dugi pasus na mobilu, prikaži od tableta naviše */
@media (max-width: 576px){
  .about-impact .section-lead{ display:none; }
  .about-impact .section-inner{ padding-top: 56px; padding-bottom: 72px; }
}

/* grid za 4 kartice */
.feature-grid{
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap: 1.4rem;
  margin: 32px 0 28px;
}
@media (max-width: 1200px){ .feature-grid{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 576px){ .feature-grid{ grid-template-columns: 1fr; } }

/* === CHILD DEVELOPMENT SECTION (wide layout) === */
.about-impact.section-dark {
    background: var(--darkdarkgreen);
  /*background: linear-gradient(180deg, rgba(19,39,27,.96), rgba(19,39,27,.98));*/
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
  width: 100%;
}

/* Unutrašnji deo — full width ali zadržava padding */
.about-impact .section-inner {
  width: 100%;
  max-width: none;              /* uklanja ograničenje širine */
  margin: 0 auto;
  padding: 100px 4vw;           /* malo više prostora sa strane */
  text-align: center;
  color: #fff;
}

/* Naslov */
.about-impact .section-title {
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: clamp(2rem, 4.2vw, 3rem);
  margin-bottom: 16px;
  text-align: center;
}

/* Zlatna linija */
.about-impact .section-divider {
  display: block;
  width: 220px;
  height: 3px;
  border: 0;
  margin: 0 auto 32px;
  background: var(--darkdarkgreen);
  box-shadow: 0 0 14px rgba(255,180,28,.55);
}

/* Tekst */
.about-impact .section-lead {
  max-width: 1000px;
  margin: 0 auto 48px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: clamp(1rem, 1.6vw, 1.35rem);
  line-height: 1.7;
  color: rgba(255,255,255,.95);
  text-align: center;
}
@media (max-width: 576px){
  .about-impact .section-lead { display: none; }
}

/* GRID KARTICE — šire i više */
.feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  justify-items: center;
  margin: 0 auto 48px;
  width: 100%;
  max-width: 1600px; /* čisto da se ne razvuče previše na ultrawide */
}

@media (max-width: 1200px) {
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 576px) {
  .feature-grid { grid-template-columns: 1fr; }
}

/* Izgled kartica */
.feature-card {
  background: rgba(19,39,27,.65);
  border: 2px solid var(--color-gold-accent);
  border-radius: 18px;
  padding: 40px 28px;           /* povećan unutrašnji prostor */
  color: #fff;
  text-align: center;
  transition: transform .3s ease, box-shadow .3s ease;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
  width: 100%;
  max-width: 340px;             /* ravnoteža između širine i teksta */
  min-height: 260px;            /* povećana visina */
}
.feature-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 24px rgba(255,180,28,.25);
}

.feature-card .icon {
  font-size: 70px;
  margin-bottom: 14px;
  color: #fff;
}
.feature-card .kicker {
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--color-gold-accent);
  margin-bottom: 12px;
  font-size: 1.1rem;
}
.feature-card .body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.95rem;
  line-height: 1.4;
  color: #fff;
}

/* Dugme ispod kartica */
.btn-more {
  display: inline-block;
  background: #f1f2f2;
  color: #111;
  border-radius: 30px;
  padding: 14px 28px;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
  transition: transform .2s ease, box-shadow .2s ease;
}
.btn-more:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0,0,0,.32);
}

/* KARTICA */
.feature-card {
  background: rgba(24,51,36,.95); /* tamno zelena */
  border: 2px solid var(--color-gold-accent);
  border-radius: 22px;
  padding: 28px 22px;
  text-align: center;
  color: #fff;
  box-shadow: 0 4px 18px rgba(0,0,0,.25);

  /* NOVO — da razvučemo sadržaj vertikalno */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* razmak gore–dole */
  align-items: center;
}

/* Žuti naslov ostaje gore */
.feature-card .kicker {
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .015em;
  color: var(--color-gold-accent);
  font-size: clamp(0.99rem, 1.7vw, 1.30rem);
  margin-top: 0;
  margin-bottom: 14px;
}

/* Slika u sredini */
.feature-card .icon-img {
  flex: 1; /* zauzima preostali prostor */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}

.feature-card .icon-img img {
  display: block;
  max-width: 350px;
  width: clamp(90px, 50%, 280px);
  height: auto;
  margin: 0 auto;
}

/* Tekst u dnu */
.feature-card .body {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.35;
  letter-spacing: .012em;
  color: #fff;
  font-size: clamp(0.90rem, 1.4vw, 1.05rem);
  margin-top: 14px;
  margin-bottom: 0;
}

/* RESPONSIVE */
@media (max-width: 1200px){
  .feature-grid{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 992px){
  .feature-grid{ grid-template-columns: repeat(2, 1fr); }
  .feature-card{ padding: 24px 18px; }
  .feature-card .icon-img img{ width: clamp(110px, 45%, 180px); }
}
@media (max-width: 576px){
  .feature-grid{ grid-template-columns: 1fr; }
  .feature-card .icon-img img{ width: 120px; }
}

.feature-card{ container-type: inline-size; }

@container (max-width: 320px){
  .feature-card .kicker{
    letter-spacing: .01em;
    font-size: 0.95rem;
  }
}

@container (max-width: 420px){
  .feature-card .body{
    font-size: clamp(0.88rem, 1.2vw, 0.98rem); /* još mrvu niže na užim karticama */
    letter-spacing: .01em;
  }
}


/* BLOG PLACEHOLDER */
.blog-placeholder {
  background: var(--light-tur);
  color: #1a1a1a;
  padding: 100px 0;
  text-align: center;
}

.blog-placeholder .section-title {
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  margin-bottom: 0.8rem;
}

.blog-placeholder .section-lead {
  max-width: 700px;
  margin: 0 auto 2.5rem;
  font-size: 1.1rem;
  color: #333;
}

.blog-placeholder .section-divider {
  display: block;
  width: 120px;
  height: 3px;
  border: none;
  background: var(--color-gold-accent);
  margin: 0 auto 24px;
}

.blog-comingsoon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: #444;
  opacity: 0.8;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
}

.blog-comingsoon .material-icons-outlined {
  font-size: 56px;
  color: var(--color-gold-accent);
}

/* CTA SECTION */
.cta-section {
  background: var(--darkdarkgreen);
  color: #fff;
  padding: 100px 0;
}

.cta-section .container {
  max-width: 900px;
  margin: 0 auto;
}

.cta-title {
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  margin-bottom: 1rem;
  letter-spacing: 0.02em;
}

.cta-divider {
  display: block;
  width: 160px;
  height: 3px;
  border: none;
  background: var(--color-gold-accent);
  margin: 0 auto 2rem;
}

.cta-text {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  line-height: 1.7;
  color: rgba(255,255,255,0.9);
  margin-bottom: 2.5rem;
}

/* Dugme */
.btn-cta-light {
  background: #fff;
  color: #000;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  border-radius: 50px;
  padding: 0.8rem 1.8rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  box-shadow: 0 6px 20px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
  text-decoration:none;
}

.btn-cta-light:hover {
  background: var(--gold-300);
  color: #1a1404;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(255,180,28,0.4);
}

/* =========================
   CONTACT (final, compact)
   ========================= */
/* CONTACT (compact) */
.contact-section{
  background: var(--light-tur, #e8eceb);
  border-top: 1px solid rgba(0,0,0,.08);
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.contact-wrap{
  display: grid;
  grid-template-columns: 1.25fr 1fr;  /* forma i dalje veća, ali malo manje */
  align-items: center;                 /* centriraj vertikalno, manje “visine” */
  gap: 20px;                           /* manji razmak */
}

/* LEFT (forma) – manji padding i uži kontejner */
.contact-form-col{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 32px;                  /* bilo 32px 44px */
  box-sizing: border-box;
}

.contact-inner{ width:100%; max-width: 620px; } /* bilo 720px */

.contact-title{
  font-family:'Oswald',sans-serif;
  font-weight:700;                     /* bilo 800 */
  text-transform:uppercase;
  letter-spacing:.02em;
  color:#102016;
  font-size: clamp(1.55rem, 2.6vw, 2.1rem); /* malo manje */
  margin: 0 0 8px;
}

/* tanji divider */
.contact-divider--gold{
  display:block;
  width: 160px; height: 2px;           /* bilo 200px / 3px */
  margin: 0 0 14px;
  background: var(--color-gold-accent, #FFB41C);
  box-shadow: 0 0 10px rgba(255,180,28,.45);
}

/* Form polja – sve kompaktnije */
.contact-inner form{ width:100%; }
.hp-field{ position:absolute !important; left:-9999px; }

.contact-inner label{
  display:block;
  font-family:'Oswald',sans-serif;
  font-size: clamp(.95rem, 1.6vw, 1.1rem);
  color:#24382b;                       /* mrvu neutralnije */
  margin: 6px 0 4px;                   /* bilo 8/6 */
}

.contact-inner input,
.contact-inner textarea{
  width:100%;
  background:#fff;
  color:#102016;
  border: 1.5px solid rgba(24,51,36,.7); /* blaži border */
  border-radius: 8px;
  padding: 7px 10px;                    /* bilo 8px 12px */
  font-size: .98rem;                    /* mrvu manje */
  outline: none;
  transition: box-shadow .18s ease, border-color .18s ease;
  margin-bottom: 10px;                  /* bilo 12px */
}

.contact-inner textarea{
  min-height: 84px;                     /* bilo 96px */
  resize: vertical;
}

.contact-inner input:focus,
.contact-inner textarea:focus{
  border-color: var(--green-600, #183324);
  box-shadow: 0 0 0 3px rgba(24,51,36,.10); /* blaži fokus */
}

/* Dugme */
.btn-contact{
  display:inline-block;
  margin-top: 6px;
  background: var(--green-600, #183324);
  color:#fff;
  border: 0;
  border-radius: 40px;
  padding: 12px 24px;
  font-family:'Oswald',sans-serif;
  font-weight:800; letter-spacing:.02em;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.btn-contact:hover{
  background:#1f4a31;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0,0,0,.32);
}

/* RIGHT (slika) – mrvu manja da sve bude kompaktnije */
.contact-image-col{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding-right:0;
  overflow:hidden;
}
.contact-image-col img{
  width: clamp(600px, 28vw, 700px);     /* bilo fiksno 580px */
  height:auto;
  max-width:none;
  object-fit: cover;
  object-position: center right;
  display:block;
}

/* Responsive */
@media (max-width: 1200px){
  .contact-wrap{ grid-template-columns: 1.15fr 1fr; }
  .contact-inner{ max-width: 600px; }
}
@media (max-width: 992px){
  .contact-wrap{ grid-template-columns: 1fr; }
  .contact-form-col{ padding: 22px 20px; }  /* još malo kompaktnije na tablet/mob */
  .contact-image-col img{ width:100%; height:auto; object-position:center; }
}

/* Manja forma unutar sekcije */
.contact-form-col {
  transform: scale(0.9);        /* smanji formu na 90% */
  transform-origin: center;     /* centrirano skaliranje */
}

@media (max-width: 992px) {
  .contact-form-col {
    transform: scale(1);        /* vrati normalno na mobilnim */
  }
}

.contact-image-col img {
  height: 100%;          /* popuni visinu roditelja */
  object-fit: cover;
}

.contact-wrap {
  align-items: stretch;   /* neka obe kolone budu iste visine */
  min-height: 400px;      /* po želji osnovna visina sekcije */
}



/* ===== Footer (clean compact version) ===== */
.site-footer {
  background: #0d1811;
  color: #dfe5df;
  font-family: 'Oswald', sans-serif;
  font-size: 0.95rem;
  letter-spacing: 0.01em;
  border-top: 1px solid rgba(255,255,255,.08);
}

.footer-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 18px 24px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 18px;
}

/* LEFT: Kontakt info */
.footer-contact {
  display: flex;
  flex-direction: column;     /* ⬅️ vertikalni raspored */
  align-items: flex-start;    /* poravnanje ulevo */
  gap: 6px;                   /* manji razmak između stavki */
}
.fc-item {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0.9;
  transition: opacity 0.2s ease;
}
.fc-item:hover { opacity: 1; color: var(--color-gold-accent, #ffb41c); }
.fc-item i { font-size: 1rem; }

/* CENTER: linkovi + copyright */
.footer-center {
  text-align: center;
}
.footer-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 4px;
}
.footer-links a {
  color: #dfe5df;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}
.footer-links a:hover {
  color: var(--color-gold-accent, #ffb41c);
}
.footer-copy {
  color: var(--color-gold-accent, #ffb41c);
  font-weight: 600;
}

/* RIGHT: soc mreže */
.footer-social {
  display: flex;
  justify-content: flex-end;
  gap: 14px;
}
.footer-social a {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fff;
  color: #0d1811;
  display: grid;
  place-items: center;
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.footer-social a:hover {
  background: var(--color-gold-accent, #ffb41c);
  color: #0d1811;
  transform: translateY(-2px);
}
.footer-social i { font-size: 1rem; }

/* Responsive */
@media (max-width: 992px) {
  .footer-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .footer-social {
    justify-content: center;
  }
  .footer-contact {
    justify-content: center;
  }
}
@media (max-width: 992px) {
  .footer-contact {
    align-items: center;
  }
}
.arrow {
  display: inline-block;
  vertical-align: middle;   /* poravna sa tekstom */
  transform: translateY(-5px); /* blago podigni */
  margin-left: .35rem;
  font-size: 0.9em; /* malo manja da ne dominira */
}

/* ======= FOUNDER / CEO SECTION ======= */
.leader-section{
  background: var(--darkdarkgreen);
  color:#fff;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
  padding: clamp(72px, 8vw, 110px) 4vw;
}

.leader-wrap{
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: clamp(28px, 5vw, 56px);
  align-items: start;
}

/* LEFT */
.leader-eyebrow{
  font-family:'Oswald', sans-serif;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size: clamp(1.6rem, 3.8vw, 2.4rem);
  margin: 0 0 6px;
}
.leader-name{ color: var(--color-gold-accent); }

.leader-divider{
  width: 200px;
  height: 3px;
  border: 0;
  background: var(--color-gold-accent);
  box-shadow: 0 0 14px rgba(255,180,28,.55);
  margin: 10px 0 18px;
}

.leader-facts{
  list-style: none;
  padding: 0; margin: 0 0 18px;
  font-family:'Oswald', sans-serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.leader-facts li{
  position: relative;
  padding-left: 22px;
  line-height: 1.35;
  margin: 6px 0;
}
.leader-facts li::before{
  content:"•";
  color: var(--color-gold-accent);
  position:absolute; left:0; top:-1px;
}

.leader-bio{
  font-family:'Open Sans', sans-serif;
  font-size: clamp(1rem, 1.6vw, 1.08rem);
  line-height: 1.85;
  color: rgba(255,255,255,.95);
  margin: 14px 0 24px;
  max-width: 70ch;
}

/* RIGHT – balanced image size and frame */
.leader-media {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}

.leader-photo {
  position: relative;
  margin: 0 auto;
  padding: clamp(8px, 1vw, 12px);
  padding-bottom: 0; /* ❗nema donjeg paddinga */
  border: 2px solid var(--color-gold-accent);
  border-radius: 20px;
  background: rgba(0,0,0,.25);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05),
              0 7px 16px rgba(0,0,0,.26);
  max-width: 460px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.leader-photo img {
  width: 100%;
  height: auto;
  display: block;
  border-bottom-left-radius: 18px;   /* zaobljenje da prati okvir */
  border-bottom-right-radius: 18px;
  object-fit: cover;
  margin-bottom: -2px; /* fino poravnanje ako se vidi linija */
}


.leader-quote{
  margin: 6px 0 0;
  font-family:'Open Sans', sans-serif;
  font-weight: 600;
  font-style: italic;
  line-height: 1.7;
  color: rgba(255,255,255,.92);
  border-left: 3px solid var(--color-gold-accent);
  padding-left: 14px;
}

/* RESPONSIVE */
@media (max-width: 992px){
  .leader-wrap{ grid-template-columns: 1fr; }
  .leader-media{ order: -1; } /* slika gore na mobilu, ako želiš */
}

/* Center everything on the left column */
.leader-copy{
  display: flex;
  flex-direction: column;
  align-items: center;    /* horizontal center */
  text-align: center;     /* center text */
}

/* Center the facts block and remove all markers/decorations */
.leader-facts{
  max-width: 720px;       /* po želji */
  margin: 0 auto 18px;
  text-align: center;
}
.leader-facts li{
  list-style: none;       /* skini default markere */
  padding-left: 0;        /* bez uvlake */
  margin: 6px 0;
}
.leader-facts li::before{
  content: none !important; /* ukloni custom “•” marker */
}

/* Bio ostaje centriran i lepše diše */
.leader-bio{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 70ch;
}

/* === LEADERS GRID === */
.leaders-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(18px, 2.4vw, 28px);
  margin: 48px auto 24px;
  max-width: 1400px;
  padding: 0 2vw;
}
@media (max-width: 1200px){ .leaders-grid{ grid-template-columns: repeat(3,1fr); } }
@media (max-width: 992px){  .leaders-grid{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 576px){  .leaders-grid{ grid-template-columns: 1fr; } }

/* === LEADER CARD (portret + collapsible) === */
.leader-card{
  background:#122117;
  border:2px solid var(--color-gold-accent);
  border-radius:14px;
  padding:14px 12px 12px;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
  display:flex;
  flex-direction:column;
  align-items:center;
  transition:transform .2s ease, box-shadow .2s ease;
}
.leader-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 22px rgba(0,0,0,.32);
}

/* ime */
.leader-card .person-name{
  font-family:'Oswald',sans-serif;
  font-weight:700;
  font-size:clamp(1rem,1.5vw,1.2rem);
  letter-spacing:.02em;
  color:#fff;
  margin:0 0 8px;
  text-align:center;
}

/* portret */
.leader-card .portrait{
  width:100%;
  display:grid;
  place-items:center;
  overflow:hidden;
  margin-bottom:8px;
}
.leader-card .portrait img{
  width:92%;
  height:auto;
  object-fit:contain;
  display:block;
}

/* === COLLAPSIBLE === */
.leader-accordion{
  width:100%;
  margin-top:6px;
  text-align:center;
}

/* details se ponaša kao blok ali ne “širi” grid */
.leader-accordion details{
  display:inline-block;   /* 👈 sprečava širenje visine celog reda */
  text-align:center;
  background:transparent;
  border:0;
}

/* summary (klik deo) */
.leader-accordion summary{
  list-style:none;
  cursor:pointer;
  font-family:'Oswald',sans-serif;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
  color:var(--color-gold-accent);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:4px 6px;
  transition:color .2s ease;
}
.leader-accordion summary:hover{color:#ffd776;}

/* ikonica */
.leader-accordion summary .material-icons-outlined{
  font-size:1.2em;
  transition:transform .25s ease;
}
.leader-accordion details[open] summary .material-icons-outlined{
  transform:rotate(180deg);
}

/* telo (bio) */
.leader-accordion .role-body{
  margin-top:6px;
  color:rgba(255,255,255,.92);
  font-family:'Open Sans',sans-serif;
  font-size:.95rem;
  line-height:1.5;
  text-align:center;
  max-width:34ch;
}
.leader-accordion .role-body ul{
  list-style:none;
  padding:0;
  margin:0;
}
.leader-accordion .role-body li{margin:3px 0;}

/* KONTEJNER ZA KARTICE (umesto grid-a) */
.leadership-grid{
  display:flex;
  flex-wrap: wrap;
  gap: 28px;                 /* razmak između kartica */
  align-items: flex-start;   /* da ostale ostanu gore, ne „prate“ visinu */
}

/* 4 u redu na desktopu, 2 na tablet, 1 na mobilu */
.leadership-grid .leader-card{
  flex: 1 1 calc(25% - 28px);
  max-width: calc(25% - 28px);
  height: auto;              /* bitno: nema fiksne/min visine */
}

@media (max-width: 1200px){
  .leadership-grid .leader-card{
    flex-basis: calc(33.333% - 28px);
    max-width:  calc(33.333% - 28px);
  }
}
@media (max-width: 992px){
  .leadership-grid .leader-card{
    flex-basis: calc(50% - 28px);
    max-width:  calc(50% - 28px);
  }
}
@media (max-width: 576px){
  .leadership-grid .leader-card{
    flex-basis: 100%;
    max-width:  100%;
  }
}

/* Ako negde postoji min-height na kartici – ukloni ga: */
.leader-card{ min-height: unset; }

.testimonials-section {
  background: var(--light-tur);
  color: #1a1a1a;
  padding: 90px 0 100px;
}

.testimonials-section .section-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 3vw;
}

/* Naslov */
.testimonials-heading {
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  margin-bottom: 2.5rem;
  letter-spacing: 0.03em;
  color: #111;
}

/* Grid */
.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.8rem;
}

@media (max-width: 1200px) {
  .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .testimonials-grid { grid-template-columns: 1fr; }
}

/* Kartica */
.testimonial-card {
  background: #fff;
  border: 2px solid rgba(0,0,0,.12);
  border-radius: 16px;
  padding: 28px 24px;
  text-align: center;
  box-shadow: 0 6px 14px rgba(0,0,0,.08);
  transition: transform .2s ease, box-shadow .2s ease;
}
.testimonial-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,.15);
}

/* Zvezdice */
.stars {
  color: #000;
  font-size: 1.4rem;
  letter-spacing: 2px;
  margin-bottom: 14px;
}

/* Tekst */
.testimonial-text {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.7;
  color: #111;
  margin-bottom: 1.4rem;
}

/* Autor */
.testimonial-author {
  font-family: 'Oswald', sans-serif;
  font-size: .95rem;
  font-weight: 700;
  color: #111;
}
.testimonial-author span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  display: block;
  margin-top: 2px;
  font-size: .9rem;
  color: #333;
}

/* Kartica postaje flex kolona */
.testimonial-card{
  display: flex;
  flex-direction: column;
  height: 100%;        /* da popuni visinu kolone u gridu */
  gap: 12px;           /* lep razmak među elementima */
}

/* Tekstu dozvoli da "pojede" prostor iznad autora */
.testimonial-text{
  flex: 1;             /* raste i gura autora dole */
}

/* Autor uvek pada na dno kartice */
.testimonial-author{
  margin-top: auto;    /* gurne autora na dno */
  padding-top: 8px;    /* malo vazduha iznad */
}

.testimonial-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  align-items: stretch; /* obezbedi istu visinu kolona */
}

/* Parent je centriran, pa autoru samo prebij poravnanje */
.testimonial-author{
  text-align: left;      /* više nije centrirano */
  align-self: flex-start;/* osigura da i kontejner “legne” ulevo u flex-u */
}

/* (opciono) malo ujednači tipografiju ispod */
.testimonial-author span{
  text-align: left;      /* ako želiš i podnaslov striktno ulevo */
}

/*--------------------------------------------------------------
# Partners
--------------------------------------------------------------*/
/* ==== PARTNERS: endless marquee bez overflowa ==== */
.partners,
.partners .container,
.partners .row,
.carouselpartners { overflow-x: clip; }

.carouselpartners{
  width: min(90%, 1200px);
  height: 200px;
  padding: 8px;
  margin: 0 auto;
  border-radius: 15px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  contain: layout paint;
  isolation: isolate;
}

/* Traka koja klizi */
.holderpartners{
  display: flex;            /* umesto inline-flex + nowrap */
  align-items: center;
  gap: 15px;                /* razmak između logoa */
  width: max-content;       /* širina prema sadržaju */
  will-change: transform;
  animation: marquee 28s linear infinite;
}
.holderpartners:hover{ animation-play-state: paused; }

/* Logo slike */
.holderpartners img{
  width: 100px;
  height: auto;
  display: block;
  transform-origin: center;
  transition: transform .2s ease;
}

/* Blagi hover zoom – iseče se u okviru karusela */
.partners img:hover{
  filter: none;
  transform: scale(1.12);
}

/* Klizanje od 0 do -50% (pošto je sadržaj dupliran JS-om) */
@keyframes marquee{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@media (max-width: 768px){
  .carouselpartners{ width: 100%; }
  .holderpartners{ gap: 10px; animation-duration: 40s; }
  .holderpartners img{ width: 70px; }
}

/* Sigurnosno: ako nešto drugo štrči */
html, body { overflow-x: clip; }


/* ===== Partners: dodatni spacing i poravnanje naslova ===== */
#partners.partners{ 
  padding: 36px 0 44px;              /* više vazduha gore/dole za ceo section */
}

/* Naslov – zadrži levo poravnanje, ali ne lepi uz ivicu */
#partners .section-title{
  max-width: min(1200px, 92vw);      /* uskladi sa širinom sadržaja */
  margin: 0 auto 10px;               /* centriraj “kontejner” naslova */
  padding-inline: 12px;              /* mali unutrašnji levo/desno */
}
#partners .section-title h2{
  margin: 0;                         /* skloni default margin */
  text-align: left;                  /* ostaje levo poravnat */
}

/* Dodatni vertikalni padding za unutrašnji .container sa karuselom */
#partners .container{
  padding-block: 12px;               /* mali razmak gore/dole u kontejneru */
}

/* Lagani razmak pre trake sa logotipima (po želji) */
#partners .carouselpartners{ 
  margin-top: 6px; 
}

/* Ako koristiš clip da sprečiš horizontalni scroll, zadrži i ovde */
#partners,
#partners .container,
#partners .row,
#partners .carouselpartners{ 
  overflow-x: clip; 
}

/* === Partners: veće ikonice na mobilnom === */
@media (max-width: 576px){
  /* malo veće logo slike i manji razmak */
  #partners .holderpartners img{
    /* biraj jednu od dve varijante: */
    /* 1) fiksno: */
    /* width: 92px; */

    /* 2) fluidno: blago raste s širinom ekrana */
    width: clamp(84px, 18vw, 104px);
    margin: 0 12px;
  }

  /* zadrži prijatan “air” oko trake */
  #partners .carouselpartners{
    padding: 10px 0;
  }

  /* isti bezkrajni loop (dupliran sadržaj) – pomeraj za -50% */
  #partners .holderpartners{
    animation: partnersMarqueeMobile 18s linear infinite;
  }
  @keyframes partnersMarqueeMobile{
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  /* i dalje bez horizontalnog skrola */
  #partners,
  #partners .container,
  #partners .row,
  #partners .carouselpartners{
    overflow-x: clip;
  }
}




/* MOBILE-ONLY CTA SIZE TUNING */
@media (max-width: 576px) {
  /* Hero primarno dugme */
  .btn-hero-cta{
    font-size: .95rem;         /* manje slova */
    padding: .6rem 1.1rem;     /* manji padding */
    border-radius: 36px;       /* malo uži “pill” */
    box-shadow: 0 4px 12px rgba(255,180,28,.35); /* blaži shadow */
  }

  /* Svetlo CTA dugme (belo) */
  .btn-cta-light{
    font-size: .95rem;
    padding: .6rem 1.1rem;
    border-radius: 36px;
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
  }

  /* Sign in u headeru */
  .btn-signin{
    font-size: .9rem;
    padding: .4rem .8rem;
    border-width: 1px;   /* tanji okvir na malim ekranima */
    border-radius: 8px;
    box-shadow: none;
  }

  /* Dugme na kontakt formi */
  .btn-contact{
    font-size: .95rem;
    padding: 10px 18px;
    border-radius: 28px;
    box-shadow: 0 4px 12px rgba(0,0,0,.22);
  }

  /* Ako imaš više CTA u herou – lepo se lome u redove */
  .hero-video .btn-group,
  .hero-video .cta-buttons,
  .hero .btn-group,
  .hero .cta-buttons{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
}

/* ===== Mobile layout za FOUNDER/CEO sekciju ===== */
@media (max-width: 992px) {
  /* Umesto grida, koristi kolonu da možemo da menjamo redosled */
  .leader-wrap{
    display: flex;
    flex-direction: column;
  }

  /* "Spusti" decu .leader-copy na isti nivo (da ih možemo ređati) */
  .leader-copy{
    display: contents; /* čuva DOM, menja render hijerarhiju */
  }

  /* 1) Naslov */
  .leader-copy > .leader-eyebrow{ order: 1; }

  /* 2) Prvi divider (ispod naslova) */
  .leader-copy > .hero-divider:nth-of-type(1){ order: 2; }

  /* 3) Bullet činjenice */
  .leader-copy > .leader-facts{ order: 3; }

  /* 4) Drugi divider (može i da se sakrije) */
  .leader-copy > .hero-divider:nth-of-type(2){
    order: 4;
    display: none; /* po želji: ukloni */
  }

  /* 5) Dugi bio — sakrij na mobilu */
  .leader-copy > .leader-bio{
    order: 5;
    display: none;
  }

  /* 6) Slika + citat idu posle teksta */
  .leader-media{ order: 6; }

  /* 7) Dugme "MEET OUR LEADERSHIP TEAM" ide tek na kraj */
  .leader-copy > .btn-cta-light{
    order: 7;
    align-self: center;
    margin-top: 12px;
  }
}

/* Veće AGES u okviru body teksta */
.feature-card .body span:last-child{
  display: inline-block;
  font-weight: 800;
  letter-spacing: .02em;
  font-size: clamp(1rem, 1.6vw, 1.15rem); /* mrvu veće od body max 1.05rem */
  white-space: nowrap; /* da ne prelomi (AGES (4–14)) */
}

.blog-section {
  padding: 96px 0; /* slično kao ostale sekcije */
}

.blog-empty {
  font-size: 1.1rem;
  opacity: 0.8;
}


/* ===== BLOG LIST – GRID + KARTICE ===== */

.about-impact .blog-grid {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 240px)); /* uži i ograničeni */
  gap: 1.4rem;
  justify-content: center;   /* centriraj grid */
  justify-items: stretch;
}

.blog-card {
  background: rgba(24,51,36, .95);
  border: 2px solid var(--color-gold-accent);
  border-radius: 16px;                /* mrvu manji radius */
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,.28);
  display: flex;
  flex-direction: column;
  min-height: 0;
  transition: transform .2s ease, box-shadow .2s ease;
}


.blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,.40);
}

/* Unutrašnjost kartice */
.blog-card-body {
  padding: 12px 14px 14px;   /* manje paddinga = manja kartica */
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  text-align: left;
  
}

/* Meta (datum, po želji još nešto) */
.blog-card-meta span {
  font-family: 'Oswald', sans-serif;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(255,255,255,0.7);
}

/* Naslov posta */
.blog-card-title {
  margin: 0;
}

.blog-card-title a {
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: clamp(1.05rem, 1.6vw, 1.3rem);
  color: #fff;
  text-decoration: none;
}

.blog-card-title a:hover {
  color: var(--color-gold-accent);
}

/* Kratki opis */
.blog-card-excerpt {
  margin: 4px 0 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.96rem;
  line-height: 1.6;
  color: rgba(255,255,255,0.92);
}
/* Slika na vrhu kartice – KVADRATNA */

.blog-card-image {
  width: 100%;
  aspect-ratio: 1 / 1;   /* kontejner je kocka */
  overflow: hidden;       /* iseče višak slike */
}

.blog-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* lepo popuni kvadrat */
  display: block;
}

/* ===== BLOG POST – SINGLE VIEW (split layout) ===== */

.blog-post-subtitle {
  margin: 8px 0 6px;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.02rem;
  line-height: 1.6;
  color: rgba(255,255,255,0.9);
}

.blog-post-meta {
  font-family: 'Oswald', sans-serif;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(255,255,255,0.7);
  margin-top: 4px;
}

.blog-post-section {
  background: #0f1a13;
  padding: 60px 0 90px;
  border-top: 1px solid rgba(255,255,255,.06);
}

.blog-post-container {
  max-width: 1000px;
  margin: 0 auto;
}

/* Kartica sa podeljenim layoutom */
.blog-post-card {
  background: rgba(24,51,36,.97);
  border: 2px solid var(--color-gold-accent);
  border-radius: 20px;
  box-shadow: 0 8px 22px rgba(0,0,0,.5);
  padding: 20px 22px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* Tekstualni deo – levo */
.blog-post-main {
  flex: 1 1 260px;
  min-width: 0;
}

/* Tekst sadržaja */
.blog-post-content {
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  color: rgba(255,255,255,0.95);
}

.blog-post-content h2,
.blog-post-content h3,
.blog-post-content h4 {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  letter-spacing: .02em;
  margin-top: 1.6rem;
  margin-bottom: 0.6rem;
  color: #fff;
}

.blog-post-content p {
  margin-bottom: 0.9rem;
}

.blog-post-content ul,
.blog-post-content ol {
  margin: 0.6rem 0 0.9rem 1.2rem;
}

/* Slika – desna kolona, KVADRATNA */
.blog-post-side-image {
  flex: 0 0 260px;
  max-width: 320px;
  aspect-ratio: 1 / 1;      /* kocka */
  border-radius: 16px;
  overflow: hidden;
  align-self: flex-start;
}

.blog-post-side-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Back link ispod kartice */
.blog-post-back {
  margin-top: 16px;
}

.blog-back-link {
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--color-gold-accent);
  text-decoration: none;
}

.blog-back-link:hover {
  color: #ffd776;
}

/* Responsive – na mobilu stack: slika gore, tekst dole */

@media (max-width: 768px) {
  .blog-post-card {
    flex-direction: column-reverse; /* prvo tekst, ispod slika ili obrnuto po želji */
    padding: 16px 16px;
  }

  .blog-post-side-image {
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
    margin-bottom: 8px;
    aspect-ratio: 1 / 1; /* i dalje kocka, ali full width */
  }

  .blog-post-content {
    font-size: 0.97rem;
  }

  .blog-post-section {
    padding: 40px 0 70px;
  }
}


/******************BLOG LANDING PAGE*********************/
/* ===== HOME BLOG SECTION (landing) – light cards ===== */

.home-blog {
  background: var(--light-tur);
  color: #1a1a1a;
  padding: 90px 0 100px;
  border-top: 1px solid rgba(0,0,0,.06);
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.home-blog-header .section-title {
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  margin-bottom: 0.8rem;
  letter-spacing: 0.03em;
  color: #111;
}

.home-blog-header .section-lead {
  max-width: 720px;
  margin: 0.4rem auto 1.8rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.02rem;
  line-height: 1.7;
  color: #333;
}

.home-blog .section-divider--gold {
  display: block;
  width: 140px;
  height: 3px;
  border: none;
  background: var(--color-gold-accent);
  margin: 0 auto 1.4rem;
}

/* GRID za 3 kartice */
/* GRID za 3 kartice – COMPACT kao na blog.php */
.home-blog-grid {
  margin-top: 2.2rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 260px)); /* manje širine */
  gap: 1.6rem;
  justify-content: center;  /* da stoje lepo centrirane u redu */
}

/* Kartica – ograniči max širinu da ne raste preko 260px */
.home-blog-card {
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 6px 14px rgba(0,0,0,.09);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .18s ease, box-shadow .18s ease;

  max-width: 260px;   /* isto kao blog kartice */
  margin: 0 auto;     /* centriraj unutar kolone */
}


.home-blog-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 22px rgba(0,0,0,.15);
}

/* Slika – kvadrat gore */
.home-blog-image img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}

/* Tekstualni deo */
.home-blog-body {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
}

/* Meta (datum) */
.home-blog-meta span {
  font-family: 'Oswald', sans-serif;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #777;
}

/* Naslov */
.home-blog-title {
  margin: 0;
}

.home-blog-title a {
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: 1rem;
  color: #111;
  text-decoration: none;
}

.home-blog-title a:hover {
  color: var(--color-gold-accent);
}

/* Excerpt */
.home-blog-excerpt {
  margin: 2px 0 4px;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.94rem;
  line-height: 1.6;
  color: #444;
}

/* Read more link */
.home-blog-readmore {
  margin-top: auto;
  font-family: 'Oswald', sans-serif;
  font-size: 0.86rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--color-link);
  text-decoration: none;
}

.home-blog-readmore:hover {
  color: var(--color-gold-accent);
}

/* Footer sa dugmetom */
.home-blog-footer {
  margin-top: 2.4rem;
}

/* Mobilni: malo zbijenije */
@media (max-width: 576px) {
  .home-blog {
    padding: 70px 0 80px;
  }
  .home-blog-body {
    padding: 12px 14px 14px;
  }
  .home-blog-excerpt {
    font-size: 0.9rem;
  }
}

/* Manji font za mobilne */
@media (max-width: 576px) {
  .hero-subtitle {
    font-size: 0.90rem;   /* prilagodi po ukusu */
    line-height: 1.6;
  }

  .about-impact .section-title {
    font-size: 1.2rem;    /* i ovo slobodno koriguj */
    line-height: 1.6;
    text-align: center;   /* ako želiš da bude centriran na mobilnom */
  }
  
  .hero-title .highlight {
    display: block;      /* tera tekst u novi red */
    margin-top: 0.25rem; /* malo razmaka od WELCOME TO, po želji */
  }
}