/* APELA Lakonia Now v1.10.16 — clean, continuous day timeline.
   Scope is limited to the public Lakonia hub. No theme, ad rail, admin,
   Ticker or Bridge styles/behaviour are modified. */
.al-hub.al-timeline-mode{--al-timeline-ink:#102c53;--al-timeline-blue:#2077c7;--al-timeline-line:#d8e6f3;}

/* Original v1.10.15 graphic restored: map, clock, brand and heading
   inherit unchanged from assets/live-v1107.css. No overrides here. */
/* Unbroken day-to-day flow: no weekly headings, no weekly counters. */
.al-hub.al-timeline-mode .al-timeline-feed{display:block;width:100%;min-width:0;}
.al-hub.al-timeline-mode .al-timeline-row{
  box-sizing:border-box;display:grid;grid-template-columns:minmax(100px,124px) minmax(0,1fr);gap:12px;
  position:relative;width:100%;min-width:0;align-items:stretch;margin:0 0 10px;
}
.al-hub.al-timeline-mode .al-timeline-row.al-timeline-first{margin-top:24px;}
.al-hub.al-timeline-mode .al-timeline-feed>.al-timeline-row:first-child{margin-top:6px;}
.al-hub.al-timeline-mode .al-timeline-row.al-timeline-new-week{margin-top:37px;}
.al-hub.al-timeline-mode .al-timeline-day{position:relative;box-sizing:border-box;min-height:75px;padding:11px 17px 6px 3px;border-right:2px solid var(--al-timeline-line);color:#466784;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;}
.al-hub.al-timeline-mode .al-timeline-day strong{font-size:15px;line-height:1.2;color:#0961ad;font-weight:850;}
.al-hub.al-timeline-mode .al-timeline-day span:not(.al-timeline-dot){font-size:12px;line-height:1.35;color:#315679;font-weight:650;}
.al-hub.al-timeline-mode .al-timeline-dot{position:absolute;right:-6px;top:19px;width:10px;height:10px;border-radius:50%;background:#1b88ed;border:1px solid #fff;box-shadow:0 0 0 2px #e0efff;}
.al-hub.al-timeline-mode .al-timeline-today .al-timeline-day strong{color:#ea6d18;}
.al-hub.al-timeline-mode .al-timeline-today .al-timeline-dot{background:#ef7a1a;box-shadow:0 0 0 2px #fff0dd;}

/* All event categories now have dark readable type on ivory blue-white cards. */
.al-hub.al-timeline-mode .al-entry{--al-timeline-accent:#1f83df;margin:0!important;min-width:0!important;border:1px solid #dce7f1!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(14,56,95,.055)!important;background:#fff!important;overflow:hidden;}
.al-hub.al-timeline-mode .al-entry.al-kind-urgent{--al-timeline-accent:#c82a5b;}
.al-hub.al-timeline-mode .al-entry.al-kind-notice{--al-timeline-accent:#008e81;}
.al-hub.al-timeline-mode .al-entry.al-kind-power{--al-timeline-accent:#ae7300;}
.al-hub.al-timeline-mode .al-entry.al-kind-water{--al-timeline-accent:#007cbd;}
.al-hub.al-timeline-mode .al-entry.al-kind-fire{--al-timeline-accent:#cf501a;}
.al-hub.al-timeline-mode .al-entry.al-kind-traffic{--al-timeline-accent:#7650b7;}
.al-hub.al-timeline-mode .al-entry.al-kind-agri{--al-timeline-accent:#087b46;}
.al-hub.al-timeline-mode .al-entry.al-kind-flood{--al-timeline-accent:#006d87;}
.al-hub.al-timeline-mode .al-entry-toggle{
  display:flex!important;flex-direction:row!important;gap:12px!important;align-items:center!important;box-sizing:border-box;
  min-height:78px!important;width:100%!important;padding:10px 14px!important;border:0!important;border-left:3px solid var(--al-timeline-accent)!important;
  background:#fcfdff!important;color:var(--al-timeline-ink)!important;list-style:none!important;text-align:left!important;
}
.al-hub.al-timeline-mode .al-entry-toggle:hover,.al-hub.al-timeline-mode .al-entry-toggle:focus-visible{background:#f2f8fe!important;}
.al-hub.al-timeline-mode .al-entry-toggle::-webkit-details-marker{display:none;}
.al-hub.al-timeline-mode .al-summary-when{display:flex;flex:0 0 128px;width:128px;min-width:0;align-items:center;gap:7px;padding:9px 10px;box-sizing:border-box;border-radius:9px;background:#edf5fb;color:#174d83;font-weight:800;font-size:11px;line-height:1.35;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
.al-hub.al-timeline-mode .al-summary-when svg{width:20px;height:20px;flex:0 0 20px;color:#187bc1;}
.al-hub.al-timeline-mode .al-entry-heading{flex:1 1 auto!important;min-width:0;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;}
.al-hub.al-timeline-mode .al-entry-topline{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center;}
.al-hub.al-timeline-mode .al-entry-category{
  display:inline-flex;align-items:center;max-width:100%;width:max-content;font-size:10px!important;font-weight:850!important;letter-spacing:.02em!important;
  color:var(--al-timeline-accent)!important;background:color-mix(in srgb,var(--al-timeline-accent),white 92%)!important;border:1px solid color-mix(in srgb,var(--al-timeline-accent),white 77%)!important;
  border-radius:6px!important;padding:3px 8px!important;text-transform:uppercase;
}
.al-hub.al-timeline-mode .al-entry-title{color:#102b50!important;font-size:clamp(14px,1.3vw,16px)!important;line-height:1.38!important;font-weight:800!important;text-shadow:none!important;overflow-wrap:break-word!important;}
.al-hub.al-timeline-mode .al-entry-date.al-entry-date--until{display:inline-flex!important;font-size:10px!important;line-height:1.3!important;font-weight:800!important;background:#f3edff!important;color:#5e3a93!important;border:1px solid #d8c7f0!important;padding:3px 7px!important;border-radius:6px!important;white-space:normal!important;}
.al-hub.al-timeline-mode .al-summary-thumb{flex:0 0 128px;width:128px;height:64px;overflow:hidden;border-radius:8px;background:#e8f1f8;display:block;}
.al-hub.al-timeline-mode .al-summary-thumb img{display:block;width:100%;height:100%;object-fit:cover;border:0;margin:0;}
.al-hub.al-timeline-mode .al-entry-chevron{font-family:inherit!important;font-size:29px!important;font-weight:400!important;line-height:1!important;flex:0 0 16px!important;color:#1a75bd!important;transform:none!important;}
.al-hub.al-timeline-mode .al-entry-disclosure[open] .al-entry-chevron{transform:rotate(90deg)!important;}
.al-hub.al-timeline-mode .al-entry-panel{background:#fff!important;border-top:1px solid #deebf6!important;}
.al-hub.al-timeline-mode .al-entry-description{color:#223950!important;}
.al-hub.al-timeline-mode .al-entry-panel .al-entry-place{color:#3e5774!important;}
/* Secondary list beneath APELA's existing horizontal advertisement rotation. */
body.al-lakonia-page .al-hub.al-timeline-mode.al-after-ads{max-width:100%;margin-top:18px;}
body.al-lakonia-page .al-hub.al-timeline-mode.al-after-ads .al-timeline-row .al-entry{margin:0!important;}

@media (max-width:1100px){
  .al-hub.al-timeline-mode .al-timeline-row{grid-template-columns:104px minmax(0,1fr);gap:10px;}
  .al-hub.al-timeline-mode .al-summary-when{width:108px;flex-basis:108px;}
  .al-hub.al-timeline-mode .al-summary-thumb{width:106px;flex-basis:106px;height:60px;}
}
@media (max-width:760px){
  .al-hub.al-timeline-mode .al-timeline-row{grid-template-columns:minmax(65px,76px) minmax(0,1fr);gap:7px;margin-bottom:9px;}
  .al-hub.al-timeline-mode .al-timeline-row.al-timeline-first{margin-top:20px;}
  .al-hub.al-timeline-mode .al-timeline-day{padding:9px 9px 4px 2px;min-height:66px;}
  .al-hub.al-timeline-mode .al-timeline-day strong{font-size:12px;}
  .al-hub.al-timeline-mode .al-timeline-day span:not(.al-timeline-dot){font-size:10px;}
  .al-hub.al-timeline-mode .al-entry-toggle{display:grid!important;grid-template-columns:minmax(0,1fr) 14px;grid-template-rows:auto auto;align-items:center!important;padding:10px 9px!important;column-gap:6px!important;row-gap:7px!important;min-height:72px!important;}
  .al-hub.al-timeline-mode .al-summary-when{grid-column:1;grid-row:1;flex:none;max-width:100%;width:max-content;min-width:88px;padding:5px 8px;font-size:10px;gap:4px;}
  .al-hub.al-timeline-mode .al-summary-when svg{width:15px;height:15px;flex-basis:15px;}
  .al-hub.al-timeline-mode .al-entry-heading{grid-column:1;grid-row:2;width:100%;flex:none!important;gap:4px!important;}
  .al-hub.al-timeline-mode .al-entry-title{font-size:13px!important;line-height:1.4!important;}
  .al-hub.al-timeline-mode .al-entry-category{font-size:9px!important;padding:2px 6px!important;}
  .al-hub.al-timeline-mode .al-summary-thumb{display:none!important;}
  .al-hub.al-timeline-mode .al-entry-chevron{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;font-size:22px!important;flex-basis:12px!important;}
}
@media (max-width:410px){
  .al-hub.al-timeline-mode .al-entry-toggle{gap:5px!important;}
  .al-hub.al-timeline-mode .al-summary-when{min-width:70px;max-width:100%;font-size:9px;}
  .al-hub.al-timeline-mode .al-entry-heading{width:100%;}
}