/*
 * DiceHeart — Events Page Styles
 * Loaded on /dh-events/ (page-id-2323) via functions.php
 * Plugin: Amelia Events Calendar + FullCalendar
 * All values hardcoded — no dependency on :root variables
 */

/* ═══════════════════════════════════════════════════════════
   PAGE BACKGROUND
═══════════════════════════════════════════════════════════ */

body.page-id-2323 {
  background: #0e0b06 !important;
}

body.page-id-2323 .site-content,
body.page-id-2323 .content-area,
body.page-id-2323 main,
body.page-id-2323 .elementor,
body.page-id-2323 .elementor-section-wrap,
body.page-id-2323 .elementor-widget-wrap {
  background: #0e0b06 !important;
}

/* ═══════════════════════════════════════════════════════════
   CHROME LINE
═══════════════════════════════════════════════════════════ */

body.page-id-2323::before {
  content:        '' !important;
  position:       fixed !important;
  top:            0 !important;
  left:           0 !important;
  right:          0 !important;
  height:         2px !important;
  background:     linear-gradient(90deg,
    transparent 0%,
    #8b1a1a     20%,
    #c9913a     50%,
    #8b1a1a     80%,
    transparent 100%) !important;
  z-index:        9999 !important;
  pointer-events: none !important;
}

/* ═══════════════════════════════════════════════════════════
   PAGE HEADING (if any)
═══════════════════════════════════════════════════════════ */

body.page-id-2323 h1,
body.page-id-2323 h2,
body.page-id-2323 h3 {
  font-family:    'Cinzel Decorative', serif !important;
  color:          #f0e8d8 !important;
}

/* ═══════════════════════════════════════════════════════════
   AMELIA MAIN LAYOUT
═══════════════════════════════════════════════════════════ */

body.page-id-2323 .am-ecs__page {
  background:    #0e0b06 !important;
  color:         #f0e8d8 !important;
  border-radius: 8px !important;
  overflow:      visible !important;
}

body.page-id-2323 .am-ecs__main {
  background:    #1a1208 !important;
  border:        1px solid rgba(201,145,58,.18) !important;
  border-radius: 8px !important;
}

/* ═══════════════════════════════════════════════════════════
   SEARCH & FILTERS BAR (.am-ecf)
═══════════════════════════════════════════════════════════ */

body.page-id-2323 .am-ecf {
  background:    #1f1609 !important;
  border-bottom: 1px solid rgba(201,145,58,.15) !important;
  border-radius: 8px 8px 0 0 !important;
  padding:       14px 16px !important;
}

/* Search input */
body.page-id-2323 .am-input-wrapper,
body.page-id-2323 .am-ecs__filters-search {
  background:    #0e0b06 !important;
  border:        1px solid rgba(201,145,58,.25) !important;
  border-radius: 6px !important;
}

body.page-id-2323 .am-input {
  background:    transparent !important;
  color:         #f0e8d8 !important;
  font-family:   'Cinzel', serif !important;
  font-size:     0.78rem !important;
  letter-spacing: 0.04em !important;
}

body.page-id-2323 .am-input::placeholder {
  color: #a89070 !important;
}

/* Filters button */
body.page-id-2323 .am-button {
  /* NO font-family here — it would cascade into icon spans and break icon fonts */
  font-size:      0.76rem !important;
  font-weight:    700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color:          #c9913a !important;
  background:     transparent !important;
  border:         1px solid rgba(201,145,58,.35) !important;
  border-radius:  6px !important;
  transition:     background .2s, border-color .2s !important;
}

/* Apply Cinzel only to the visible text label inside buttons, not icon children */
body.page-id-2323 .am-button > span:not([class*="icon"]):not([class*="am-icon"]),
body.page-id-2323 .am-button > .am-button__label,
body.page-id-2323 .am-button > .am-button-label {
  font-family: 'Cinzel', serif !important;
}

