.elementor-5411 .elementor-element.elementor-element-464f92e9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5411 .elementor-element.elementor-element-464f92e9:not(.elementor-motion-effects-element-type-background), .elementor-5411 .elementor-element.elementor-element-464f92e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F9FC;}.elementor-5411 .elementor-element.elementor-element-464f92e9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5411 .elementor-element.elementor-element-1a9f6164{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5411 .elementor-element.elementor-element-1a9f6164.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5411 .elementor-element.elementor-element-112847a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5411 .elementor-element.elementor-element-112847a0.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5411 .elementor-element.elementor-element-6d5736b .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:50px;font-weight:600;color:#135EAE;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5411 .elementor-element.elementor-element-1a9f6164{--width:30%;}.elementor-5411 .elementor-element.elementor-element-112847a0{--width:70%;}}@media(max-width:1366px) and (min-width:768px){.elementor-5411 .elementor-element.elementor-element-464f92e9{--width:1222px;}.elementor-5411 .elementor-element.elementor-element-1a9f6164{--width:285.641px;}.elementor-5411 .elementor-element.elementor-element-112847a0{--width:841.328px;}}/* Start custom CSS for global, class: .elementor-global-5921 *//* =========================
CUSTOM VERTICAL MENU - MINIMALIST
========================= */
.custom-vertical-menu {
    background: #F5F9FC;       /* svetlo ozadje */
    padding: 20px;             /* manj paddinga za minimalističen občutek */
    border-radius: 8px;        /* subtilni robovi */
    border-right: 1px solid #e2e8f0; /* subtilna ločnica */
    position: relative;
}

/* vsaka sekcija menija */
.custom-vertical-menu .menu-section {
    margin-bottom: 25px;       /* manjši razmik med sekcijami */
}

/* ikona v naslovu */
.menu-icon {
    display: flex;
    align-items: center;
    color: #135EAE;            /* ohranjena modra za ikone */
}

/* seznam menija */
.custom-vertical-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-vertical-menu ul li {
    margin-bottom: 6px;        /* manjši razmik med linki */
}

/* naslovi sekcij */
.custom-vertical-menu h3 {
    font-size: 18px;      
    font-weight: 600;
    letter-spacing: 0.2px; 
    margin-bottom: 12px;
    color: #135EAE;            /* ohranjena modra */
    display: flex;
    align-items: center;
    gap: 8px;
}

/* povezave */
.custom-vertical-menu ul li a {
    font-size: 16px;      
    line-height: 1.5;    
    color: #475569;           /* temno siva za minimalističen kontrast */
    transition: color 0.2s ease;
    text-decoration: none;
}

/* hover efekt za povezave */
.custom-vertical-menu ul li a:hover {
    color: #135EAE;           /* samo sprememba barve, brez premika */
}

/* odstranjen gradient, minimalistično je čisto */
.custom-vertical-menu::after {
    display: none;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-5921 */.custom-vertical-menu {
    background: #F5F9FC;
    padding: 30px;

}

.custom-vertical-menu .menu-section {
    margin-bottom: 35px;
}


.menu-icon {
    display: flex;
    align-items: center;
    color: #135EAE; 
}

.custom-vertical-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-vertical-menu ul li {
    margin-bottom: 8px;
}

.custom-vertical-menu h3 {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 20px;      
    font-weight: 600;
    letter-spacing: 0.3px; 
    margin-bottom: 16px;
    color: #135EAE;        
}

.custom-vertical-menu ul li a {
    font-size: 18px;      
    line-height: 1.6;    
    color: #475569;       
    transition: all 0.3s ease;
}


.custom-vertical-menu ul li a:hover {
    color: #135EAE;
    padding-left: 6px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b0297c *//* RESET */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  font-family: 'Poppins', sans-serif;
  color: #24364f;
  background: #ffffff;
  line-height: 1.6;
}

/* CONTAINER */
.container {
  max-width: 1100px;
  margin: auto;
  padding: 0 20px;
}

/* =========================
   LAYOUT (2 STOLPCA)
========================= */
.ambulanta-layout .urnik-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-top: 16px;
}

.ambulanta-layout .dodatneinfo-col {
  grid-column: 1 / -1;
}

/* =========================
   BOX (BREZ LEVEGA ROBA)
========================= */
.info-box {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  transition: all 0.2s ease;
}

.info-box:hover {
  box-shadow: 0 6px 14px rgba(0,0,0,0.08);
}

/* TITLE */
.box-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1f3b5c;
  margin-bottom: 8px;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 6px;
}

