/* =========================================================
   🔤 NASLOV DOGODKOV – brez rezanja
   ========================================================= */
.fc .fc-daygrid-event .fc-event-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal !important;
  overflow: visible !important;
  -webkit-line-clamp: 3;
  line-height: 1.25;
}

@media (max-width: 760px) and (orientation: portrait) {
  .fc .fc-daygrid-event .fc-event-title {
    -webkit-line-clamp: unset !important;
  }
}

/* =========================================================
   🟢 MOBILNA RAZŠIRITEV CELIC
   ========================================================= */
@media (max-width: 760px) {

  .fc .fc-daygrid-day-frame {
    height: auto !important;
    min-height: 90px !important;
  }

  .fc .fc-daygrid-day-events {
    padding: 2px 2px !important;
    overflow: visible !important;
  }

  .fc .fc-daygrid-event-harness {
    margin-bottom: 6px !important;
  }

  .fc .fc-daygrid-event {
    padding: 2px 2px !important;
    border-radius: 4px !important;
    font-size: 14px;
  }
}

/* =========================================================
   🎨 LEGENDA
   ========================================================= */
.calendar-legend {
  padding: 10px 0 15px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  font-size: 14px;
  color: #124634;
}

.calendar-legend span {
  display: flex;
  align-items: center;
  gap: 6px;
}

.leg-box {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,0.15);
}