/* Tint icon glyphs/SVGs gold — do NOT set font-family or it kills the icon font */
body.page-id-2323 .am-button [class*="icon"],
body.page-id-2323 .am-button i,
body.page-id-2323 .am-button svg {
  color: #c9913a !important;
  fill:  #c9913a !important;
}

body.page-id-2323 .am-button:hover {
  background:   rgba(201,145,58,.1) !important;
  border-color: #c9913a !important;
}

/* Primary / filled buttons */
body.page-id-2323 .am-button--primary,
body.page-id-2323 .am-button.am-open {
  background:   rgba(201,145,58,.15) !important;
  border-color: #c9913a !important;
  color:        #e8b96a !important;
}

/* ═══════════════════════════════════════════════════════════
   CALENDAR NAVIGATION ROW
═══════════════════════════════════════════════════════════ */

body.page-id-2323 .am-ec {
  background: #1a1208 !important;
}

/* "Σήμερα" + arrow buttons */
body.page-id-2323 .am-ec .am-button {
  background:    #1f1609 !important;
  border:        1px solid rgba(201,145,58,.25) !important;
  color:         #c9913a !important;
  border-radius: 6px !important;
  /* no font-family — preserves icon font glyphs */
}

body.page-id-2323 .am-ec .am-button:hover {
  background:   rgba(201,145,58,.12) !important;
  border-color: #c9913a !important;
}

/* Month label (Απρίλιος, 2026) */
body.page-id-2323 [class*="am-ec"] span:not([class*="am-icon"]),
body.page-id-2323 [class*="am-ec"] p {
  font-family: 'Cinzel Decorative', serif !important;
  color:       #f0e8d8 !important;
}

/* Month / year select dropdowns */
body.page-id-2323 .am-select-wrapper,
body.page-id-2323 .am-select {
  background:    #1f1609 !important;
  border:        1px solid rgba(201,145,58,.28) !important;
  border-radius: 6px !important;
  color:         #f0e8d8 !important;
  font-family:   'Cinzel', serif !important;
  font-size:     0.78rem !important;
}

body.page-id-2323 .am-select-popper {
  background:    #1f1609 !important;
  border:        1px solid rgba(201,145,58,.28) !important;
  border-radius: 6px !important;
  box-shadow:    0 8px 24px rgba(0,0,0,.5) !important;
}

body.page-id-2323 .am-select-option {
  font-family: 'Cinzel', serif !important;
  font-size:   0.76rem !important;
  color:       #a89070 !important;
}

body.page-id-2323 .am-select-option:hover,
body.page-id-2323 .am-select-option.am-open {
  background: rgba(201,145,58,.12) !important;
  color:      #f0e8d8 !important;
}

/* Icons (arrows) */
body.page-id-2323 .am-icon-arrow-left,
body.page-id-2323 .am-icon-arrow-right,
body.page-id-2323 .am-icon-arrow-down,
body.page-id-2323 .am-icon-filter,
body.page-id-2323 .am-icon-search {
  color: #c9913a !important;
  fill:  #c9913a !important;
}

/* ═══════════════════════════════════════════════════════════
   FULLCALENDAR GRID
═══════════════════════════════════════════════════════════ */

/* Grid table borders */
body.page-id-2323 .fc-scrollgrid,
body.page-id-2323 .fc-scrollgrid td,
body.page-id-2323 .fc-scrollgrid th {
  border-color: rgba(201,145,58,.12) !important;
}

/* Day-of-week header row (ΔΕΥ, ΤΡΙ, …) */
body.page-id-2323 .fc-col-header {
  background: #241a0e !important;
}

body.page-id-2323 .fc-col-header-cell {
  border-color: rgba(201,145,58,.12) !important;
  padding:      8px 0 !important;
}

body.page-id-2323 .fc-col-header-cell-cushion {
  font-family:    'Cinzel', serif !important;
  font-size:      0.72rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color:          #a89070 !important;
  text-decoration: none !important;
}

