/* === Custom style overrides (Mirt / Čebelarstvo Robič) ================== */

/* Barvna spremenljivka (zlata – svetlejša) */
:root{
  --gold: #C9A227; /* malo svetlejša od prejšnje */
}

/* Osnovni slog */
body{
  font-family:'Raleway',sans-serif;
  color:#222;
  background:#fff;
  line-height:1.6;
}

h1,h2,h3,h4,h5,h6{
  font-weight:800;
  letter-spacing:.03em;
}

/* =========================
   HEADER – sticky, centriran logo
   ========================= */
.site-header{
  background:#fffdf8;
  border-bottom:2px solid #f2c94c;
  text-align:center;
  position:sticky;
  top:0;
  z-index:400;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
}
body.ccm-toolbar-visible .site-header{ top:40px !important; }
.ccm-edit-mode .site-header{ position:static !important; box-shadow:none; }

/* Logo v headerju */
.site-logo-link{ display:inline-block; padding:10px 0; text-decoration:none; color:inherit; }
.site-logo-link img,
.site-logo-wrap img,
.site-header .ccm-image-block img{
  display:block; margin:0 auto; width:auto !important; height:auto !important;
  max-height:70px !important; max-width:100%;
}
@media (max-width:768px){
  .site-logo-link img,.site-logo-wrap img,.site-header .ccm-image-block img{ max-height:56px !important; }
}

/* =========================
   PAGE HEADER
   ========================= */
.page-header-section{ text-align:center; margin-bottom:40px; }
.page-header-section.page-header--home{ padding-bottom:40px; }
.ccm-custom-style-pageheader{ padding:40px 20px 40px 20px !important; }

/* =========================
   FOOTER
   ========================= */
footer{ background:#363227; color:#f8f8f8; padding:50px 0 20px; border-top:none !important; }
footer a{ color:#f2c94c; text-decoration:none; }
footer a:hover{ color:#fff; text-decoration:underline; }
footer hr{ display:none !important; }
footer .concrete-branding{ border-top:none !important; padding-top:15px; font-size:.9rem; color:#f2c94c; text-align:left; }
footer .concrete-branding a{ color:#f2c94c; text-decoration:none; }
footer .concrete-branding a:hover{ color:#fff; }
@media (max-width:768px){
  footer .row>div{ margin-bottom:20px; text-align:center; }
  footer{ padding:30px 0 10px; }
}

/* =========================
   HAMBURGER / MOBILNA NAVIGACIJA
   ========================= */
.navbar-toggler{ border:0; padding:.25rem .5rem; }
.navbar-toggler-icon{
  display:inline-block; width:1.5em; height:1.5em;
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0,0,0,.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  background-repeat:no-repeat; background-position:center; background-size:100% 100%;
}
@media (min-width:992px){ #siteMainNav.collapse{ display:block !important; } }

/* MOBI: brez “kartice” – odstrani podlago, senco, črto; poravnaj levo */
@media (max-width:991.98px){
  #siteMainNav{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-top: .5rem;
    padding: 0 !important;           /* brez notranjega roba panela */
  }

  .site-primary-nav ul.nav{
    display:flex; flex-direction:column; align-items:flex-start; /* LEVO poravnano */
    gap:.0rem; 
    margin:.25rem 0 0; 
    padding-left: 0rem;         /* malo levega roba */
  }

  .site-primary-nav ul.nav > li{
    width:100%;
    border:0 !important;
    box-shadow:none !important;
  }

  .site-primary-nav ul.nav > li > a{
    display:block;
    width:100%;
    text-align:left;
    padding-top:.8rem; 
    padding-bottom:0rem;
padding-left: 0rem !important;                /* čist, brez okvirja */
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

/* =========================
   PRIMARY NAV – desktop & skupno
   ========================= */

/* RAZMIK med logom in menijem (skupno mesto nastavitve) */


.site-logo-wrap{ margin-bottom: 0; }

.site-primary-nav .nav{
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:0rem; 
  margin:0; 
  padding-top:1rem; 
padding-bottom:0rem;
  list-style:none;
}
.site-primary-nav .nav > li > a{
  text-transform:uppercase;
  font-weight:400;
  letter-spacing:.04em;
  text-decoration:none !important;
  color:#2b2b2b;
  padding:.6rem .9rem;
  border:none !important;
  background:transparent;
  border-radius:.5rem;
  transition:color .15s ease;
}

/* Hover/aktivno – samo barva črk (brez ozadja) */
.site-primary-nav .nav > li > a:hover,
.site-primary-nav .nav > li > a:focus{
  color: var(--gold);
  background: transparent;
  outline:none;
}
.site-primary-nav .nav > li.nav-selected > a,
.site-primary-nav .nav > li.nav-path-selected > a,
.site-primary-nav .nav > li.active > a{
  color: var(--gold);
  background: transparent;
}