/* Pastelne barve legende */
.leg-box.starsi   { background: #FFD8A8; border-color:#FFC38A; }
.leg-box.vrtci    { background: #FFF9C4; border-color:#FFF59D; }
.leg-box.podjetja { background: #BBDEFB; border-color:#90CAF9; }
.leg-box.osnovne  { background: #FFCDD2; border-color:#EF9A9A; }
.leg-box.srednje  { background: #E1BEE7; border-color:#CE93D8; }
.leg-box.ostalo   { background: #C8E6C9; border-color:#A5D6A7; }


/* ===============================
   📱 MOBILE FIX – CARD MODE
================================= */
@media (max-width: 760px) {

  /* Celica dneva naj se razširi */
  .fc .fc-daygrid-day-frame {
    height: auto !important;
    min-height: 90px !important;
    padding-bottom: 4px;
  }

  /* Dogodek kot kartica */
  .fc-daygrid-event {
    display: block !important;
    width: 100% !important;
    max-width: 95% !important;
    margin: 2px auto !important;
    border-radius: 10px !important;
    padding: 4px 8px !important;
    font-size: 15px !important;
    white-space: normal !important;
    line-height: 1.3 !important;
    overflow: visible !important;
    text-align: left !important;
  }

  /* Glavni tekst dogodka */
  .fc-event-title {
    white-space: normal !important;
    overflow: visible !important;
    font-weight: 300 !important;
    font-size: 11px !important;
  }

  /* Odstrani smetke */
  .fc-daygrid-event-dot {
    display: none !important;
  }

  /* Razmik med dogodki */
  .fc-daygrid-event-harness {
    margin-bottom: 8px !important;
    height: auto !important;
  }
}
/* ============================================================
   📱 MOBILE OPTIMIZACIJA KOLEDARJA – HFL FINAL BUNDLE
============================================================ */

/* ----- LEGENDA ----- */
.calendar-legend {
  padding: 10px 0 15px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  font-size: 14px;
  color: #124634;
}
.calendar-legend span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.leg-box {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,0.15);
}
.leg-box.starsi   { background: #FFD8A8; border-color:#FFC38A; }
.leg-box.vrtci    { background: #FFF9C4; border-color:#FFF59D; }
.leg-box.podjetja { background: #BBDEFB; border-color:#90CAF9; }
.leg-box.osnovne  { background: #FFCDD2; border-color:#EF9A9A; }
.leg-box.srednje  { background: #E1BEE7; border-color:#CE93D8; }
.leg-box.ostalo   { background: #C8E6C9; border-color:#A5D6A7; }

/* ============================================================
   📱 MOBILE BADGE MODE – SKRIJ NASLOV, PRIKAŽI OZNKO (badge)
============================================================ */
@media (max-width: 760px) {

  /* Razširi celice */
  .fc-daygrid-day-frame {
    height: auto !important;
    min-height: 90px !important;
    padding-bottom: 6px;
  }

  /* Dogodki kot kartice */
  .fc-daygrid-event {
    display: block !important;
    width: 100% !important;
    max-width: 95% !important;
    margin: 6px auto !important;
    padding: 0px 0px !important;
    border-radius: 10px !important;
    font-size: 6px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    white-space: normal !important;
    overflow: visible !important;
  }

  /* Skrij celoten realni naslov → badge ga bo nadomestil */
  .fc-daygrid-event .fc-event-title {
    font-size: 0 !important;
    line-height: 0 !important;
  }

  /* Badge */
  .event-badge {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0px 0px;
    font-size: 5px;
    font-weight: 300;
    border-radius: 8px;
    background: rgba(20,130,107,0.15);
    color: #124634;
  }

  .fc-daygrid-event-harness {
    margin-bottom: 8px !important;
    height: auto !important;
  }
}
/* ============================================================
   🖥️ DESKTOP & TABLET BADGE MODE – VEČJI FONT, ISTI SISTEM
============================================================ */
@media (min-width: 761px) {

  /* Razširi celice */
  .fc-daygrid-day-frame {
    height: auto !important;
    min-height: 120px !important;
    padding-bottom: 8px;
  }

  /* Dogodki kot kartice */
  .fc-daygrid-event {
    display: block !important;
    width: 100% !important;
    max-width: 92% !important;
    margin: 8px auto !important;
    padding: 4px 6px !important;
    border-radius: 12px !important;
    font-size: 12px !important;     /* 📌 večji font */
    line-height: 1.3;
    box-shadow: 0 2px 5px rgba(0,0,0,0.18);
    white-space: normal !important;
    overflow: visible !important;
  }

  /* Skrij pravi naslov (enako kot mobile) */
  .fc-daygrid-event .fc-event-title {
    font-size: 0 !important;
    line-height: 0 !important;
  }

  /* Badge – večji, bolj “tablet/desktop” stil */
  .event-badge {
    display: block;
    text-align: center;
    padding: 4px 6px;
    width: 100%;
    border-radius: 10px;
    font-size: 11px;                /* 📌 večji font */
    font-weight: 500;
    background: rgba(20,130,107,0.18);
    color: #124634;
  }

  /* Razmik med dogodki */
  .fc-daygrid-event-harness {
    margin-bottom: 10px !important;
    height: auto !important;
  }
}
}
.com-content-article .sppb-addon-text p {
    font-size: 18px;
    line-height: 1.75;
}
/* =========================================
   HFL BLOG – TYPOGRAPHY PRESET (HELIX SAFE)
   ========================================= */

/* Reset Helix rem scaling for blog only */
.com-content-article .entry-content,
.com-content-article .article-editorial {
    font-size: 18px !important;
    line-height: 1.8 !important;
}

.com-content-article .entry-content p,
.com-content-article .entry-content li,
.com-content-article .article-editorial p,
.com-content-article .article-editorial li {
    font-size: inherit !important;
    line-height: inherit !important;
}
.com-content-article .entry-content,
.com-content-article .article-editorial {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 18px;
    font-weight: 400;
    letter-spacing: 0.1px;
    color: #1f2933;
}
.com-content-article h1 {
    font-size: 2.1rem;
    margin-top: 2.2rem;
}

.com-content-article h2 {
    font-size: 1.6rem;
    margin-top: 2rem;
}

.com-content-article h3 {
    font-size: 1.3rem;
    margin-top: 1.6rem;
}

@media (max-width: 767px) {
    .com-content-article .entry-content,
    .com-content-article .article-editorial {
        font-size: 19px !important;
        line-height: 1.85 !important;
        padding: 0 14px;
    }

    .com-content-article h2 {
        font-size: 1.5rem;
    }

    .com-content-article h3 {
        font-size: 1.25rem;
    }
}