/* Day cells */
body.page-id-2323 .fc-daygrid-day {
  background:   #1a1208 !important;
  border-color: rgba(201,145,58,.1) !important;
}

body.page-id-2323 .fc-day-other {
  background: #141008 !important;
}

body.page-id-2323 .fc-day-today {
  background: rgba(201,145,58,.07) !important;
}

/* Day number */
body.page-id-2323 .fc-daygrid-day-number {
  font-family: 'Cinzel', serif !important;
  font-size:   0.75rem !important;
  color:       #a89070 !important;
  text-decoration: none !important;
  padding:     6px 8px !important;
}

body.page-id-2323 .fc-day-today .fc-daygrid-day-number {
  color:  #c9913a !important;
  font-weight: 700 !important;
}

body.page-id-2323 .fc-day-other .fc-daygrid-day-number {
  color: #4a3820 !important;
}

/* ═══════════════════════════════════════════════════════════
   EVENTS IN CALENDAR (.am-evt-block)
═══════════════════════════════════════════════════════════ */

body.page-id-2323 .am-evt-block,
body.page-id-2323 .fc-daygrid-event {
  background:    rgba(139,26,26,.75) !important;
  border:        1px solid rgba(201,145,58,.35) !important;
  border-radius: 4px !important;
  color:         #f0e8d8 !important;
}

body.page-id-2323 .am-evt-block:hover,
body.page-id-2323 .fc-daygrid-event:hover {
  background:   rgba(139,26,26,.95) !important;
  border-color: #c9913a !important;
  box-shadow:   0 2px 10px rgba(0,0,0,.4) !important;
}

body.page-id-2323 .am-evt-text,
body.page-id-2323 .fc-event-title {
  font-family:    'Cinzel', serif !important;
  font-size:      0.7rem !important;
  letter-spacing: 0.04em !important;
  color:          #f0e8d8 !important;
}

body.page-id-2323 .am-evt-time {
  font-family: 'Cinzel', serif !important;
  font-size:   0.65rem !important;
  color:       #e8b96a !important;
}

body.page-id-2323 .am-evt-spots,
body.page-id-2323 .am-evt-spots-left {
  font-family: 'Cinzel', serif !important;
  font-size:   0.62rem !important;
  color:       #a89070 !important;
}

body.page-id-2323 .am-evt-open {
  color: #c9913a !important;
  font-family: 'Cinzel', serif !important;
  font-size:   0.65rem !important;
}

/* Dot events */
body.page-id-2323 .fc-daygrid-dot-event .fc-event-dot {
  background: #c9913a !important;
  border-color: #c9913a !important;
}

/* ═══════════════════════════════════════════════════════════
   SIDEBAR — UPCOMING EVENTS (.am-els)
═══════════════════════════════════════════════════════════ */

body.page-id-2323 .am-ecs__side {
  background:    #1a1208 !important;
  border:        1px solid rgba(201,145,58,.18) !important;
  border-radius: 8px !important;
}

body.page-id-2323 .am-els {
  background:  transparent !important;
  color:       #f0e8d8 !important;
}

/* "Προσεχείς εκδηλώσεις" heading — cover every possible tag/class Amelia might use */
body.page-id-2323 .am-els h1,
body.page-id-2323 .am-els h2,
body.page-id-2323 .am-els h3,
body.page-id-2323 .am-els h4,
body.page-id-2323 .am-els__title,
body.page-id-2323 .am-els__heading,
body.page-id-2323 .am-els > div > h2,
body.page-id-2323 .am-els > div > h3,
body.page-id-2323 [class*="am-els"] [class*="title"],
body.page-id-2323 [class*="am-els"] [class*="heading"] {
  font-family:    'Cinzel Decorative', serif !important;
  font-size:      1rem !important;
  color:          #f0e8d8 !important;
  letter-spacing: 0.06em !important;
  border-bottom:  1px solid rgba(201,145,58,.2) !important;
  padding-bottom: 0.6em !important;
  margin-bottom:  1em !important;
}