/* =========================
   URNIK
========================= */
.urnik-row {
  display: flex;
  justify-content: space-between;
  padding: 6px 4px;
  font-size: 0.95rem;
  border-bottom: 1px solid #f1f5f9;
}

.urnik-row:last-child {
  border-bottom: none;
}

.urnik-day {
  font-weight: 500;
}

.urnik-time {
  font-weight: 600;
  color: #1f3b5c;
}

.urnik-row.danes {
  background: #f8fafc;
}

/* =========================
   OBVESTILA
========================= */
.obvestila-list {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.obvestila-card {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 12px;
}

/* =========================
   ODS (PATRONAŽA)
========================= */
.ods-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin-top: 16px;
  margin-left: 22px;
  margin-right:20px;
}

.ods-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.ods-card h3 {
  font-size: 1.05rem;
  font-weight: 600;
  color: #1f3b5c;
  margin-bottom: 6px;
}

/* LINKS */
a {
  color: #1f3b5c;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* BUTTON */
.ods-terrain-btn {
  margin-top: 10px;
  padding: 8px 14px;
  border-radius: 6px;
  border: 1px solid #1f3b5c;
  background: transparent;
  color: #1f3b5c;
  font-size: 13px;
  cursor: pointer;
  transition: 0.2s;
}

.ods-terrain-btn:hover {
  background: #1f3b5c;
  color: #fff;
}

/* MODAL */
.ods-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9999;
}

.ods-modal-content {
  background: #fff;
  max-width: 500px;
  margin: 10% auto;
  padding: 20px;
  border-radius: 8px;
  position: relative;
}
.ods-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.ods-modal-content {
  background: #fff;
  max-width: 600px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  padding: 20px;
  border-radius: 8px;
  position: relative;
  outline: none;
}

.ods-modal-content:focus {
  outline: 2px solid #1f3b5c;
}

.ods-close {
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 20px;
  background: none;
  border: none;
  cursor: pointer;
}

/* tekst */
.ods-modal-content p {
  margin-bottom: 8px;
}

.ods-modal-content ul {
  padding-left: 18px;
  margin-bottom: 10px;
}

.ods-modal-content li {
  margin-bottom: 4px;
}

.ods-close {
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 20px;
  cursor: pointer;
}
.ods-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.ods-modal-content {
  background: #fff;
  max-width: 600px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;   /* 🔥 scroll */
  padding: 24px;
  border-radius: 10px;
  position: relative;
  outline: none;
}

.ods-close {
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 22px;
  cursor: pointer;
  background: none;
  border: none;
}

/* tekst */
#odsModalText {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.7;
}

#odsModalText ul {
  margin: 6px 0 12px 18px;
}

#odsModalText li {
  margin-bottom: 4px;
}

#odsModalText strong {
  display: block;
  margin-top: 10px;
  color: #1f3b5c;
}

/* focus za dostopnost */
.ods-close:focus,
.ods-modal-content:focus {
  outline: 3px solid #2563eb;
}
/* =========================
   MODAL OVERLAY
========================= */
.ods-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(15, 60, 107, 0.6); /* bolj “zdravstven” modri overlay */
  backdrop-filter: blur(3px);
  z-index: 9999;
}

/* =========================
   MODAL BOX
========================= */
.ods-modal-content {
  background: #ffffff;
  max-width: 600px;
  width: 90%;
  margin: 8% auto;
  padding: 24px 26px;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  animation: odsFadeIn 0.25s ease;
}

/* ANIMATION */
@keyframes odsFadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================
   TITLE
========================= */
.ods-modal-content h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #1f3b5c;
  margin-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 6px;
}

/* =========================
   CONTENT (TVOJE BESEDILO)
========================= */
#odsModalText {
  font-size: 0.95rem;
  color: #24364f;
  line-height: 1.6;
}

/* lepše odstavke */
#odsModalText p {
  margin-bottom: 10px;
}

/* če imaš seznam */
#odsModalText ul {
  margin: 10px 0 10px 20px;
}

#odsModalText li {
  margin-bottom: 6px;
}

/* poudarki */
#odsModalText strong {
  color: #1f3b5c;
}

/* =========================
   CLOSE BUTTON
========================= */
.ods-close {
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 22px;
  font-weight: bold;
  color: #6b7280;
  cursor: pointer;
  transition: 0.2s;
}

.ods-close:hover {
  color: #1f3b5c;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 600px) {
  .ods-modal-content {
    margin: 20% auto;
    padding: 18px;
  }
}
/* =========================
   RESPONSIVE
========================= */
@media (max-width: 768px) {
  .ambulanta-layout .urnik-wrapper {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */