/* Congress Scheduler frontend styles */
.cs-wrap{font-family:inherit}
/* visina zaglavlja stupca (naslov dvorane) */
.cs-wrap{ --cs-room-header: 56px; }   /* po potrebi 52–64px */

/* Top bar: dani + download */
.cs-topbar{
  display:flex;gap:12px;align-items:center;flex-wrap:wrap;
  margin-bottom:10px; margin-left:20px;
}
.cs-topbar--filters{margin-top:-4px}

.cs-tabs{display:flex;gap:8px;flex-wrap:wrap}
.cs-tab{border:1px solid #e3e3e3;background:#f7f7f7;border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:600;color:#222;}
.cs-tab span{opacity:.7;margin-left:6px}
.cs-tab.is-active{background:#c89e40;color:#fff;border-color:#c89e40}

.cs-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:50px}
.cs-filter{border:1px solid #e3e3e3;background:#f7f7f7;border-radius:999px;padding:6px 12px;cursor:pointer;color: #222;}
.cs-filter.is-active{background:#f7f7f7;color:#c89e40;border-color:#c89e40;font-weight:bold;}

.cs-download{margin-left:auto;background:#c89e40;color:#fff;border:0;border-radius:12px;padding:8px 14px;font-weight:700;cursor:pointer}

/* Dani */
.cs-day{display:none}
.cs-day.is-active{display:block}

/* Grid */
.cs-scroller{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:10px}
.cs-grid{display:flex;min-width:1100px}

.cs-timecol{width:70px;flex:0 0 70px;border-right:1px solid #e7ecf3;padding-top: var(--cs-room-header);}
.cs-hour{
  height:360px;               /* 1 sat = 360px (6 px/min) */
  line-height:360px;
  font-weight:600;color:#3a4454;border-bottom:1px dashed #ecf1f6;font-size:12px;padding-left:4px
}

.cs-rooms{display:flex;gap:16px;flex:1;min-width:1100px}
.cs-room{min-width:480px;flex:0 0 480px}
.cs-room-title{position:sticky;top:0;background:#c89e40;color:#fff;border-radius:8px;padding:10px;font-weight:700;z-index:2;height: var(--cs-room-header);display: flex;align-items: center; /* ako želiš spriječiti prelamanje: */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* Trake po satu (6 px/min → 360 px/h) + tanka linija svaki sat */
.cs-room-body{
  position:relative;
  border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7;
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.05) 1px, rgba(0,0,0,0) 1px),
    repeating-linear-gradient(to bottom, #fefefe 0, #f6f6f6 360px, #fefefe 360px, #f6f6f6 720px) !important;
  background-size:100% 360px, 100% 720px !important;
  background-position:0 0, 0 0;
  background-repeat:repeat-y, repeat;
}

/* Event kartice */
.cs-event{
  position:absolute;left:8px;right:8px;
  background:#f6edd4;border:1px solid #c89e40;border-radius:12px;
  padding:6px 8px;box-shadow:none;cursor:pointer;overflow:hidden;
  z-index:1;transition:box-shadow .15s ease, transform .1s ease;
  min-height:60px;           /* čitljivo i za kratke slotove */
}
.cs-event--hover{box-shadow:0 10px 30px rgba(0,0,0,.15);}

.cs-event-time{font-size:12px;opacity:.8}
.cs-event-title{font-weight:700;font-size:12px;line-height:1.1;margin:2px 0}
.cs-event-sub{opacity:.9;font-size:12px;line-height:1.1}
.cs-event-cat{font-size:12px;margin-top:4px;opacity:.9}

/* Speakers red u kartici */
.cs-event-speakers{
  display:flex;align-items:flex-start;gap:6px;margin-top:6px;font-size:13px;line-height:1.2;
}
.cs-event-speakers svg{flex:0 0 auto;margin-top:2px;opacity:.7}

/* Modal */
.cs-modal{position:fixed;inset:0;display:none;z-index:1000;}
.cs-modal[aria-hidden="false"]{display:block;}
.cs-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);}
.cs-modal-dialog{
  position:relative;z-index:1;max-width:900px;width:90%;
  max-height:90vh;overflow-y:auto;margin:40px auto;background:#fff;
  border-radius:12px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.3);
}
.cs-modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:24px;cursor:pointer}
#csModalTitle{font-size:28px;line-height:1.2;margin:0 36px 8px 0;font-weight:800}
.cs-modal-meta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px;font-weight:600}
.cs-modal-sub{margin:8px 0}
.cs-modal-speakers{opacity:.9;margin-bottom:6px}
.cs-modal-subevents{border-top:1px solid #eef2f6;margin-top:10px;padding-top:8px}
#header-outer{z-index:99 !important}

/* Subevents tablica – svijetla zebra, resetiraj tamne stilove */
.cs-modal .cs-se{
  width:100%;
  border-collapse:collapse;
  background:#fff !important;
  border-radius:8px;
  overflow:hidden;
}

.cs-modal .cs-se tbody tr td,
.cs-modal .cs-se tbody tr th{
  background:#fff !important;
  color:#111 !important;
  border:1px solid #e8edf5 !important;
  padding:10px 12px !important;
  vertical-align:top;
}

/* širine */
.cs-modal .cs-se td.t   { white-space:nowrap; font-weight:600; opacity:.9; width:120px; }
.cs-modal .cs-se td.s   { width:28%; }   /* predavač */
.cs-modal .cs-se td.ttl { width:auto; }  /* naslov predavanja */

/* FORCE LIGHT TABLE IN MODAL (overrides theme) */
.cs-modal .cs-se{
  width:100%;
  border-collapse:collapse;
  background:#fff !important;
  border-radius:8px;
  overflow:hidden;
}

/* resetiraj sve ćelije */
.cs-modal .cs-se tbody tr{ display:table-row !important; }
.cs-modal .cs-se tbody tr td,
.cs-modal .cs-se tbody tr th{
  background:#fff !important;
  color:#111 !important;
  border:1px solid #e8edf5 !important;
  padding:10px 12px !important;
  vertical-align:top;
}

/* zebra isključivo na ćelije (ne na <tr>) da pregazi temu */
.cs-modal .cs-se tbody tr:nth-child(odd)  td{ background:#fbfdff !important; }
.cs-modal .cs-se tbody tr:nth-child(even) td{ background:#f6f9fc !important; }

/* Modal — uvijek najviše od svega */
.cs-modal{ position:fixed; inset:0; display:none; z-index:2147483000; }
.cs-modal.show,
.cs-modal[aria-hidden="false"]{ display:block; }

.cs-modal-backdrop{ z-index:2147483001; }
.cs-modal-dialog{   z-index:2147483002; }

/* zaključaj scroll dok je modal otvoren */
html.cs-modal-open{ overflow:hidden; }

/* SATELITI */
.cs-event.term-33{
  background:#ececec;
  border-color:#c89e40;
}
.cs-event.term-33 .cs-event-time, .cs-event.term-33 .cs-event-cat, .cs-event.term-33 .cs-event-title, .cs-event.term-33 .cs-event-sub{
color: #222222 !IMPORTANT;
}

/* EXPERT */
.cs-event.term-36{
  background:#FFF;
  border-color:#c89e40;
}
.cs-event.term-36 .cs-event-time, .cs-event.term-36 .cs-event-cat, .cs-event.term-36 .cs-event-title, .cs-event.term-36 .cs-event-sub{
color: #222 !IMPORTANT;
}
/* J&J */
.cs-event.term-36 .cs-event-title::after {
  content: url('https://huk-uof.com/wp-content/uploads/2025/09/HUOF-JJMeetExpert-JJ2.jpg');
border-radius: 10px;
  display: block;
  margin-top: 20px;
}

/* RADIONICE */
.cs-event.term-37{
  background:#FFF;
  border-color:#e1e1e1;
}
.cs-event.term-37 .cs-event-time, .cs-event.term-37 .cs-event-cat, .cs-event.term-37 .cs-event-title, .cs-event.term-37 .cs-event-sub{
color: #222 !IMPORTANT;
}

/* MEDICOM */
.cs-event.term-37 .cs-event-title::after {
  content: url('https://huk-uof.com/wp-content/uploads/2025/09/MedikomLogoSM.png');
  display: block;
  margin-top: 20px;
  max-width: 200px !IMPORTANT;
}

/* PAUZE */
.cs-event.term-38{
  background:#c89e40;
  border-color:#c89e40;
}
.cs-event.term-38 .cs-event-time, .cs-event.term-38 .cs-event-cat, .cs-event.term-38 .cs-event-title, .cs-event.term-38 .cs-event-sub{
color: #FFF !IMPORTANT;
}

/* prvi red: vrijeme lijevo + kategorija desno */
.cs-event-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:-3px;
}

/* sakrij originalnu poziciju kategorije */
.cs-event .cs-event-cat {
  font-size:12px;
  opacity:.7;
  margin-top:0;
}
	/* EAU */
.cs-event.term-35 .cs-event-title::after {
  content: url('https://huk-uof.com/wp-content/uploads/2025/09/ESU-Logo-200.png');
  display: block;
  margin-top: 20px;
  max-width: 200px !IMPORTANT;
}
.cs-event.term-35{
  background:#FFF;
  border-color:#e1e1e1;
}
.cs-event.term-35 .cs-event-time, .cs-event.term-35 .cs-event-cat, .cs-event.term-35 .cs-event-title, .cs-event.term-35 .cs-event-sub{
color: #222 !IMPORTANT;
}

.cs-event-moderators,
.cs-event-panelists{
  display:flex;
  align-items:flex-start;
  gap:6px;
  margin-top:6px;
  font-size:13px;
  line-height:1.2;
}
.cs-event-moderators svg,
.cs-event-panelists svg{
  flex:0 0 auto;
  margin-top:2px;
  opacity:.7;
}

/* Moderatori & Panelisti redci u kartici */
.cs-event-moderators,
.cs-event-panelists{
  display:flex;
  align-items:flex-start;
  gap:6px;
  margin-top:6px;
  font-size:13px;
  line-height:1.2;
}
.cs-event-moderators svg,
.cs-event-panelists svg{
  flex:0 0 auto;
  width:16px;
  height:16px;
  margin-top:2px;      /* lagano podigni ikonu da lijepo sjedi na 1. liniji */
  opacity:.75;
}
.cs-event-moderators strong,
.cs-event-panelists strong{
  font-weight:700;
}

/* Tooltip za evente */
.cs-tooltip{
  position:fixed;
  left:0; top:0;
  background:#0e2a47;
  color:#fff;
  padding:6px 10px;
  border-radius:6px;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  z-index: 999999;        /* ispod modala (koji je na većem z-indexu) */
  transition: opacity .12s ease;
}
.cs-tooltip.show{ opacity:.95; }

/* Helper tekst: "Kliknite na event..." */
.cs-helpline{
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 0 15px 30px;
  font-size:14px;
  line-height:1.35;
  font-weight:600;
  color:#5b6676;                  /* smirena, čitljiva siva */
}

.cs-helpline::before{
  content:"\2139";                /* ℹ info ikona */
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  color:#0e2a47;                  /* tamno plava kao u headeru */
  background:rgba(14,42,71,.10);  /* suptilna pozadina */
}

@media (max-width: 640px){
  .cs-helpline{
    font-size:13px;
    margin:10px 0 10px 10px;
  }
  .cs-helpline::before{ width:20px; height:20px; font-size:12px; }
}

/* Organizator za Satelitski simpozij (Subtitle kao organizer) */
.cs-event-org{
  margin:4px 0 2px;
  font-weight:700;
font-size: 13px;
color:#b1892f;}