/* Month label in sidebar (May 2026) */
body.page-id-2323 .am-els p,
body.page-id-2323 .am-els__month,
body.page-id-2323 [class*="am-els"] [class*="month"],
body.page-id-2323 [class*="am-els"] [class*="period"] {
  font-family: 'Cinzel', serif !important;
  color:       #c9913a !important;
  font-size:   0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
}

/* Sidebar nav arrows */
body.page-id-2323 .am-els .am-button {
  background:   #1f1609 !important;
  border:       1px solid rgba(201,145,58,.3) !important;
  color:        #c9913a !important;
}

body.page-id-2323 .am-els .am-button:hover {
  background:   rgba(201,145,58,.12) !important;
  border-color: #c9913a !important;
}

/* ── Event cards in sidebar ── */
/* Kill the white default background on every possible wrapper */
body.page-id-2323 .am-els .am-evt-wrapper,
body.page-id-2323 .am-els .am-event-item,
body.page-id-2323 .am-els .am-els__event,
body.page-id-2323 .am-els .am-el-item,
body.page-id-2323 .am-els [class*="am-event"],
body.page-id-2323 .am-els [class*="am-evt"],
body.page-id-2323 .am-els > div > div,
body.page-id-2323 .am-ecs__side [class*="am-event"],
body.page-id-2323 .am-ecs__side [class*="am-evt"] {
  background:    #1f1609 !important;
  border:        1px solid rgba(201,145,58,.22) !important;
  border-left:   3px solid #8b1a1a !important;
  border-radius: 6px !important;
  padding:       12px !important;
  margin-bottom: 10px !important;
  transition:    border-color .2s, box-shadow .2s !important;
  cursor:        pointer !important;
  color:         #f0e8d8 !important;
}

body.page-id-2323 .am-els .am-evt-wrapper:hover,
body.page-id-2323 .am-els .am-event-item:hover,
body.page-id-2323 .am-els [class*="am-event"]:hover,
body.page-id-2323 .am-els [class*="am-evt"]:hover {
  border-color:        rgba(201,145,58,.5) !important;
  border-left-color:   #c9913a !important;
  box-shadow:          0 4px 16px rgba(0,0,0,.5) !important;
}

/* All text inside sidebar event cards */
body.page-id-2323 .am-els [class*="am-event"] *,
body.page-id-2323 .am-els [class*="am-evt"] *,
body.page-id-2323 .am-els .am-evt-wrapper * {
  background: transparent !important;
}

body.page-id-2323 .am-els .am-evt-inner {
  background: transparent !important;
}

/* Event title inside card */
body.page-id-2323 .am-els [class*="am-evt"] h3,
body.page-id-2323 .am-els [class*="am-evt"] h4,
body.page-id-2323 .am-els [class*="am-evt-name"],
body.page-id-2323 .am-els [class*="am-evt-title"],
body.page-id-2323 .am-els [class*="am-event-name"],
body.page-id-2323 .am-els [class*="am-event-title"] {
  font-family:    'Cinzel', serif !important;
  font-size:      0.82rem !important;
  font-weight:    700 !important;
  color:          #f0e8d8 !important;
  letter-spacing: 0.03em !important;
}

/* Date / time line */
body.page-id-2323 .am-els [class*="am-evt-date"],
body.page-id-2323 .am-els [class*="am-evt-time"],
body.page-id-2323 .am-els [class*="am-event-date"],
body.page-id-2323 .am-els [class*="am-event-time"] {
  font-family: 'Cinzel', serif !important;
  font-size:   0.72rem !important;
  color:       #a89070 !important;
  letter-spacing: 0.06em !important;
}

/* Price */
body.page-id-2323 .am-els [class*="am-evt-price"],
body.page-id-2323 .am-els [class*="am-event-price"],
body.page-id-2323 .am-els .am-evt-background {
  background:   transparent !important;
  border:       none !important;
  color:        #e8b96a !important;
  font-family:  'Cinzel', serif !important;
  font-size:    0.8rem !important;
  font-weight:  700 !important;
}

