/* Programracs az EREDETI nap-panelekbe agyazva. Sajat abszolut-blokkos racs.
   Atlatszo szinek -> a patkos hatter atlatszik. Piros ::selection: az oldal orokli. */

/* a panel ne legyen fix magassagu; a WP 36px-es panel-paddingjat nullazzuk (nap-gombok utan kis res) */
.tab-pane.single-block-padding, .uncode-tabs .tab-content, .uncode-tabs .tab-pane { height: auto !important; overflow: visible !important; padding: 0 !important; }

/* A racs-KARTYA a GYARI table-cell viselkedest hasznalja: FELNYULIK a magas bal "Program" panelhez
   (a kek korvonal alja addig er, ameddig a bal "Itt talalod..." szekcio alja — fuggetlenul a szinpadok
   tartalmanak hosszatol, mint az eredetiben). Igy a PATKO hatter is nagyobb lehet. A rovid racs a cella
   TETEJEN marad (vertical-align:top), padding 36px. (NEM allitjuk display:block-ra -> marad a table-cell.) */
[data-name="time-table"] .uncell:has(.uncode-tabs) { vertical-align: top !important; padding: 36px !important; }

.alk-grid { font-family: inherit; color: #303133; }
.alk-grid, .alk-grid * { box-sizing: border-box; }

/* ============ NAP-VALASZTO: az eredeti WP fuleket SOTET PILL-re stilizaljuk ============
   (a WP ful-vezerlo JS valtoztatlan; csak a kinezet pill) — a time-table szekcioban */
[data-name="time-table"] .vc_tta-tabs-container { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
/* a WP a scroller-re 30px felso+also paddingot + -30px margot tesz (.tab-scrolling .vc_tta-tabs-scroller.tab-switch !important).
   Tuljovjuk a specifikussagot (.tab-scrolling os + .tab-switch + [data-name]) -> nap-gombok korul ne legyen nagy hely */
[data-name="time-table"] .tab-scrolling .vc_tta-tabs-scroller.tab-switch,
[data-name="time-table"] .vc_tta-tabs-scroller { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; }
/* a felso 72px-et a cella paddingja adja; itt csak a gombok->tartalom 36px (a felso tab-margo 0) */
[data-name="time-table"] .vc_tta-tabs-scroller .vc_tta-tabs-list,
[data-name="time-table"] ul.vc_tta-tabs-list.nav-tabs { display: flex !important; flex-wrap: wrap !important; gap: 8px; border: 0 !important; background: transparent !important; margin: 0 0 36px !important; padding: 0 !important; box-shadow: none !important; }
/* a nap-gombok ELOTT MARADJON meg az eredeti felso padding (mint az eredetiben);
   csak a gombok UTANI felesleges WP-padding (scroller/lista 30px alja) lett nullazva fent. */
[data-name="time-table"] li.vc_tta-tab { float: none !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
[data-name="time-table"] li.vc_tta-tab:before { display: none !important; }
[data-name="time-table"] li.vc_tta-tab > a { display: block !important; padding: 8px 16px !important; border: 1px solid #d8d8d8 !important; border-radius: 999px !important;
  background: #fff !important; color: #303133 !important; line-height: 1 !important; margin: 0 !important; transition: all .15s ease; text-decoration: none !important; }
[data-name="time-table"] li.vc_tta-tab > a:hover { border-color: #303133 !important; }
[data-name="time-table"] li.vc_tta-tab > a span { color: inherit !important; }
[data-name="time-table"] li.vc_tta-tab > a span span span { font-size: 16px !important; font-weight: 600 !important; }
[data-name="time-table"] li.vc_tta-tab.active > a { background: #f47c7d !important; color: #fff !important; border-color: #f47c7d !important; }
[data-name="time-table"] li.vc_tta-tab.active > a span { color: #fff !important; }
/* a WP ful-aláhúzás/animáció csík elrejtese */
[data-name="time-table"] .vc_tta-tabs-list:after, [data-name="time-table"] .vc_tta-tab:after, [data-name="time-table"] .ui-tabs-nav:after { display: none !important; }

.alk-tt-grid { display: flex; width: 100%; align-items: flex-start; }

/* ido-tengely — FEL ORAK: :00 vastag, :30 halvany; margin-right = kis terkoz az ido es az elso box kozott */
.alk-tt-axis { flex: 0 0 54px; width: 54px; position: relative; margin-right: 8px; }
.alk-tt-corner { height: 56px; } /* = fejlec magassag (a fejlec ALATT kis padding) */
.alk-tt-axisbody { position: relative; }
/* Az ido-cimke FUGGOLEGES kozepe a JS-bol kapott pontra (a nev elso sor kozepe) kerul -> a
   translateY(-50%) raközepezi a tick dobozat, igy 16px es 12px ugyanoda esik (nincs elcsuszas). */
.alk-tt-tick { position: absolute; left: 0; right: 8px; transform: translateY(-50%); text-align: right;
  font-variant-numeric: tabular-nums; line-height: 1; }
.alk-tt-tick.hour { font-size: 16px; color: #303133; font-weight: 700; }
.alk-tt-tick.half { font-size: 12px; color: #9a9da1; }
.alk-tt-tick.mid { color: #303133; font-weight: 800; }
.alk-tt-cut { position: absolute; left: 0; right: 8px; transform: translateY(-50%); text-align: right; color: #c0c2c5; font-size: 14px; letter-spacing: 2px; line-height: 1; }

/* oszlopok — NINCS oszlopkoz: a dobozok vizszintesen is osszeernek.
   A fejlec-szoveg FLUID: max az oszlopaig (-par px), hogy ne erjen a szomszed pontjahoz (JS meretezi). */
.alk-tt-col { flex: 1 1 0; min-width: 0; position: relative; }
.alk-tt-head { height: 56px; display: flex; align-items: center; font-size: 23px; font-weight: 800; letter-spacing: -.01em; color: #303133; padding: 0 12px 12px 0; white-space: nowrap; }
.alk-tt-head .dot { width: 11px; height: 11px; border-radius: 50%; margin-right: 9px; flex: 0 0 auto; }
.alk-tt-head .lbl { display: inline-block; transform-origin: left center; }
/* A NEVEK szine egyseges #303133 (rgb 48,49,51); csak a PONT es a box-keret szines (marka-szin) */
.alk-tt-head { color: #303133; }
.alk-tt-head .dot { background: var(--cac, #2e31c6); } /* szin a settingsbol (inline --cac) */
.alk-tt-body { position: relative; }

/* FLUSH (összeérő) programblokk — a "01-es kinézet": teljes szelesseg, szogletes,
   tomor szin, bal+felso accent csik, a blokkok osszeernek. A szoveghez NO (JS noveli). */
.alk-blk { position: absolute; left: 0; right: 0; background: var(--cbg);
  box-shadow: inset 4px 0 0 var(--cac), inset 0 2px 0 var(--cac); padding: 4px 12px 5px; overflow: hidden; }
.alk-blk-name { font-size: 17px; font-weight: 400; line-height: 1.2; color: #303133; white-space: normal; overflow-wrap: anywhere; }
.alk-blk.rep .alk-blk-name { color: #303133; } /* fellepo-nevek egyseges #303133 (a Repeta box-keret marad lila) */

/* "● Repeta" fejlec a Nagyszinpad oszlopban — a pontja EGY VONALBAN a tobbi fejlec pontjaval (2b) */
.alk-rephead { position: absolute; left: 0; height: 26px; display: flex; align-items: center; font-size: 23px; font-weight: 800; color: #303133; padding-left: 0; }
.alk-rephead .dot { width: 11px; height: 11px; border-radius: 50%; background: var(--cac, #971aad); margin-right: 9px; flex: 0 0 auto; }

/* kihagyott ures resek szaggatott vonala */
.alk-tt-cutline { position: absolute; left: 0; right: 0; border-top: 1.5px dashed #d8d8d8; transform: translateY(-50%); pointer-events: none; }

/* PATKO hatter FIX 1200px: akkora, hogy a (stretchelt) Szerda-kartya meretet kitoltse, de NE
   teljesen (kozepre igazitva). Fix ertek -> minden napon ugyanaz (a kartya egyforma magas). */
[data-name="time-table"] .uncell.has-bg .column-background,
[data-name="time-table"] .uncell.has-bg .column-background .background-inner {
  height: 100% !important;
}
[data-name="time-table"] .uncell.has-bg .column-background .background-inner {
  background-size: 1000px auto !important;      /* fix 1000px szelesseg, aranyos magassag */
  background-position: center top !important;    /* FELULRE igazitva */
  background-repeat: no-repeat !important;
}

@media (max-width: 600px) {
  .alk-tt-axis { flex-basis: 46px; width: 46px; }
  .alk-blk-name { font-size: 15px; line-height: 1.18; }
  .alk-tt-head, .alk-rephead { font-size: 21px; } /* mobil alap nagyobb; a JS csak akkor csokkenti, ha nem fer */
  .alk-tt-tick.hour { font-size: 14px; }
  .alk-tt-tick.half { font-size: 10.5px; }
  .alk-blk { padding: 4px 8px 4px; } /* flush marad (left:0;right:0); padding-top egyezik a desktoppal (OFF-ot a JS meri) */

  /* MOBILON a patko hatter kisebb: 800px (desktopon 1000px) */
  [data-name="time-table"] .uncell.has-bg .column-background .background-inner { background-size: 800px auto !important; }

  /* mobilon az alap padding 36px MIND A 4 OLDALON */
  [data-name="time-table"] .uncoltable:has(.uncode-tabs) { display: table !important; }
  [data-name="time-table"] .uncell:has(.uncode-tabs) { display: table-cell !important; padding: 36px !important; }
  [data-name="time-table"] .wpb_column { padding-left: 0 !important; padding-right: 0 !important; }
  [data-name="time-table"] .wpb_row.row-inner { margin-left: 0 !important; margin-right: 0 !important; }

  /* nap-valaszto: TORDELJEN egymas ala, ne legyen vizszintes csuszka (#1) */
  .vc_tta-tabs-container, .vc_tta-tabs-scroller { overflow: visible !important; }
  .vc_tta-tabs-list { flex-wrap: wrap !important; white-space: normal !important; }

  /* MOBIL: a kartya (teljes) padding marad a TABOKNAK (helyben), de a TABLAZAT (racs) kicsit kijjebb nyulik:
     az idopontok a BAL szel fele, a Kisszinpad boxai a JOBB szel fele (a 36px paddingbol ~20px-ig, mersekelten) */
  [data-name="time-table"] .tab-pane .alk-grid { margin-left: -16px !important; margin-right: -16px !important; }
}