/* "Άνοιγμα" open status */
body.page-id-2323 .am-els [class*="am-evt-open"],
body.page-id-2323 .am-els [class*="am-event-open"],
body.page-id-2323 .am-els [class*="am-status"] {
  color:       #6db96d !important;
  font-family: 'Cinzel', serif !important;
  font-size:   0.72rem !important;
  font-weight: 600 !important;
}

/* Spots remaining */
body.page-id-2323 .am-els [class*="am-evt-spots"],
body.page-id-2323 .am-els [class*="am-event-spots"],
body.page-id-2323 .am-els [class*="am-spots"] {
  color:       #a89070 !important;
  font-family: 'Cinzel', serif !important;
  font-size:   0.7rem !important;
}

/* ═══════════════════════════════════════════════════════════
   AMELIA BOOKING DIALOG / POPUP
═══════════════════════════════════════════════════════════ */

body.page-id-2323 .am-dialog-el,
body.page-id-2323 .am-dialog-popup {
  background:    #1a1208 !important;
  border:        1px solid rgba(201,145,58,.25) !important;
  border-radius: 10px !important;
  color:         #f0e8d8 !important;
}

body.page-id-2323 .am-dialog-el h2,
body.page-id-2323 .am-dialog-el h3,
body.page-id-2323 .am-dialog-popup h2,
body.page-id-2323 .am-dialog-popup h3 {
  font-family: 'Cinzel Decorative', serif !important;
  color:       #f0e8d8 !important;
}

body.page-id-2323 .am-dialog-el p,
body.page-id-2323 .am-dialog-popup p {
  color: #a89070 !important;
  font-family: 'IM Fell English', Georgia, serif !important;
}

/* Dialog inputs */
body.page-id-2323 .am-dialog-el .am-input,
body.page-id-2323 .am-dialog-popup .am-input {
  background:    #0e0b06 !important;
  border:        1px solid rgba(201,145,58,.28) !important;
  border-radius: 5px !important;
  color:         #f0e8d8 !important;
  font-family:   'Cinzel', serif !important;
}

body.page-id-2323 .am-dialog-el .am-input:focus,
body.page-id-2323 .am-dialog-popup .am-input:focus {
  border-color: #c9913a !important;
  outline:      none !important;
}

/* Dialog primary CTA button */
body.page-id-2323 .am-dialog-el .am-button--primary,
body.page-id-2323 .am-dialog-popup .am-button--primary {
  background:     #c9913a !important;
  border-color:   #c9913a !important;
  color:          #0e0b06 !important;
  font-family:    'Cinzel', serif !important;
  font-weight:    700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

body.page-id-2323 .am-dialog-el .am-button--primary:hover,
body.page-id-2323 .am-dialog-popup .am-button--primary:hover {
  background: #e8b96a !important;
}

/* Overlay backdrop */
body.page-id-2323 .am-dialog-el .am-overlay,
body.page-id-2323 .am-dialog-popup .am-overlay {
  background: rgba(0,0,0,.75) !important;
}

/* ═══════════════════════════════════════════════════════════
   NUCLEAR SIDEBAR BACKGROUND RESET
   Amelia renders event cards with inline style="background:#fff"
   — CSS !important beats inline styles as long as selector matches.
   We reset ALL descendants to transparent and let the #1a1208
   sidebar container show through, then re-apply only what needs color.
═══════════════════════════════════════════════════════════ */

body.page-id-2323 .am-ecs__side *:not(img):not(svg):not(path):not(circle):not(rect):not(line):not(polygon):not(polyline) {
  background-color: transparent !important;
}

/* Restore sidebar container itself */
body.page-id-2323 .am-ecs__side {
  background-color: #1a1208 !important;
}

/* Restore buttons (they need their own bg) */
body.page-id-2323 .am-ecs__side .am-button {
  background-color: #1f1609 !important;
}
body.page-id-2323 .am-ecs__side .am-button:hover {
  background-color: rgba(201,145,58,.12) !important;
}

/* ═══════════════════════════════════════════════════════════
   EVENT DETAIL BANNER (appears below calendar on date click)
   The white card with blue left border and image + "ΔΙΑΒΑΣΕ ΠΕΡΙΣΣΟΤΕΡΑ"
═══════════════════════════════════════════════════════════ */

/* Outer wrapper */
body.page-id-2323 [class*="am-event-det"],
body.page-id-2323 [class*="am-event-list"],
body.page-id-2323 .am-ecs [class*="am-event"],
body.page-id-2323 .am-ecs__main > [class*="am-event"],
body.page-id-2323 .am-ecs__main > div > [class*="am-event"] {
  background:    #1a1208 !important;
  border:        1px solid rgba(201,145,58,.2) !important;
  border-left:   4px solid #8b1a1a !important;
  border-radius: 8px !important;
  color:         #f0e8d8 !important;
}

/* Nuclear: kill white on everything inside the detail banner */
body.page-id-2323 .am-ecs__main [class*="am-event"] *:not(img):not(svg):not(path) {
  background-color: transparent !important;
}

/* Event title in detail banner */
body.page-id-2323 .am-ecs__main [class*="am-event"] [class*="name"],
body.page-id-2323 .am-ecs__main [class*="am-event"] [class*="title"],
body.page-id-2323 .am-ecs__main [class*="am-event"] h2,
body.page-id-2323 .am-ecs__main [class*="am-event"] h3 {
  font-family:    'Cinzel', serif !important;
  font-size:      0.95rem !important;
  font-weight:    700 !important;
  color:          #f0e8d8 !important;
  letter-spacing: 0.04em !important;
}

/* Date / time in detail banner */
body.page-id-2323 .am-ecs__main [class*="am-event"] [class*="date"],
body.page-id-2323 .am-ecs__main [class*="am-event"] [class*="time"] {
  font-family: 'Cinzel', serif !important;
  color:       #a89070 !important;
  font-size:   0.78rem !important;
}

/* Open/status badge */
body.page-id-2323 .am-ecs__main [class*="am-event"] [class*="open"],
body.page-id-2323 .am-ecs__main [class*="am-event"] [class*="status"] {
  color:       #6db96d !important;
  font-family: 'Cinzel', serif !important;
  font-size:   0.75rem !important;
  font-weight: 600 !important;
}

/* Spots text */
body.page-id-2323 .am-ecs__main [class*="am-event"] [class*="spots"],
body.page-id-2323 .am-ecs__main [class*="am-event"] [class*="seat"],
body.page-id-2323 .am-ecs__main [class*="am-event"] [class*="available"] {
  color:       #a89070 !important;
  font-family: 'Cinzel', serif !important;
  font-size:   0.75rem !important;
}

/* "ΔΙΑΒΑΣΕ ΠΕΡΙΣΣΟΤΕΡΑ" button in detail banner */
body.page-id-2323 .am-ecs__main [class*="am-event"] .am-button,
body.page-id-2323 .am-ecs__main [class*="am-event"] [class*="read-more"],
body.page-id-2323 .am-ecs__main [class*="am-event"] [class*="more"] {
  background:     transparent !important;
  border:         1px solid rgba(201,145,58,.5) !important;
  color:          #c9913a !important;
  font-family:    'Cinzel', serif !important;
  font-size:      0.72rem !important;
  font-weight:    700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius:  5px !important;
  padding:        8px 16px !important;
  transition:     background .2s, border-color .2s !important;
}

body.page-id-2323 .am-ecs__main [class*="am-event"] .am-button:hover,
body.page-id-2323 .am-ecs__main [class*="am-event"] [class*="read-more"]:hover {
  background:   rgba(201,145,58,.12) !important;
  border-color: #c9913a !important;
}