/* ==========================================================================
   Site-Wide NSUI Modal Modern Theme-Aware Styling
   ========================================================================== */

/* Backdrop */
body .nsui_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.68);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: nsuiBackdropFadeIn 0.22s ease-out;
}

@keyframes nsuiBackdropFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Modal Inner Container */
body .nsui_modal .inner {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  background-color: var(--boxes, #1e1e1e);
  color: var(--text, #ffffff);
  border-radius: 20px;
  border: 1px solid var(--border-box-color, #333333);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.08);
  padding: 32px 36px;
  min-width: 320px;
  max-width: 90vw;
  max-height: 88vh;
  box-sizing: border-box;
  animation: nsuiModalPopIn 0.24s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes nsuiModalPopIn {
  from {
    opacity: 0;
    transform: scale(0.96) translateY(8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* Light Theme Modal Overrides */
[data-theme="light"] body .nsui_modal .inner,
body.light-mode .nsui_modal .inner {
  background-color: #ffffff;
  color: #1a1a1a;
  border: 1px solid rgba(0, 0, 0, 0.09);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04);
}

/* Close Button (Modern Inset Circular Control) */
body .nsui_modal .inner .close_button {
  position: absolute;
  top: 16px;
  right: 16px;
  transform: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.08);
  color: var(--text, #ffffff);
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 10;
}

[data-theme="light"] body .nsui_modal .inner .close_button,
body.light-mode .nsui_modal .inner .close_button {
  background-color: rgba(0, 0, 0, 0.05);
  color: #333333;
  border-color: rgba(0, 0, 0, 0.08);
}

body .nsui_modal .inner .close_button:hover {
  background-color: var(--logocolor, #ec008c);
  border-color: var(--logocolor, #ec008c);
  color: #ffffff;
  transform: scale(1.08) rotate(90deg);
}

/* Modal Content & Sleek Scrollbar */
body .nsui_modal .inner .content {
  max-height: calc(88vh - 60px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--borders, #4D4D4D) transparent;
}

body .nsui_modal .inner .content::-webkit-scrollbar {
  width: 6px;
}

body .nsui_modal .inner .content::-webkit-scrollbar-thumb {
  background-color: var(--borders, #4D4D4D);
  border-radius: 4px;
}

/* ==========================================================================
   Project-Wide p_contact_widget Popup (.nsui_modal.modal_modalfromelement)
   ========================================================================== */
body .nsui_modal.modal_modalfromelement .inner {
  width: min(420px, 92vw) !important;
  max-width: 420px !important;
  min-width: 300px !important;
  padding: 22px 24px 24px !important;
  background-color: #13131b !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 60px -16px rgba(0, 0, 0, 0.72) !important;
  color: #f5f5f7 !important;
}

[data-theme="light"] body .nsui_modal.modal_modalfromelement .inner,
body.light-mode .nsui_modal.modal_modalfromelement .inner {
  background-color: #ffffff !important;
  border: 1px solid rgba(14, 14, 24, 0.12) !important;
  box-shadow: 0 24px 50px -20px rgba(20, 20, 40, 0.20) !important;
  color: #0f0f17 !important;
}

body .nsui_modal.modal_modalfromelement .inner .content {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

body .nsui_modal.modal_modalfromelement .inner .content:has(.contact-entry)::before {
  content: "Επικοινωνία / DM";
  display: block;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #f5f5f7;
  padding: 2px 40px 14px 0;
  margin-bottom: 2px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme="light"] body .nsui_modal.modal_modalfromelement .inner .content:has(.contact-entry)::before,
body.light-mode .nsui_modal.modal_modalfromelement .inner .content:has(.contact-entry)::before {
  color: #0f0f17;
  border-bottom-color: rgba(14, 14, 24, 0.08);
}

body .nsui_modal.modal_modalfromelement .contact-entry {
  margin: 0 !important;
  width: 100% !important;
}

body .nsui_modal.modal_modalfromelement .contact-entry a {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  background-color: #1a1a24 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #f5f5f7 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease !important;
}

[data-theme="light"] body .nsui_modal.modal_modalfromelement .contact-entry a,
body.light-mode .nsui_modal.modal_modalfromelement .contact-entry a {
  background-color: #f6f6f9 !important;
  border-color: rgba(14, 14, 24, 0.08) !important;
  color: #0f0f17 !important;
}

body .nsui_modal.modal_modalfromelement .contact-entry a:hover {
  border-color: rgba(236, 0, 140, 0.45) !important;
  background-color: rgba(236, 0, 140, 0.12) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

[data-theme="light"] body .nsui_modal.modal_modalfromelement .contact-entry a:hover,
body.light-mode .nsui_modal.modal_modalfromelement .contact-entry a:hover {
  border-color: rgba(200, 0, 122, 0.38) !important;
  background-color: rgba(200, 0, 122, 0.08) !important;
  color: #c8007a !important;
}

body .nsui_modal.modal_modalfromelement .contact-entry .icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 10px !important;
  background-color: rgba(236, 0, 140, 0.15) !important;
  border: 1px solid rgba(236, 0, 140, 0.32) !important;
  color: #ff2da6 !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease !important;
}

[data-theme="light"] body .nsui_modal.modal_modalfromelement .contact-entry .icon,
body.light-mode .nsui_modal.modal_modalfromelement .contact-entry .icon {
  background-color: rgba(200, 0, 122, 0.10) !important;
  border-color: rgba(200, 0, 122, 0.26) !important;
  color: #c8007a !important;
}

body .nsui_modal.modal_modalfromelement .contact-entry .icon svg {
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  color: currentColor !important;
  fill: currentColor !important;
  display: block !important;
}

body .nsui_modal.modal_modalfromelement .contact-entry a:hover .icon {
  background-color: #ec008c !important;
  border-color: #ec008c !important;
  color: #ffffff !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  body .nsui_modal .inner {
    width: 94%;
    max-width: 94%;
    padding: 24px 20px;
    border-radius: 16px;
  }
  body .nsui_modal .inner .close_button {
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px;
    font-size: 18px;
  }
}body, h1, h2, h3, select, label, button {
font-family: "Geologica", sans-serif;
}

/* DEFAULT DARK THEME */
:root {
--logocolor: #ec008c;
--text: #fff;
--backgroundColorElement: #fff;
--boxes: #292929;
--backgroundColorBody: #101010;
--textNegative: #1e1e1e;
--bgNegative: #1e1e1e;
--borders: #4D4D4D;
--borderColorfilter: #3B3B3B;
--inprogress: #A8E867;
--inprogress-text: #101010;
--buttonBG: #ec008c;
--buttonBG-hover: #fff;
--buttonText: #fff;
--buttonText-hover: #1e1e1e;
--buttonTextcta: #fff;
--buttonBGcta: #1e1e1e;
--buttonBGcta-hover: #fff;
--hoverLogoColor: #ec008c;
--hoverColor: #fff;
--promotedTagBG: #fff;
--mobileNavBG: rgba(15,15,15,0.7);
--mobileNavBorder: rgba(255, 255, 255, 0.2);
--background-box-color: #212121;
--border-box-color: #363636;
/* ALL THEMES COLORS */
--borders-allthemes: #4D4D4D;
--backgroundColor-logo-allthemes: #ec008c;
--color-logo-allthemes: white;
--backgroundColor-light-allthemes: white;
--color-light-allthemes: #101010;
--detail-bg-image-video: #101010;
--subcat-duration-box-bg: rgb(33 33 33 / 50%);
--ypokatigoria-box-bg: rgb(255 255 255 / 25%);
--highlights-bg: rgb(255 255 255 / 15%);
  --detail-bg: #101014;
  --detail-surface: #1b1b21;
  --detail-surface2: #25252c;
  --detail-surface3: #2d2d36;
  --detail-line: #32323a;
  --detail-ink: #f7f5f8;
  --detail-muted: #a8a5b1;
  --detail-muted2: #7d7b86;
  --detail-pink: #fc078a;
  --detail-pink-hover: #e0067b;
  --detail-pinklight: rgba(252, 7, 138, 0.11);
  --detail-pinkborder: rgba(252, 7, 138, 0.28);
  --detail-white: #ffffff;
  --detail-radius-lg: 20px;
  --detail-radius-md: 14px;
  --detail-radius-sm: 10px;
  --detail-radius-pill: 9999px;
  --detail-shadow: 0 18px 56px rgba(0, 0, 0, 0.28);
  --detail-shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.16);
}

/* ===== LIGHT THEME ===== */
[data-theme="light"] {
--text: #101010;
--backgroundColorElement: #ec008c;
--boxes: #e6e6e6;
--backgroundColorBody: #EFEFEF;
--textNegative: #EFEFEF;
--bgNegative: #101010;
--borders: #4D4D4D;
--borders: #a8a8a8;
--borderColorfilter: #4D4D4D;
--borderColorfilter: #a8a8a8;
--inprogress: #8ed347;
--inprogress-text: #101010;
--buttonBG: #ec008c;
--buttonBG-hover: #fff;
--buttonText: #fff;
--buttonText-hover: #1e1e1e;
--buttonTextcta: #fff;
--buttonBGcta: #1e1e1e;
--buttonBGcta-hover: white;
--hoverLogoColor: #ec008c;
--hoverColor: #1e1e1e;
--promotedTagBG: #fff;
--mobileNavBG: rgb(255 255 255 / 100%);
--mobileNavBorder: rgba(255, 255, 255, 0.2);
--background-box-color: white;
--border-box-color: #E4E4E4;
--subcat-duration-box-bg: transparent;
--subcat-duration-box-bg: rgb(33 33 33 / 50%);
--ypokatigoria-box-bg: rgb(237 0 140 / 20%);
--highlights-bg: rgb(255 255 255 / 30%);
  --detail-bg: #f7f7f9;
  --detail-surface: #ffffff;
  --detail-surface2: #f1eff3;
  --detail-surface3: #e8e5ec;
  --detail-line: #e5e2e9;
  --detail-ink: #252129;
  --detail-muted: #736f7b;
  --detail-muted2: #918a97;
  --detail-pink: #dc0073;
  --detail-pink-hover: #b80060;
  --detail-pinklight: rgba(220, 0, 115, 0.085);
  --detail-pinkborder: rgba(220, 0, 115, 0.22);
  --detail-white: #ffffff;
  --detail-shadow: 0 16px 46px rgba(70, 55, 72, 0.08);
  --detail-shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.05);
}

/* ===== DARK THEME ===== */
[data-theme="dark"] {
--logocolor: #ec008c;
--text: #fff;
--backgroundColorElement: #fff;
--boxes: #292929;
--backgroundColorBody: #101010;
--textNegative: #1e1e1e;
--bgNegative: #1e1e1e;
--borders: #4D4D4D;
--borderColorfilter: #3B3B3B;
--inprogress: #A8E867;
--inprogress-text: #101010;
--buttonBG: #ec008c;
--buttonBG-hover: #fff;
--buttonText: #fff;
--buttonText-hover: #1e1e1e;
--buttonBGcta: #1e1e1e;
--buttonBGcta-hover: #fff;
--hoverLogoColor: #ec008c;
--hoverColor: #fff;
--promotedTagBG: #fff;
--mobileNavBG: rgba(15,15,15,0.7);
--mobileNavBorder: rgba(255, 255, 255, 0.2);
--background-box-color: #212121;
--border-box-color: #363636;
--subcat-duration-box-bg: rgb(33 33 33 / 50%);
--ypokatigoria-box-bg: rgb(255 255 255 / 25%);
--highlights-bg: rgb(255 255 255 / 15%);
  --detail-bg: #101014;
  --detail-surface: #1b1b21;
  --detail-surface2: #25252c;
  --detail-surface3: #2d2d36;
  --detail-line: #32323a;
  --detail-ink: #f7f5f8;
  --detail-muted: #a8a5b1;
  --detail-muted2: #7d7b86;
  --detail-pink: #fc078a;
  --detail-pink-hover: #e0067b;
  --detail-pinklight: rgba(252, 7, 138, 0.11);
  --detail-pinkborder: rgba(252, 7, 138, 0.28);
  --detail-white: #ffffff;
  --detail-radius-lg: 20px;
  --detail-radius-md: 14px;
  --detail-radius-sm: 10px;
  --detail-radius-pill: 9999px;
  --detail-shadow: 0 18px 56px rgba(0, 0, 0, 0.28);
  --detail-shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.16);
}

[data-theme="dark"] #container {
    position: relative;
}

[data-theme="dark"] #container::before {
    content: '';
    display: block;
    background-color: var(--logocolor);
    width: 100%;
    max-width: 1280px;
    height: 15vw;
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    filter: blur(10vw);
    top: 0;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0.3;
}

[data-theme="dark"] #topmenu {
    background-color: transparent;
}

[data-theme="dark"] .c_curated_page .c-protaseis-section {
    background: transparent !important;
}

/* ===== END DARK THEME ===== */

#container {
   margin-top: 20px;
}

p {
    margin-bottom: 0.6em;
}

label {
font-size: 12px;
}

input[type="file"] {
   color: var(--text);
}

@media (max-width: 990px) {
body, h1, h2, h3, select, p, button {
    font-size: 14px;
}
}


/*PAGETITLE*/

#contenttop h1, #belowsite h1 {
position: relative;
margin-bottom: 15px !important;
padding-bottom: 0px !important;
color: var(--text);
}



@media(max-width: 990px) {
#contenttop h1 {
   font-size: 1.6em;
}
}

#contenttop h1::after, #belowsite h1::after {
    content: "";
    position: relative;
    top: 0;
    left: 0px;
    width: 60px;
    height: 3px;
    margin-top: 5px;
    background-color: var(--logocolor);
    display: block;
}

#belowsite h1 {
   font-size: 1.6em;
}

.c-button {
   display: inline-block;
   background-color: var(--logocolor);
   color: var(--text);
   border-radius: 100px;
   padding: 10px 15px;
   text-decoration: none;
   font-weight: bold;
}

.c-button:hover {
   background-color: var(--buttonBG-hover);
   color: var(--buttonText-hover) !important;
}

/* FOOTER: #ad-cta-footer & #event-cta */

#ad-cta-footer {
  margin: 40px auto 30px auto !important;
  max-width: 1220px !important;
  padding: 32px 36px !important;
  background: var(--detail-surface) !important;
  border: 1px solid var(--detail-line) !important;
  border-radius: var(--detail-radius-lg) !important;
  box-shadow: var(--detail-shadow) !important;
}

#ad-cta-footer .c-ad-cta h1 {
  font-size: clamp(24px, 2.5vw, 32px) !important;
  font-weight: 850 !important;
  letter-spacing: -0.04em !important;
  color: var(--detail-ink) !important;
  line-height: 1.15 !important;
  margin: 0 0 10px 0 !important;
}

#ad-cta-footer .c-ad-cta p {
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: var(--detail-muted) !important;
  margin: 0 !important;
}

#ad-cta-footer .c-metrics-box {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px !important;
}

#ad-cta-footer .c-metric {
  background: var(--detail-surface2) !important;
  border: 1px solid var(--detail-line) !important;
  border-radius: var(--detail-radius-md) !important;
  padding: 14px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  width: auto !important;
  box-sizing: border-box !important;
}

#ad-cta-footer .c-metric-num {
  font-size: 22px !important;
  font-weight: 850 !important;
  color: var(--detail-pink) !important;
  letter-spacing: -0.03em !important;
  line-height: 1.1 !important;
  margin: 0 0 4px 0 !important;
}

#ad-cta-footer .c-metric p:not(.c-metric-num) {
  font-size: 12px !important;
  color: var(--detail-muted) !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

#ad-cta-footer .c-metric.c-cta-button {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#ad-cta-footer .c-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 14px !important;
  border-radius: var(--detail-radius-pill) !important;
  background: var(--detail-pink) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  margin-top: 6px !important;
}

#ad-cta-footer .c-button:hover {
  background: var(--detail-pink-hover) !important;
  color: #ffffff !important;
}

#event-cta {
  margin: 0 auto 50px auto !important;
  max-width: 1220px !important;
  background: linear-gradient(135deg, var(--detail-surface) 0%, var(--detail-surface2) 100%) !important;
  border: 1px solid var(--detail-line) !important;
  border-radius: var(--detail-radius-lg) !important;
  padding: 30px 36px !important;
  box-shadow: var(--detail-shadow) !important;
  overflow: hidden !important;
}

#event-cta .row {
  display: flex !important;
  align-items: flex-end !important;
  flex-wrap: wrap !important;
}

#event-cta h1 {
  font-size: clamp(22px, 2.3vw, 28px) !important;
  font-weight: 850 !important;
  letter-spacing: -0.03em !important;
  color: var(--detail-ink) !important;
  margin: 0 0 14px 0 !important;
}

#belowsite #event-cta h1::after {
  background-color: var(--buttonBGcta);
}

#event-cta .c-cta-event-text .c-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 22px !important;
  border-radius: var(--detail-radius-pill) !important;
  background: var(--detail-pink) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
  margin-right: 10px !important;
  transition: all 0.2s ease !important;
}

#event-cta .c-cta-event-text .c-button:hover {
  background: var(--detail-pink-hover) !important;
}

#event-cta .c-cta-event-text .c-button[href^="tel:"] {
  background: var(--detail-surface) !important;
  border: 1px solid var(--detail-line) !important;
  color: var(--detail-ink) !important;
}

#event-cta .c-cta-event-text .c-button[href^="tel:"]:hover {
  background: var(--detail-surface2) !important;
  border-color: var(--detail-pinkborder) !important;
  color: var(--detail-pink) !important;
}

.c-cta-event-image {
  margin-top: -50px;
  margin-bottom: -50px;
  text-align: right;
}

.c-cta-event-image img {
  max-width: 100%;
  height: auto;
}

@media (min-width: 991px) {
  .c-cta-event-image {
    margin-top: -170px;
    margin-bottom: -50px;
    text-align: center;
  }
}

@media (max-width: 991px) {
  #ad-cta-footer {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #ad-cta-footer .c-metrics-box {
    grid-template-columns: 1fr 1fr !important;
    margin-top: 20px !important;
  }
  #event-cta {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 600px) {
  #ad-cta-footer {
    padding: 24px 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: var(--detail-radius-md) !important;
  }
  #ad-cta-footer .c-metrics-box {
    grid-template-columns: 1fr !important;
  }
  #event-cta {
    padding: 24px 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: var(--detail-radius-md) !important;
  }
}

/* SOCIAL TOP BANNER */

.c-social-icon svg {
    width: 14px;
    height: auto;
    aspect-ratio: 1 / 1;
    padding: 7px;
    background-color: var(--logocolor);
    border-radius: 7px;
}

.c-social-icon:hover svg {
    background-color: var(--hoverColor);
}

.c-social-icon:hover svg .cls-1, .c-social-top .c-social-icon:hover svg .cls-1 {
    fill: var(--backgroundColorBody);
}

#topbanner .htmlbox .c-social-top a:hover {
   background-color: var(--textNegative);
}

.c-social-top {
    display: flex;
    gap: 5px;
    align-items: flex-start;
}


@media (min-width: 991px) {
.c-social-top {
    position: absolute;
    top: 10px;
    right: 20px;
}
}

.c-mobile-header-links {
    position: absolute;
    top: 18px;
    right: 20px;
    display: flex;
    gap: 5px;
    align-items: flex-start;
}

.mobile-header {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
}

.mobile-header .c-social-top {
    top: 15px;
}

#mobile-header {
    border-bottom: 1px solid var(--borders);
    min-height: 70px;
}

.mobile-header .c-mobile-header-links svg {
    width: 28px;
    padding: 6px;
}

@media (min-width: 991px) {
#topbanner .htmlbox a {
   color: var(--logocolor);
}

#topbanner .htmlbox a div svg {
    width: 17px;
    height: auto;
}

#topbanner .c-steile-event {
    background-color: var(--backgroundColorElement);
    border-radius: 7px;
    padding: 6px 10px;
}

#topbanner .c-steile-event a div {
    gap: 5px;
}

#topbanner .c-steile-event a {
    font-size: 14px;
}

#innertopbanner {
   background-image: none;
}
}

/* ===== DESKTOP TOP MENU & HEADER UPGRADE (MIN-WIDTH: 991px) ===== */
@media (min-width: 991px) {
    #topmenu {
        display: block !important;
        background-color: transparent !important;
        border-bottom: 1px solid var(--borders);
        margin-bottom: 0 !important;
        padding-top: 10px !important;
        padding-bottom: 12px !important;
    }

    #belowtopmenu {
        min-height: 0px !important;
        height: 0px !important;
        margin: 0 !important;
        padding: 0 !important;
    }


    #innertopmenu {
        max-width: 1280px;
        margin: 0 auto;
        padding: 2px 16px;
    }

    div.topmenu {
        min-height: unset;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.topmenu ul {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 0 !important;
        margin: 0;
        min-height: unset;
        list-style: none;
    }

    .topmenu li::before,
    .topmenu li::after {
        display: none !important;
    }

    div.topmenu ul li {
        height: auto;
        min-height: unset;
        padding: 0;
        background: none !important;
        position: relative;
    }

    div.topmenu ul li a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 5px 12px;
        height: auto;
        min-height: 30px;
        border-radius: 999px;
        color: var(--text) !important;
        font-family: inherit;
        font-size: 13.5px;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-decoration: none;
        background-color: transparent !important;
        border: 1px solid transparent;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }

    div.topmenu ul li a span {
        display: inline-flex;
        align-items: center;
        flex-direction: row;
        gap: 5px;
        line-height: 1;
    }

    div.topmenu ul li a .material-icons {
        font-size: 18px;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        transition: transform 0.2s ease;
    }

    /* Discover Menu Icon on Desktop */
    div.topmenu a[href*="discover"] span::before {
        content: '';
        display: inline-block;
        width: 22px;
        height: 22px;
        line-height: 1;
        flex-shrink: 0;
        vertical-align: middle;
        background-color: currentColor;
        -webkit-mask: url('/cache/files/05450ceaa402d5e2246981ecdac7bdb7d39c5404.png') no-repeat center / contain;
        mask: url('/cache/files/05450ceaa402d5e2246981ecdac7bdb7d39c5404.png') no-repeat center / contain;
    }

    @supports not ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
        div.topmenu a[href*="discover"] span::before {
            background: url('/cache/files/05450ceaa402d5e2246981ecdac7bdb7d39c5404.png') no-repeat center / contain;
        }
    }

    div.topmenu ul li.inactive:hover > a,
    div.topmenu ul li.inactive a:hover {
        background-color: rgba(236, 0, 140, 0.1) !important;
        color: var(--logocolor) !important;
        border-color: rgba(236, 0, 140, 0.25);
        transform: translateY(-1px);
    }

    div.topmenu ul li.active a {
        background-color: var(--logocolor) !important;
        color: #ffffff !important;
        font-weight: 600;
        border-color: var(--logocolor);
        box-shadow: 0 2px 8px rgba(236, 0, 140, 0.3);
    }

    div.topmenu ul li.active a .material-icons,
    div.topmenu ul li.active a[href*="discover"] span::before {
        color: #ffffff !important;
    }
}

/* ===== MOBILE BOTTOM NAVIGATION BAR UPGRADE (MAX-WIDTH: 990px) ===== */
@media (max-width: 990px) {
    #topmenu {
        display: block !important;
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }

    #topmenu .bottomnavbar:not(.editablemenu) {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        padding-top: 6px !important;
        padding-bottom: max(8px, env(safe-area-inset-bottom, 8px)) !important;
        box-sizing: border-box !important;
        backdrop-filter: blur(24px) !important;
        -webkit-backdrop-filter: blur(24px) !important;
    }

    [data-theme="dark"] #topmenu .bottomnavbar:not(.editablemenu),
    :root:not([data-theme="light"]) #topmenu .bottomnavbar:not(.editablemenu) {
        background-color: rgba(18, 18, 18, 0.88) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
        box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.5) !important;
    }

    [data-theme="light"] #topmenu .bottomnavbar:not(.editablemenu) {
        background-color: rgba(255, 255, 255, 0.92) !important;
        border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
        box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.06) !important;
    }

    div.topmenu.bottomnavbar ul {
        display: flex !important;
        align-items: center !important;
        justify-content: space-around !important;
        width: 100% !important;
        max-width: 500px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        list-style: none !important;
    }

    div.topmenu.bottomnavbar ul li {
        flex: 1 1 25% !important;
        max-width: 25% !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
        height: auto !important;
    }

    .bottomnavbar li::before,
    .bottomnavbar li::after {
        display: none !important;
    }

    div.topmenu.bottomnavbar ul li a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        padding: 4px 2px !important;
        border-radius: 8px !important;
        text-decoration: none !important;
        background-color: transparent !important;
        border: none !important;
        transition: transform 0.15s ease, color 0.15s ease !important;
    }

    div.topmenu.bottomnavbar ul li.inactive a {
        color: rgba(255, 255, 255, 0.65) !important;
    }

    [data-theme="light"] div.topmenu.bottomnavbar ul li.inactive a {
        color: rgba(20, 20, 20, 0.65) !important;
    }

    div.topmenu.bottomnavbar ul li.active a,
    div.topmenu.bottomnavbar ul li a:active {
        color: var(--logocolor) !important;
    }

    div.topmenu.bottomnavbar ul li a span {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        letter-spacing: 0.02em !important;
        line-height: 1 !important;
    }

    div.topmenu.bottomnavbar ul li.active a span {
        font-weight: 700 !important;
    }

    div.topmenu.bottomnavbar ul li a .material-icons {
        font-size: 24px !important;
        line-height: 1 !important;
        display: block !important;
        margin: 0 auto !important;
        color: inherit !important;
        transition: transform 0.15s ease !important;
    }

    /* Discover Menu Icon on Mobile Bottom Navbar */
    div.topmenu.bottomnavbar a[href*="discover"] span::before {
        content: '';
        display: block !important;
        width: 25px !important;
        height: 25px !important;
        margin: 0 auto !important;
        line-height: 1 !important;
        flex-shrink: 0 !important;
        background-color: currentColor !important;
        -webkit-mask: url('/cache/files/05450ceaa402d5e2246981ecdac7bdb7d39c5404.png') no-repeat center / contain !important;
        mask: url('/cache/files/05450ceaa402d5e2246981ecdac7bdb7d39c5404.png') no-repeat center / contain !important;
        transition: transform 0.15s ease !important;
    }

    @supports not ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
        div.topmenu.bottomnavbar a[href*="discover"] span::before {
            background: url('/cache/files/05450ceaa402d5e2246981ecdac7bdb7d39c5404.png') no-repeat center / contain !important;
        }
    }

    div.topmenu.bottomnavbar ul li a:active .material-icons,
    div.topmenu.bottomnavbar ul li a:active span::before {
        transform: scale(0.9);
    }

    body {
        padding-bottom: max(65px, calc(55px + env(safe-area-inset-bottom, 0px)));
    }
}


.socials svg {
   width: 35px;
   height: 35px;
}
.submit .button {
    color: var(--buttonText);
    background-color: var(--buttonBG);
    background-image: none;
    border: 0;
    font-size: 1em;
    border-radius: 100px;
    padding: 10px 15px;
}

.submit .button:hover {
   background-color: var(--buttonBG-hover);
   color: var(--buttonText-hover) !important;
}


div.items div.linkto:hover {
    background-color: var(--backgroundColorElement);
}

div.items div.linkto:hover a {
   color: var(--backgroundColorBody);
}

#belowsite .c-cta-button a {
    color: white;
}

@media (max-width: 990px) {
#content, #innercontent {
    box-sizing: border-box;
}
}


.c-newlogo {
    background-image: url('/cache/files/dcfe7bd334c55831c69042951699f3eec545bc26.png');
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
}

a.mobile-header-startlink {
    background-image: url('/cache/files/dcfe7bd334c55831c69042951699f3eec545bc26.png');
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
width: 100px;
    transform: translate(-50%, 0%);
}

[data-theme="light"] a.mobile-header-startlink, [data-theme="light"] .c-newlogo {
    background-image: url('/cache/files/dcfe7bd334c55831c69042951699f3eec545bc26.png');
}

.side-nav__header {
    background-color: white;
    background-image: url('/cache/files/dcfe7bd334c55831c69042951699f3eec545bc26.png') !important;
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-left: 8vh;
    margin-right: 8vh;
}

a.mobile-header-startlink, #mobiletopbanner a.startlink {
   left: 20px;
   transform: none;
}

.c-steile-event {
    background-color: var(--backgroundColorElement);
    border-radius: 7px;
    padding-right: 8px;
}

.c-steile-event a {
    font-size: 11px;
    text-decoration: none;
}

.c-steile-event a div {
    display: flex;
    align-items: center;
}

.c-steile-event a div svg path {
    fill: var(--logocolor);
}
.c-newsletter {
padding-top: 100px;
padding-bottom: 100px;
width: 60%;
margin: auto;
}

.c-newsletter form {
    margin: auto;
}

.c-newsletter form label {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 800;
font-family: 'Manrope', sans-serif;
}

.c-newsletter form input {
    padding: 10px;
    border: 2px solid #d3d3d3;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}


.c-newsletter form input:focus-visible {
outline: none;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}

.c-newsletter form input::placeholder {
color: #d1d1d5;
font-size: 14px;
}

.c-newsletter form .submit {
margin-top: 20px;
text-align: center;
}

.c-newsletter form .submit button {
    font-size: 14px;
    font-weight: 400;
    padding: 20px 25px;
    color: white;
    background-color: #595959;
    transition: 0.3s;
    letter-spacing: 1px;
    border-radius: 3px;
    border-color: transparent;
    min-width: 170px;
}

.c-newsletter form .submit button:hover {
color: white;
background-color: #e0751b;
}

@media only screen and (max-width: 768px) {
.c-newsletter {
width: 90%;
}
}.nsui_modal.modal_modalfromlink .c-popup-katastima-items .c-diorganotis-header, .c-diorganotis-header {
    display: flex;
    align-items: center;
    gap: 5px;
}

.nsui_modal .inner {
    padding: 20px;
   box-sizing: border-box;
    min-width: 300px;
    padding-right: 60px;
    padding-right: 0px;
}

@media (max-width: 990px) {
    .nsui_modal .inner {
        width: 95%;
    }
}

.nsui_modal .inner .content {
   width: 100%;
/*    padding-right: 20px;*/
    box-sizing: border-box;
}

.nsui_modal .inner .content .col1 {
        margin-top: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

.nsui_modal.modal_modalfromlink div.items.c-popup-katastima-items div.photos {
    float: none;
    padding: 0;
    margin-right: 5px;
}

.nsui_modal.modal_modalfromlink div.items.c-popup-katastima-items div.photos, .c-diorganotis-header div.photos {
    width: 70px;
    height: 70px;
}

.nsui_modal.modal_modalfromlink div.items.c-popup-katastima-items div.photos img {
    aspect-ratio: auto;
    border-radius: 10px;
}

.c-diorganotis-header div.photos img {
    aspect-ratio: auto;
    border-radius: 10px;
    width: 100%;
    height: auto;
}

#contenttop .c-events-details div.detail .c-diorganotis-header div.photos, #contenttop .c-katastima-details div.detail .c-diorganotis-header div.photos {
    width: 70px !important;
    border-radius: 10px;
    border: 1px solid var(--borders);
}

.c-katastima-details div.detail .c-diorganotis-header {
   display: block;
}

#contenttop .c-katastima-details div.detail .c-diorganotis-header div.photos {
   float: left;
   margin-right: 10px;
}

#contenttop .c-katastima-details div.detail .c-hero-wrapper .share_link.share_link_detail {
   float: right;
}

#contenttop .c-katastima-details div.detail .c-diorganotis-header .c-modal-address .icon {
   display: none;
}

.nsui_modal.modal_modalfromlink div.items.c-popup-katastima-items h3 {
    font-size: 16px;
    font-weight: normal;
    margin: 0 !important;
}

.nsui_modal.modal_modalfromlink div.items.c-popup-katastima-items h3 a {
    color: var(--textNegative) !important;
}

.nsui_modal.modal_modalfromlink .c-popup-katastima-items .hero-container div.photos::before {
   display: none;
}

.nsui_modal.modal_modalfromlink .c-popup-katastima-items .socials a, .socials a {
    border: 1px solid var(--borders);
}


.nsui_modal.modal_modalfromlink .c-popup-katastima-items .inputbox {
    margin-bottom: 5px;
}

.nsui_modal .inner .close_button {
    right: 30px;
    top: 30px;
    font-size: 24px;
    border-radius: 50%;
    background-color: var(--logocolor);
}

.itemdetail .modal_modalfromlink .c-popup-katastima-items .p_photos_main_image_detail {
    width: 100%;
    padding: 0;
}

.nsui_modal.modal_modalfromlink .c-popup-katastima-items .inputbox,
.c-diorganotis-box .c-popup-katastima-items .inputbox {
    margin-bottom: 10px;
    margin-top: 10px;
}

.nsui_modal.modal_modalfromlink div.items.c-popup-katastima-items div.linkto,
div.items.c-popup-katastima-items div.linkto.c-katastima-detail-link {
  float: none;
    float: none;
    min-height: auto;
    border-radius: 100px;
}

.nsui_modal.modal_modalfromlink div.items.c-popup-katastima-items div.linkto a,
div.items.c-popup-katastima-items div.linkto.c-katastima-detail-link a {
    padding: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.nsui_modal.modal_modalfromlink div.items.c-popup-katastima-items .socials,
.c-diorganotis-box div.items.c-popup-katastima-items .socials {
    padding: 10px 0 10px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.socials {
    padding: 0px 0;
    padding-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}


.nsui_modal.modal_modalfromlink div.items.c-popup-katastima-items .socials a, .c-popup-katastima-items .socials a, .socials a {
    display: inline-block;
    width: 35px;
    height: 35px;
    padding: 8px;
    box-sizing: border-box;
    background-color: var(--backgroundColor-logo-allthemes);
    border-radius: 50%;
    border: 0;
}

.c-diorganotis-box .c-popup-katastima-items .socials a, .socials a {
    background-color: var(--logocolor);
}

.nsui_modal.modal_modalfromlink div.items.c-popup-katastima-items .socials a:hover,
.c-diorganotis-box .c-popup-katastima-items .socials a:hover, .socials a:hover {
    background-color: var(--logocolor);
}

.nsui_modal.modal_modalfromlink div.items.c-popup-katastima-items .socials a img, .nsui_modal.modal_modalfromlink div.items.c-popup-katastima-items .socials a svg, div.items.c-popup-katastima-items .socials a svg, .socials a svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.c-diorganotis-box .c-popup-katastima-items .socials a svg path, .socials a svg path {
   fill: white;
}

.c-diorganotis-box .c-popup-katastima-items .socials a:hover svg path, .socials a:hover svg path {
    fill: var(--backgroundColorElement);
}
body:not(.userroot) div.topmenu ul li a span.material-icons, body:not(.useradmin) div.topmenu ul li a span.material-icons {
    font-size: 26px;
}

#mobile-header button {
    display: none;
}

@media (max-width: 990px) {
div.topmenu ul {
    padding-left: 0px;
    padding-right: 0px;
}

#topmenu {
   display: block;
}

.userroot #topmenu .bottomnavbar {
   position: relative;
}

#topmenu .bottomnavbar {
    position: fixed;
    bottom: 0dvh;
    left: 0;
    right: 0;
    background-color: var(--mobileNavBG);
    width: 100%;
    z-index: 50;
    backdrop-filter: blur(24px);
    box-sizing: border-box;
    border-top: 1px solid var(--mobileNavBorder);
}

#topmenu .bottomnavbar.editablemenu {
    position: unset;
}

div.topmenu.bottomnavbar ul li a, div.topmenu.bottomnavbar ul li {
    height: auto;
    padding: 3px 7px;
}

div.topmenu ul li.active a {
   color: var(--logocolor);
}

body:not(.userroot) div.topmenu ul li a span, body:not(.useradmin) div.topmenu ul li a span {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 10px;
    gap: 2px;
}

div.topmenu ul li a span img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}
}.itemdetail .modal_modalfromlink .p_photos_main_image_detail {
    width: 100%;
    padding: 0;
}

.nsui_modal.modal_modalfromlink .c-popup-katastima-items .c-diorganotis-header, .c-diorganotis-header {
    display: flex;
    align-items: center;
    gap: 5px;
}

.nsui_modal.modal_modalfromelement a {
    display: flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    color: var(--textNegative);
}

.nsui_modal.modal_modalfromelement svg {
    padding: 10px;
    border-radius: 50%;
    background-color: var(--buttonBG);
    color: white;
    width: 24px;
    height: 24px;
}.c-theme-toggle {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.toggle-track {
    width: auto;
    height: auto;
    border-radius: 7px;
    background: var(--backgroundColorBody);
    border: 1px solid var(--borders);
    gap: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px 5px;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.toggle-thumb {
    width: 32px;
    height: 28px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.25s, color 0.2s;
    color: var(--borders);
}

.toggle-thumb svg {
    width: 20px;
    height: 20px;
}
@media (max-width: 990px) {
.mobile-header .c-mobile-header-links .toggle-thumb {
    width: 26px;
}
.mobile-header .c-mobile-header-links .toggle-thumb svg {
    padding: 0px;
    width: 18px;
}
}

[data-theme-mode="light"] .toggle-thumb[data-icon="sun"],
[data-theme-mode="dark"] .toggle-thumb[data-icon="moon"],
[data-theme-mode="system"] .toggle-thumb[data-icon="system"],
html:not([data-theme-mode])[data-theme="light"] .toggle-thumb[data-icon="sun"],
html:not([data-theme-mode])[data-theme="dark"] .toggle-thumb[data-icon="moon"] {
  color: var(--logocolor);
}.c-thingstodo-venues .list {
    posiiton: relative;
    padding: 20px 0;
    z-index: 2;
}

.c-thingstodo-venues {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    padding: 15px;
}

.c-thingstodo-venues div.items div.item {
    padding: 0 10px;
}

.c-thingstodo-venues::before {
    content: '';
    display: block;
    background-color: var(--logocolor);
    width: 100%;
    max-width: 1280px;
    height: 15vw;
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    filter: blur(4vw);
    top: 0;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0.4;
}

.c-thingstodo-venues::after {
    content: '';
    display: block;
    background-color: var(--logocolor);
    width: 100%;
    max-width: 1280px;
    height: 15vw;
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    filter: blur(4vw);
    bottom: 0;
    transform: translate(-50%, 50%);
    left: 50%;
    opacity: 0.4;
}


[data-theme="light"] .c-thingstodo-venues::before, [data-theme="light"] .c-thingstodo-venues::after {
    opacity: 0.2;
    background-color: #120000;
}


.c-thingstodo-venues .event-schedule-list, div.detail .c-thingstodo-venues .p_date_ranges_container {
    margin-bottom: 0;
}

div.items.c-thingstodo-venues div.item {
   position: relative;
   z-index: 2;
}
body:not(.userroot) .event-next-weekday {
    right: 7px;
    left: auto;
}

.c-patrasevents-protaseis span.category {
    font-weight: 600;
    background-color: var(--logocolor);
    color: white;
    display: inline-block;
    padding: 5px 8px;
    border-radius: 30px;
    z-index: 2;
    font-size: 14px;
    position: absolute;
    top: 7px;
    left: 7px;
    padding: 6px;
    z-index: 2;
}

@media (max-width: 768px) {
    body:not(.userroot) .event-next-weekday {
        top: 7px;
        right: 15px;
        padding: 3px 7px;
        font-size: 10px;
    }
.c-patrasevents-protaseis span.category {
    padding: 3px 4px;
    font-size: 10px;
    top: 7px;
}
}.c-modes-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px;
    margin-top: 10px;
}

.c-modes-content > div:first-child {
   width: 100%;
margin-bottom: 10px;
}

.c-modes-content .group_add > div {
    margin-right: 10px;
}

.c-modes .value, .c-vibe_tags .value, .c-music_tags .value, .c-drink_types .value, .c-age_group .value, .c-food_types .value {
    display: flex;
    flex-direction: row;
    gap: 5px;
    padding: 10px;
    border: 1px solid var(--borders);
    border-radius: 15px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.c-modes .value span, .c-vibe_tags .value span, .c-music_tags .value span, .c-drink_types .value span, .c-age_group .value span, .c-food_types .value span {
    white-space: nowrap;
}

.c-modes {
    display: inline-block;
}

.c-modes .value::before, .c-vibe_tags .value::before, .c-music_tags .value::before, .c-drink_types .value::before, .c-age_group .value::before, .c-food_types .value::before {
  content: '';
  width: 24px;
  height: 16px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
    background-position: center;
}

.c-audience-fit .value::before {
  background-image: url('/cache/files/e34998ae995ace6d663ee1c9ad8a470d7c3222fc.svg');
}

.c-occasion .value::before {
  background-image: url('/cache/files/defbb3e063d693427ef3949f090ed746c6dc9106.svg');
}

.c-vibe_tags .value::before {
  background-image: url('/cache/files/bc4c1bcce77f2b293bc7d3984cc918a058f37d0d.svg');
}

.c-music_tags .value::before {
  background-image: url('/cache/files/c30f876f94a19d14d932eb7886c5a3d3de1d4aee.svg');
}

.c-drink_types .value::before {
  background-image: url('/cache/files/699c3925393e54ee209e5228be3e86dda7654e75.svg');
}

.c-age_group .value::before {
  background-image: url('/cache/files/554cabdcb8bd5cb2822922415efe5078c5c81817.svg');
}

.c-food_types .value::before {
  background-image: url('/cache/files/86afd1c06e565cddd799f9423821b1e9acabb69c.svg');
}
/* ==========================================================================
   Events List Design (htmlbox 8429, parent_id = 1)
   Covers shared list view 2428 (.c-events, .c-cinema-events) & Promoted Slider
   ========================================================================== */

div.items.c-events div.list,
div.items.c-cinema-events div.list {
    background-color: var(--background-box-color);
    padding: 18px;
    border-radius: 16px;
}

@media (max-width: 768px) {
    div.items.c-events div.list,
    div.items.c-cinema-events div.list {
        padding: 12px 10px;
        border-radius: 14px;
    }
}

@media (min-width: 1128px) {
    #contenttop div.items div.detail div.horizontalitems div.item,
    #contenttop div.horizontalitems div.item {
        width: 20%;
        clear: none;
    }
}

div.items div.photos {
    float: none;
}

.useradmin div.items div.photos,
.userroot div.items div.photos {
    position: unset;
}

/* Hide legacy 1px spacer delimiter images inside event list cards */
div.items.c-events div.list div.item span.delimiter,
div.items.c-cinema-events div.list div.item span.delimiter {
    display: none !important;
}

/* Card spacing & structure in vertical grid lists (excluding Venue Details horizontal list) */
div.items.c-events:not(.c-katastima-details *) div.list div.item {
    margin-bottom: 18px;
}

div.items.c-events:not(.c-katastima-details *) div.list div.item > div.itemcontent {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
    padding: 4px;
}

/* ==========================================================================
   Hero Poster Container, Top-Left Category Badge & Share Button
   ========================================================================== */

.list .hero-container {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    background-color: rgba(128, 128, 140, 0.12);
}

.hero-container div.photos::before {
    content: '';
    display: block;
    background-image: linear-gradient(0deg, rgb(0 0 0 / 45%), transparent 60%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45%;
    pointer-events: none;
    z-index: 1;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

div.horizontalitems div.item div.photos {
    height: auto;
    overflow: hidden;
    border-radius: 14px;
}

div.horizontalitems div.item div.photos :is(img, video) {
    aspect-ratio: 3 / 4;
    box-sizing: border-box;
    padding-bottom: 0;
    width: 100% !important;
    height: 100%;
    max-height: none;
    object-position: center;
    border-radius: 14px;
    background-color: #2b2b2b;
    object-fit: cover;
    display: block;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

div.horizontalitems.c-events div.list div.item:hover .hero-container div.photos :is(img, video) {
    transform: scale(1.03);
}

/* ==========================================================================
   Event Card Photo Slider & Dots (.p_photos-main-slider / .slick-dots)
   ========================================================================== */

.list .hero-container .p_photos-main-slider,
.list .hero-container .p_photos-main-slider.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

.list .hero-container .p_photos-main-slider .slick-dots {
    position: absolute !important;
    bottom: 10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 5px 9px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: rgba(11, 11, 16, 0.58) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    z-index: 4 !important;
    list-style: none !important;
    line-height: 1 !important;
}

.list .hero-container .p_photos-main-slider .slick-dots:has(li:only-child) {
    display: none !important;
}

.list .hero-container .p_photos-main-slider .slick-dots li {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.list .hero-container .p_photos-main-slider .slick-dots li button {
    width: 6px !important;
    height: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.42) !important;
    border: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    transition: width 0.2s ease, background-color 0.2s ease !important;
    cursor: pointer !important;
}

.list .hero-container .p_photos-main-slider .slick-dots li button:hover {
    background: rgba(255, 255, 255, 0.78) !important;
}

.list .hero-container .p_photos-main-slider .slick-dots li.slick-active button {
    width: 18px !important;
    background: #ec008c !important;
}

.list .hero-container .p_photos-main-slider .slick-dots li button::before {
    display: none !important;
    content: none !important;
}

/* Category Badge: Top-Left of Event Card Poster */
.list .hero-container .c-categories-all-box {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    max-width: calc(100% - 54px);
    pointer-events: none;
}

.list .hero-container .c-katigoria {
    position: static;
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.25;
    background: rgba(235, 0, 139, 0.92);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    z-index: 3;
}

.list .hero-container .c-katigoria .infoline {
    margin: 0;
}

@media (max-width: 768px) {
    .list .hero-container .c-categories-all-box {
        top: 8px;
        left: 8px;
    }
    .list .hero-container .c-katigoria {
        font-size: 10.5px;
        padding: 3px 8px;
        border-radius: 6px;
    }
}

/* Share & Like Buttons on Card Image */
.share_link_list {
    position: absolute;
    bottom: 8px;
    right: 8px;
    margin: 0;
    color: var(--logocolor);
    background-color: var(--backgroundColorElement);
    padding: 9px 10px;
    border-radius: 50%;
    z-index: 3;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}

.share_link_list .material-icons.md-24 {
    font-size: 18px;
}

div.items .c-like-group-add.group {
    background-color: var(--backgroundColorElement);
    color: var(--logocolor);
    position: absolute;
    bottom: 8px;
    right: 52px;
    min-height: auto;
    border-radius: 50%;
    z-index: 3;
}

div.items .c-like-group-add.group a {
    padding: 8px;
    line-height: 0;
}

div.items .c-like-group-add.group.active a svg {
    fill: var(--logocolor);
}

/* ==========================================================================
   Card Content Box: Subcategory, Duration, Title, Summary, Schedule, Venue
   ========================================================================== */

div.items.c-events:not(.c-katastima-details *) div.list div.item div.contentboxy.boxreal2436 {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-top: 10px;
    flex: 1;
}

div.items div.list div.contentboxy span.label {
    background-image: none;
    padding-left: 0px;
}

/* Subcategory & Duration Tags */
.c-subcat-duration-wrapper:not(:has(.subcat, .duration)),
.c-subcat-duration-inner:empty {
    display: none !important;
}

.c-subcat-duration-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0 0 2px 0;
}

.c-subcat-duration-inner .subcat {
    display: inline-flex;
    align-items: center;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.25;
    padding: 3px 8px;
    border-radius: 6px;
    background: rgba(235, 0, 139, 0.14);
    color: #ff4db8;
    border: 1px solid rgba(235, 0, 139, 0.28);
    letter-spacing: 0.01em;
}

body.light-theme .c-subcat-duration-inner .subcat,
html[data-theme="light"] .c-subcat-duration-inner .subcat {
    background: rgba(235, 0, 139, 0.1);
    color: #c50074;
    border-color: rgba(235, 0, 139, 0.25);
}

.c-subcat-duration-inner .duration {
    display: inline-flex;
    align-items: center;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.25;
    padding: 3px 7px;
    border-radius: 6px;
    background: rgba(128, 128, 140, 0.16);
    color: var(--text);
    border: 1px solid rgba(128, 128, 140, 0.22);
    font-variant-numeric: tabular-nums;
}

.c-subcat-duration-inner .duration .minutes {
    margin-left: 1px;
    opacity: 0.85;
}

/* Event Title */
div.items div.list h3 a {
    color: var(--text);
    font-weight: 700;
    text-decoration: none;
    transition: color 0.15s ease;
}

div.items div.list h3 a:hover {
    color: var(--logocolor);
}

div.items h3 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

div.horizontalitems div.list div.item h3 {
    margin: 0 !important;
    padding: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25em;
    max-height: 2.5em;
    height: auto;
    font-size: 16.5px;
}

@media (max-width: 990px) {
    div.horizontalitems div.list div.item h3 {
        font-size: 15px;
    }
}

/* Short Description / Summary (.textbox.c-summary) */
div.items.c-events div.list div.item .textbox.c-summary,
div.items.c-events div.list div.item .textbox.c-summary .value {
    padding: 0 !important;
}

div.items.c-events div.list div.item .textbox.c-summary .value {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 1.3em;
    max-height: 2.55em;
    color: var(--text);
    opacity: 0.72;
    margin: 0 0 2px 0;
}

/* ==========================================================================
   p_date_ranges in Events Lists - Compact Short-Date Styling
   ========================================================================== */

div.items .p_date_ranges_container,
.list .p_date_ranges_container,
.theitems .p_date_ranges_container {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 2px 0 4px 0 !important;
}

div.items .event-schedule-list,
.list .event-schedule-list {
    margin: 0 !important;
    gap: 4px !important;
}

div.items .event-schedule-list .event-datetime,
.list .event-schedule-list .event-datetime {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 5px 10px !important;
    background: transparent !important;
    border: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    padding: 1px 0 !important;
    box-shadow: none !important;
    cursor: pointer;
}

div.items .event-schedule-list .date-container,
.list .event-schedule-list .date-container,
div.items .event-schedule-list .time-container,
.list .event-schedule-list .time-container {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: var(--text, #fff) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    opacity: 0.92 !important;
    font-variant-numeric: tabular-nums;
}

div.items .event-schedule-list .date-container .icon,
.list .event-schedule-list .date-container .icon,
div.items .event-schedule-list .time-container .icon,
.list .event-schedule-list .time-container .icon {
    font-size: 16px !important;
    color: var(--logocolor, #ec008c) !important;
    opacity: 1 !important;
}

div.items .event-schedule-list .popuparrow,
.list .event-schedule-list .popuparrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background-color: rgba(236, 0, 140, 0.15) !important;
    color: var(--logocolor, #ec008c) !important;
    position: static !important;
    transform: none !important;
    margin-left: 2px !important;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

div.items .event-schedule-list .event-datetime:hover .popuparrow {
    background-color: rgba(236, 0, 140, 0.28) !important;
}

div.items .event-schedule-list .popuparrow span.icon,
.list .event-schedule-list .popuparrow span.icon {
    font-size: 15px !important;
    color: inherit !important;
}

/* ==========================================================================
   Full Schedule Modal (.modal_p_date_ranges_schedule) Dark & Light Theme
   ========================================================================== */

.nsui_modal.modal_p_date_ranges_schedule .inner,
.nsui_modal.modal_p_date_ranges_schedule .content,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .inner,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .content {
    background: #17151c !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
    color: #ffffff !important;
    border-radius: 18px !important;
}

.nsui_modal.modal_p_date_ranges_schedule .content,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .content,
[data-theme="light"] .nsui_modal.modal_p_date_ranges_schedule .content {
    border: none !important;
    box-shadow: none !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-modal-header,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-modal-title,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-modal-title {
    color: #ffffff !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-modal-title .icon,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-modal-title .icon {
    color: var(--logocolor, #ec008c) !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-section-title,
.nsui_modal.modal_p_date_ranges_schedule .pdr-section-title .icon,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-section-title,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-section-title .icon {
    color: #a8a5b1 !important;
}

/* Calendar Tiles in Dark Theme */
.nsui_modal.modal_p_date_ranges_schedule .pdr-date-tile,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-date-tile {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-date-tile:hover,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-date-tile:hover {
    background: rgba(255, 255, 255, 0.09) !important;
    border-color: var(--logocolor, #ec008c) !important;
    box-shadow: 0 4px 14px rgba(236, 0, 140, 0.22) !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-date-tile.is-today,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-date-tile.is-today {
    background: rgba(236, 0, 140, 0.14) !important;
    border-color: var(--logocolor, #ec008c) !important;
    box-shadow: 0 2px 10px rgba(236, 0, 140, 0.25) !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-date-tile.is-past,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-date-tile.is-past {
    opacity: 0.45 !important;
    background: rgba(255, 255, 255, 0.02) !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-date-header,
.nsui_modal.modal_p_date_ranges_schedule .pdr-date-weekday,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-date-header,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-date-weekday {
    color: #a8a5b1 !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-date-day,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-date-day {
    color: #ffffff !important;
    font-weight: 800 !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-date-month,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-date-month {
    color: #e2e8f0 !important;
    font-weight: 600 !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-time-chip,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-time-chip {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-time-chip .icon,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-time-chip .icon {
    color: var(--logocolor, #ec008c) !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-today-badge,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-today-badge {
    background: var(--logocolor, #ec008c) !important;
    color: #ffffff !important;
}

/* Timetable Rows, Pill Strip & Range Cards in Dark Theme */
.nsui_modal.modal_p_date_ranges_schedule .pdr-timetable-row,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-timetable-row {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-timetable-row:hover,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-timetable-row:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-timetable-row.is-today,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-timetable-row.is-today {
    background: rgba(236, 0, 140, 0.14) !important;
    border-color: var(--logocolor, #ec008c) !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-timetable-day,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-timetable-day {
    color: #ffffff !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-timetable-time,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-timetable-time {
    color: #e2e8f0 !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-all-day,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-all-day {
    color: #a8a5b1 !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-validity-badge,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-validity-badge {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #a8a5b1 !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-day-pill.inactive,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-day-pill.inactive {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #a8a5b1 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-day-pill.active,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-day-pill.active {
    background: rgba(236, 0, 140, 0.2) !important;
    color: var(--logocolor, #ec008c) !important;
    border-color: var(--logocolor, #ec008c) !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-range-container,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-range-container {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-range-label,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-range-label {
    color: #a8a5b1 !important;
}

.nsui_modal.modal_p_date_ranges_schedule .pdr-range-date,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .pdr-range-date {
    color: #ffffff !important;
}

.nsui_modal.modal_p_date_ranges_schedule .close_button,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .close_button {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: 14px !important;
    right: 14px !important;
    font-size: 20px !important;
    line-height: 1 !important;
    transition: all 0.2s ease !important;
}

.nsui_modal.modal_p_date_ranges_schedule .close_button:hover,
[data-theme="dark"] .nsui_modal.modal_p_date_ranges_schedule .close_button:hover {
    background: var(--logocolor, #ec008c) !important;
    color: #ffffff !important;
    border-color: var(--logocolor, #ec008c) !important;
    transform: rotate(90deg) !important;
}

/* Light Theme Explicit Preservation */
[data-theme="light"] .nsui_modal.modal_p_date_ranges_schedule .inner,
[data-theme="light"] .nsui_modal.modal_p_date_ranges_schedule .content,
body.light-theme .nsui_modal.modal_p_date_ranges_schedule .inner,
body.light-theme .nsui_modal.modal_p_date_ranges_schedule .content {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    color: #212529 !important;
}

[data-theme="light"] .nsui_modal.modal_p_date_ranges_schedule .content,
body.light-theme .nsui_modal.modal_p_date_ranges_schedule .content {
    border: none !important;
    box-shadow: none !important;
}

[data-theme="light"] .nsui_modal.modal_p_date_ranges_schedule .pdr-modal-header,
body.light-theme .nsui_modal.modal_p_date_ranges_schedule .pdr-modal-header {
    border-bottom: 1px solid #e9ecef !important;
}

[data-theme="light"] .nsui_modal.modal_p_date_ranges_schedule .pdr-modal-title,
body.light-theme .nsui_modal.modal_p_date_ranges_schedule .pdr-modal-title {
    color: #212529 !important;
}

[data-theme="light"] .nsui_modal.modal_p_date_ranges_schedule .pdr-modal-title .icon,
body.light-theme .nsui_modal.modal_p_date_ranges_schedule .pdr-modal-title .icon {
    color: #ec008c !important;
}

[data-theme="light"] .nsui_modal.modal_p_date_ranges_schedule .pdr-date-tile,
body.light-theme .nsui_modal.modal_p_date_ranges_schedule .pdr-date-tile {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
}

[data-theme="light"] .nsui_modal.modal_p_date_ranges_schedule .pdr-date-tile.is-today,
body.light-theme .nsui_modal.modal_p_date_ranges_schedule .pdr-date-tile.is-today {
    background: rgba(236, 0, 140, 0.08) !important;
    border-color: #ec008c !important;
}

[data-theme="light"] .nsui_modal.modal_p_date_ranges_schedule .pdr-date-header,
[data-theme="light"] .nsui_modal.modal_p_date_ranges_schedule .pdr-date-weekday,
body.light-theme .nsui_modal.modal_p_date_ranges_schedule .pdr-date-header,
body.light-theme .nsui_modal.modal_p_date_ranges_schedule .pdr-date-weekday {
    color: #6c757d !important;
}

[data-theme="light"] .nsui_modal.modal_p_date_ranges_schedule .pdr-date-day,
body.light-theme .nsui_modal.modal_p_date_ranges_schedule .pdr-date-day {
    color: #212529 !important;
}

[data-theme="light"] .nsui_modal.modal_p_date_ranges_schedule .pdr-date-month,
body.light-theme .nsui_modal.modal_p_date_ranges_schedule .pdr-date-month {
    color: #495057 !important;
}

[data-theme="light"] .nsui_modal.modal_p_date_ranges_schedule .pdr-time-chip,
body.light-theme .nsui_modal.modal_p_date_ranges_schedule .pdr-time-chip {
    background: #f1f3f5 !important;
    border: none !important;
    color: #495057 !important;
}

[data-theme="light"] .nsui_modal.modal_p_date_ranges_schedule .close_button,
body.light-theme .nsui_modal.modal_p_date_ranges_schedule .close_button {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #333333 !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* ==========================================================================
   Venue Link (.c-location-list) - Clear Clickable UX & Direct Navigation
   ========================================================================== */

div.list .c-venue-location-wrapper {
    margin-top: 2px;
}

div.list .c-location-list .infoline {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    margin: 0;
    padding: 4px 10px 4px 7px;
    border-radius: 8px;
    background: rgba(128, 128, 140, 0.12);
    border: 1px solid rgba(128, 128, 140, 0.2);
    box-sizing: border-box;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

div.list .c-location-list .infoline:hover {
    background: rgba(235, 0, 139, 0.13);
    border-color: rgba(235, 0, 139, 0.42);
    transform: translateY(-1px);
}

div.list .c-location-list .icon {
    color: var(--logocolor);
    font-size: 15px;
    flex-shrink: 0;
    line-height: 1;
}

div.list .c-location-list span.value {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    overflow: hidden;
    height: auto;
    line-height: 1.25;
}

div.list .c-location-list a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    max-width: 100%;
    color: var(--text);
    text-decoration: none;
    cursor: pointer;
}

div.list .c-location-list a .locationname {
    display: block;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    transition: color 0.2s ease;
}

div.list .c-location-list a .address {
    display: none;
}

div.list .c-location-list a::after {
    content: "›";
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: var(--logocolor);
    opacity: 0.85;
    flex-shrink: 0;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

div.list .c-location-list .infoline:hover a .locationname {
    color: var(--logocolor);
}

div.list .c-location-list .infoline:hover a::after {
    transform: translateX(2px);
    opacity: 1;
}

/* ==========================================================================
   Filter Bar (Date Selector Pills & Category Pills)
   ========================================================================== */

.aboveitems .p_date_ranges_container {
    border: 0px solid transparent;
    margin-bottom: 0;
    padding: 0;
}

.calendar-button {
    background-color: transparent;
    border: 1px solid var(--borderColorfilter);
    padding: 7.5px 9px;
    border-radius: 50%;
    color: var(--text);
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.calendar-button:hover {
    border-color: var(--logocolor);
}

.date_selector_container .date-button a,
.filter_opt a.disabled,
.filter_opt a.notselected {
    color: var(--text);
    display: inline-block;
    padding: 6px 13px;
    border: 1px solid var(--borderColorfilter);
    border-radius: 70px;
    text-decoration: none;
    font-weight: 500;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.date_selector_container .date-button a:hover,
.filter_opt a.notselected:hover {
    border-color: var(--logocolor);
}

.filter_opt a.disabled {
    opacity: 0.3;
}

.date_selector_container .date-button.selected a,
.filter_opt a.selected {
    color: white;
    display: inline-block;
    padding: 6px 13px;
    border: 1px solid var(--logocolor);
    background-color: var(--logocolor);
    border-radius: 70px;
    font-weight: 600;
    text-decoration: none;
}

.scroll-container > .list,
.date_selector_container {
    gap: 6px;
    font-size: 14px;
}

@media (max-width: 990px) {
    .scroll-container > .list,
    .date_selector_container {
        font-size: 12.5px;
    }
}

.flatpickr-mobile {
    font-size: 0px;
    border: 0 !important;
    padding: 0 !important;
    height: 0;
    overflow: hidden;
    width: 0;
}

.c-categories-filter {
    position: relative;
}

.filter_opt a.selected:not(.resetopt)::after {
    display: inline-block;
    padding: 1px 5.5px;
    background-color: var(--backgroundColorBody);
    border-radius: 50%;
    margin-left: 5px;
}

.filter_opt .filterlabel {
    font-weight: bold;
    font-size: 16px !important;
    margin-bottom: 4px;
}

.filter_opt {
    padding: 10px 10px 12px 0;
}

/* ==========================================================================
   Promoted Events Slider (.c-promoted-events)
   ========================================================================== */

div.items.c-promoted-events div.list h3 a {
    color: white;
}

div.c-promoted-events .slick-track {
    margin-left: 0;
}

div.c-promoted-events div.item div.photos {
    float: none;
    aspect-ratio: 3 / 4;
    height: auto;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 0;
    background-color: rgba(128, 128, 140, 0.14);
    border-radius: 10px;
}

#contenttop div.c-promoted-events div.item div.photos :is(img, video) {
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
    border-radius: 10px;
}

#contenttop div.c-promoted-events div.item {
    position: relative;
}

.c-promoted-events .p_date_ranges_container {
    border: 0px solid transparent;
    margin: 0 0 20px 0;
    padding: 0 0 15px 0;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}

body:not(.userroot) .c-promoted-events .p_date_ranges_container .event-next-weekday {
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 2;
    background-color: var(--logocolor);
    border-radius: 7px 0;
    padding: 5px 10px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    transition: 0.3s;
    text-align: center;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 30%);
    width: fit-content;
}

@media (max-width: 768px) {
    body:not(.userroot) .c-promoted-events .p_date_ranges_container .event-next-weekday {
        top: 3px;
        left: 3px;
        padding: 3px 7px;
        font-size: 10px;
    }
    body:not(.userroot) .event-next-weekday {
        top: 3px;
        right: 3px;
        padding: 3px 7px;
        font-size: 10px;
    }
}

#contenttop div.c-promoted-events div.item:hover .p_date_ranges_container .event-next-weekday {
    font-size: 16px;
}

div.horizontalitems.c-promoted-events div.list div.item {
    position: relative;
    padding-left: 15px;
}

div.items.c-promoted-events div.itemcontent {
    padding: 0;
}

div.c-promoted-events div.list div.item h3 {
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 15px 10px 8px;
    margin: 0 !important;
    z-index: 2;
}

div.c-promoted-events div.item div.photos::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 10px);
    height: 70%;
    display: block;
    background-image: linear-gradient(0deg, rgb(0 0 0 / 65%), transparent);
    pointer-events: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

div.c-promoted-events div.item div.photos::before {
    content: '';
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 11px);
    height: calc(100% - 2px);
    border: 1px solid var(--borders);
    z-index: 3;
    border-radius: 10px;
    pointer-events: none;
}

/* Promoted Events Header & Top-Right Section Carousel Arrows */
div.c-promoted-events .header {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 36px;
    margin-bottom: 14px !important;
    padding-bottom: 0 !important;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--text);
}

@media (min-width: 769px) {
    div.c-promoted-events:has(.theitems > .slider-arrows) .header {
        padding-right: 92px;
    }
}

div.c-promoted-events .theitems {
    position: relative;
}

div.c-promoted-events.items .theitems > .slider-arrows {
    width: 36px;
    height: 36px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    position: absolute;
    top: -50px;
    transform: none;
    z-index: 10;
    cursor: pointer;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background-color: var(--boxes, rgba(24, 24, 30, 0.9));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    color: #ffffff;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, opacity 0.2s ease;
}

html[data-theme="light"] div.c-promoted-events.items .theitems > .slider-arrows {
    background-color: #ffffff;
    border-color: rgba(16, 16, 22, 0.12);
    box-shadow: 0 2px 8px rgba(16, 16, 22, 0.08);
    color: #1a1a1a;
}

div.c-promoted-events.items .theitems > .slider-arrows.slider-arrow-right {
    right: 4px;
    left: auto;
}

div.c-promoted-events.items .theitems > .slider-arrows.slider-arrow-left {
    right: 48px;
    left: auto;
}

div.c-promoted-events.items .theitems > .slider-arrows:hover {
    transform: translateY(-1px);
    background-color: var(--logocolor, #ec008c) !important;
    border-color: var(--logocolor, #ec008c) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(236, 0, 140, 0.38);
}

div.c-promoted-events.items .theitems > .slider-arrows:active {
    transform: scale(0.95);
}

div.c-promoted-events.items .theitems > .slider-arrows.slick-disabled {
    display: inline-flex !important;
    opacity: 0.35 !important;
    pointer-events: none;
}

div.c-promoted-events.items .theitems > .slider-arrows span {
    color: inherit !important;
    font-size: 13px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Category Filter Scroll Arrows */
.c-categories-filter .scroll-button {
    background-color: var(--backgroundColorElement);
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    padding: 0;
    width: 35px;
    text-align: center;
}

.c-categories-filter .scroll-button span {
    font-size: 0;
}

.c-categories-filter .scroll-button span::before {
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 12px;
    font-weight: 100;
    display: inline-block;
    padding: 0;
    color: var(--backgroundColorBody);
}

.scroll-right-button {
    right: 0;
    bottom: 8px;
    top: auto;
    transform: translateY(0px);
}

.scroll-left-button {
    bottom: 8px;
    top: auto;
    transform: translateY(0px);
}

.c-categories-filter .scroll-button.scroll-right-button span::before {
    content: "\f054";
}

.c-categories-filter .scroll-button.scroll-left-button span::before {
    content: "\f053";
}

/* Hide Slider Arrows on Mobile Viewports */
@media (max-width: 768px) {
    .list .hero-container .p_photos-main-slider .slider-arrows,
    .list .hero-container .p_photos-main-slider .slider-arrows.slick-disabled,
    div.c-promoted-events.items .theitems > .slider-arrows,
    div.c-promoted-events.items .theitems > .slider-arrows.slick-disabled,
    .c-events .theitems > .slider-arrows,
    .c-events .theitems > .slider-arrows.slick-disabled,
    .c-cinema-events .theitems > .slider-arrows,
    .c-cinema-events .theitems > .slider-arrows.slick-disabled {
        display: none !important;
    }
}

/* Dark Section Wrapper (Cinema / Theater Pink Background) Light-Theme Contrast Fixes */
html[data-theme="light"] .dark-section-wrapper div.items.c-events div.list div.item .textbox.c-summary .value,
html[data-theme="light"] .dark-section-wrapper div.items.c-cinema-events div.list div.item .textbox.c-summary .value {
    color: rgba(255, 255, 255, 0.82) !important;
}

html[data-theme="light"] .dark-section-wrapper div.items.c-events div.list div.item .c-subcat-duration-inner .subcat,
html[data-theme="light"] .dark-section-wrapper div.items.c-cinema-events div.list div.item .c-subcat-duration-inner .subcat {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

html[data-theme="light"] .dark-section-wrapper div.items.c-events div.list div.item .c-subcat-duration-inner .duration,
html[data-theme="light"] .dark-section-wrapper div.items.c-cinema-events div.list div.item .c-subcat-duration-inner .duration {
    background: rgba(236, 0, 140, 0.16) !important;
    border-color: rgba(236, 0, 140, 0.32) !important;
    color: #ffffff !important;
}

html[data-theme="light"] .dark-section-wrapper div.items.c-events div.list div.item .c-location-list > a,
html[data-theme="light"] .dark-section-wrapper div.items.c-cinema-events div.list div.item .c-location-list > a {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}
/* ==========================================================================
   Patras People Detail View Styling
   Module ID: 7849 (and dynamic add_view instances)
   Container: .c-patras-people-detail
   ========================================================================== */

/* 1. Reset & Delimiter Cleanups (Admin boxes .admintopboxy & .actionsboxy preserved) */
.c-patras-people-detail .delimiter,
.c-patras-people-detail .itemsizer {
  display: none !important;
}

.c-patras-people-detail .admintopboxy,
.c-patras-people-detail .actionsboxy {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.c-patras-people-detail .item {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}

/* 2. Two-Column Split Layout */
.c-patras-people-detail .contentboxy {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 32px;
  border-radius: 24px;
  box-sizing: border-box;
  transition: background-color .2s ease, border-color .2s ease;
}

/* Direct page view container styling */
#content .c-patras-people-detail .contentboxy {
  max-width: 1140px;
  margin: 0 auto;
  padding: 28px;
  background: var(--background-box-color, #ffffff);
  border: 1px solid var(--border-box-color, rgba(0,0,0,0.08));
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

[data-theme="dark"] #content .c-patras-people-detail .contentboxy {
  background: var(--background-box-color, #18181c);
  border-color: var(--border-box-color, rgba(255,255,255,0.08));
  box-shadow: 0 14px 40px rgba(0,0,0,0.35);
}

/* 3. Left Column: Video Styling */
.c-patras-people-detail .c-leftboxy {
  flex: 0 0 52%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.c-patras-people-detail .c-leftboxy .photos,
.c-patras-people-detail .c-leftboxy .p_photos_main_image_detail {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  background: #000000;
  box-shadow: 0 12px 36px rgba(0,0,0,0.28);
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-patras-people-detail .c-leftboxy video {
  width: 100%;
  height: 100%;
  max-height: 640px;
  object-fit: contain;
  display: block;
  border-radius: 20px;
  background: #000000;
}

.c-patras-people-detail .c-leftboxy .zoomtext,
.c-patras-people-detail .c-leftboxy .thumbnails {
  display: none !important;
}

/* 4. Right Column: Info Panel Stack */
.c-patras-people-detail .c-right-boxy {
  flex: 1 1 48%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  padding: 12px 4px 16px;
  box-sizing: border-box;
}

/* Element Flow Order */
.c-patras-people-detail .c-right-boxy .amodule:has(.c-patras-people-cat),
.c-patras-people-detail .c-right-boxy .c-patras-people-cat {
  order: 1;
}

.c-patras-people-detail .c-right-boxy .amodule:has(h3),
.c-patras-people-detail .c-right-boxy h3 {
  order: 2;
}

.c-patras-people-detail .c-right-boxy .amodule:has(.inputbox),
.c-patras-people-detail .c-right-boxy .inputbox {
  order: 3;
}

.c-patras-people-detail .c-right-boxy .amodule:has(.c-patras-people-description),
.c-patras-people-detail .c-right-boxy .c-patras-people-description {
  order: 4;
}

/* 5. Category Badge */
.c-patras-people-detail .c-patras-people-cat {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 2px;
}

.c-patras-people-detail .c-patras-people-cat .group_add_text {
  display: inline-flex;
  align-items: center;
  padding: 5px 14px;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(236, 0, 140, 0.12);
  color: var(--logocolor, #ec008c);
  border: 1px solid rgba(236, 0, 140, 0.25);
  transition: background-color .2s ease, transform .2s ease;
}

.c-patras-people-detail .c-patras-people-cat a {
  color: inherit;
  text-decoration: none;
}

.c-patras-people-detail .c-patras-people-cat .group_add_text:hover {
  background: rgba(236, 0, 140, 0.22);
  transform: translateY(-1px);
}

/* 6. Title Typography */
.c-patras-people-detail .c-right-boxy h3 {
  margin: 0;
  font-family: Manrope, Arial, sans-serif;
  font-size: clamp(22px, 2.4vw, 32px);
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -0.025em;
  color: var(--text, #111114);
}

.c-patras-people-detail .c-right-boxy h3 a {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

/* 7. Instagram Action Button */
.c-patras-people-detail .c-right-boxy .infoline.inputbox {
  margin: 6px 0 4px;
  display: inline-flex;
  align-items: center;
}

.c-patras-people-detail .c-right-boxy .infoline.inputbox a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 22px;
  border-radius: 100px;
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  color: #ffffff !important;
  font-family: Geologica, sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: .02em;
  text-decoration: none !important;
  box-shadow: 0 4px 18px rgba(220, 39, 67, 0.35);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.c-patras-people-detail .c-right-boxy .infoline.inputbox a::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-repeat: no-repeat;
}

.c-patras-people-detail .c-right-boxy .infoline.inputbox a:hover {
  transform: translateY(-2px);
  box-shadow: 0 7px 24px rgba(220, 39, 67, 0.5);
  filter: brightness(1.06);
}

/* 8. Description */
.c-patras-people-detail .c-patras-people-description {
  margin-top: 4px;
}

.c-patras-people-detail .c-patras-people-description .label {
  display: none;
}

.c-patras-people-detail .c-patras-people-description .value {
  font-family: Geologica, sans-serif;
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--text, #333338);
  opacity: 0.92;
}

.c-patras-people-detail .c-patras-people-description .value p {
  margin: 0 0 10px;
}

.c-patras-people-detail .c-patras-people-description .value p:last-child {
  margin-bottom: 0;
}

/* 9. Modal Context (.nsui_modal) */
.nsui_modal:has(.c-patras-people-detail) {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background-color: rgba(0, 0, 0, 0.72);
  z-index: 10000;
  inset: 0;
  height: 100vh;
  height: 100dvh;
}

.nsui_modal:has(.c-patras-people-detail) .inner {
  max-width: 980px;
  width: 92vw;
  max-height: 90vh;
  max-height: 90dvh;
  padding: 24px;
  border-radius: 24px;
  background-color: var(--background-box-color, #ffffff);
  border: 1px solid var(--border-box-color, rgba(0,0,0,0.1));
  box-shadow: 0 25px 60px rgba(0,0,0,0.4);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

[data-theme="dark"] .nsui_modal:has(.c-patras-people-detail) .inner {
  background-color: #16161a;
  border-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.nsui_modal:has(.c-patras-people-detail) .inner .close_button {
  top: 14px;
  right: 14px;
  transform: none;
  width: 32px;
  height: 32px;
  line-height: 30px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.45);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 20px;
  cursor: pointer;
  transition: background-color .2s ease, transform .2s ease;
  z-index: 10;
}

.nsui_modal:has(.c-patras-people-detail) .inner .close_button:hover {
  background: var(--logocolor, #ec008c);
  transform: scale(1.08);
}

.nsui_modal:has(.c-patras-people-detail) .inner .content {
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  max-height: calc(90vh - 48px);
  max-height: calc(90dvh - 48px);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  margin: 0;
  padding: 0;
}

.nsui_modal .c-patras-people-detail .contentboxy {
  border: none;
  box-shadow: none;
  padding: 0;
  background: transparent;
}

/* 10. Mobile Responsiveness */
@media (max-width: 860px) {
  .c-patras-people-detail .contentboxy {
    flex-direction: column;
    gap: 20px;
  }

  #content .c-patras-people-detail .contentboxy {
    padding: 18px;
    border-radius: 18px;
  }

  .c-patras-people-detail .c-leftboxy {
    flex: 1 1 100%;
    width: 100%;
  }

  .c-patras-people-detail .c-leftboxy video {
    max-height: 45vh;
    max-height: 45dvh;
    object-fit: contain;
  }

  .c-patras-people-detail .c-right-boxy {
    flex: 1 1 100%;
    width: 100%;
    padding: 0 4px;
    gap: 14px;
  }

  .nsui_modal:has(.c-patras-people-detail) .inner {
    width: 94vw;
    max-width: 540px;
    max-height: 88vh;
    max-height: min(88dvh, calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)));
    padding: 18px 14px;
    border-radius: 20px;
  }

  .nsui_modal:has(.c-patras-people-detail) .inner .content {
    max-height: 100%;
  }
}

/* Short landscape screens (e.g. mobile rotated horizontally) */
@media (max-height: 520px) and (max-width: 920px) {
  .nsui_modal:has(.c-patras-people-detail) .inner {
    max-height: 92dvh;
    padding: 12px 14px;
  }
  .c-patras-people-detail .contentboxy {
    flex-direction: row;
    gap: 16px;
  }
  .c-patras-people-detail .c-leftboxy {
    flex: 0 0 45%;
    width: 45%;
  }
  .c-patras-people-detail .c-leftboxy video {
    max-height: 72dvh;
  }
}/* ==========================================================================
   Global CSS (Events) - Non-List / Shared & Detail Styles (htmlbox 2664)
   (Events List styles have been moved to htmlbox 8429)
   ========================================================================== */

.c-katastima-details div.items.c-events div.list {
    border: 1px solid var(--borders);
}

.hero-container {
    position: relative;
}

@media (max-width: 990px) {
    .hero-container.c-top-boxy div.photos {
        float: none !important;
        padding-bottom: 0px !important;
    }
}

.hero-container .c-katigoria {
    font-weight: 600;
    display: inline-block;
    padding: 5px 8px;
    border-radius: 5px;
    z-index: 2;
    font-size: 14px;
    background-color: var(--logocolor);
    color: white;
}

div.items div.contentboxy .c-location-list .infoline {
    display: flex;
}

.c-location-list a {
    color: var(--text);
    text-decoration: none;
}

.c-location-list a .locationname {
    font-size: 18px;
    font-weight: bold;
}

.c-location-list a .address {
    font-size: 14px;
}

.location-info img {
    width: 26px;
    height: auto;
}

.c-location-list a span {
    display: block;
}

.date-container .icon {
    color: var(--logocolor);
}

.c-location-list .icon, .c-price-desc .icon {
    color: var(--logocolor);
    font-size: 18px;
}

.time-container .icon {
    color: var(--logocolor);
}

.c-price-desc {
    border-bottom: 1px solid var(--borders);
    border-top: 1px solid var(--borders);
    padding-top: 15px;
}

.c-price-desc .value {
    margin-top: 5px;
    margin-bottom: 20px;
}

div.items div.detail .c-like-group-add.group {
    position: relative;
    bottom: 0;
    right: 0px;
    background-color: transparent;
    margin: 0;
}

div.items div.detail .c-like-group-add.group a, .share_link.share_link_detail a {
    color: var(--color-light-allthemes);
    display: inline-block;
    padding: 7px;
    border: 0px solid var(--borders);
    border-radius: 70px;
    font-weight: bold;
    text-decoration: none;
    background-color: var(--backgroundColor-light-allthemes);
    border: 1px solid var(--borders);
}

div.items div.detail .c-like-group-add.group a {
    color: white;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 15px 20px;
    box-sizing: border-box;
    margin: 0px 0;
    border-radius: 50px;
    border: 0;
    position: relative;
    background-color: var(--buttonBG);
    cursor: pointer;
}

div.items div.detail .c-like-group-add.group a svg {
    fill: var(--color-light-allthemes);
}

div.items div.detail .c-like-group-add.group:hover a, .share_link.share_link_detail:hover a {
    background-color: var(--backgroundColor-logo-allthemes);
}

div.items div.detail .c-like-group-add.group:hover a svg, .share_link.share_link_detail:hover a {
    fill: var(--color-logo-allthemes);
    color: var(--color-logo-allthemes);
}

.p_contact_widget .label {
    color: white;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 15px 20px;
    box-sizing: border-box;
    margin: 10px 0;
    border-radius: 50px;
    border: 0;
    position: relative;
    background-color: var(--buttonBG);
    cursor: pointer;
}

/* DM icon handled cleanly inline by widget */
.p_contact_widget .label::before { display: none !important; }

.p_contact_widget, .p_contact_widget .label {
    margin-top: 10px;
    margin-bottom: 0px;
}

@media (min-width: 1128px) {
    #contenttop div.items.c-katastima-details div.detail div.horizontalitems div.item {
        width: 33.33%;
    }
}

.contact-entry {
    margin-top: 10px;
}

.p_contact_widget .contact-entry .icon {
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    border: 0;
    position: relative;
    cursor: pointer;
}

.p_contact_widget .contact-entry a {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--text, #111);
}

.p_contact_widget .contact-entry a .icon {
    color: white;
}

.p_contact_widget .contact-entry .icon svg {
    width: 24px;
    height: 24px;
    padding: 10px;
    background-color: var(--buttonBG);
    border-radius: 50%;
}

.c-large-button a {
    color: white;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 15px 20px;
    box-sizing: border-box;
    margin: 10px 0;
    border-radius: 50px;
    border: 0;
    position: relative;
    background-color: var(--buttonBG);
    cursor: pointer;
}

/* ΥΠΗΡΕΣΙΕΣ ΣΧΕΔΙΟ */

.c-service-wrapper {
    display: flex;
    gap: 10px;
    border: 1px solid var(--border-box-color);
    border-radius: 15px;
    margin: 15px auto 0 auto;
    background-color: var(--highlights-bg);
    backdrop-filter: blur(2vw);
}

.c-service-wrapper > div:nth-child(2) {
    width: calc(100% - 40px);
}

/* Image - πιάνει όλο το ύψος αριστερά */
.c-ypiresies .c-service-col1 {
    width: 100%;
    max-width: 110px;
}

.c-ypiresies .c-service-col1 img {
    aspect-ratio: 4 / 5;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#contenttop .c-ypiresies h3 {
    font-size: 1.1em;
}

.c-venue-type .group_add_text {
    font-weight: 600;
    display: inline-block;
    padding: 5px 8px;
    border-radius: 5px;
    z-index: 2;
    font-size: 14px;
    background-color: var(--ypokatigoria-box-bg);
    color: var(--text);
}

.c-tithabreis-header {
    margin-top: 15px;
}

/* ΤΕΛΟΣ ΥΠΗΡΕΣΙΕΣ ΣΧΕΔΙΟ */

/* ΠΑΙΖΕΙ ΤΩΡΑ */

.c-twra-paizei .c-service-col2 {
    float: left;
    width: 100%;
}

.c-twra-paizei .p_date_ranges_container.scroll-container {
    width: auto;
    margin-bottom: 0;
}

.c-twra-paizei .p_date_ranges_container.scroll-container .event-schedule-list {
    margin-bottom: 0;
}

#contenttop .c-katastima-details div.detail .col2 .c-twra-paizei .photos {
    float: left;
    width: auto !important;
    max-width: 90px;
    margin-right: 15px;
}

#contenttop .c-katastima-details div.detail .col2 .c-twra-paizei .photos img {
    max-width: 100%;
    border-radius: 15px;
}

.c-twra-paizei .item {
    border: 1px solid var(--borders-allthemes);
    border-radius: 15px;
    padding: 10px;
    box-sizing: border-box;
}

.p_add_to_calendar_trigger_btn {
    padding: 7px 14px;
    font-size: 12px;
    border-radius: 46px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
    position: relative;
}



div.items div.group.c-going-group {
    background-color: unset;
}
/* ==========================================================================
   Service Details Redesign (fasi-dark.html & fasi-light.html)
   Module ID: 8389 (Global Service Details & Embedded .c-ypiresies)
   Zero am_XXXX selectors — semantic module classes only
   ========================================================================== */

:root,
[data-theme="dark"] {
  --pe-bg: #0b0b10;
  --pe-bg-elev: #111118;
  --pe-surface: #13131b;
  --pe-surface-2: #1a1a24;
  --pe-surface-3: #222230;
  --pe-border: rgba(255, 255, 255, 0.08);
  --pe-border-strong: rgba(255, 255, 255, 0.16);
  --pe-text: #f5f5f7;
  --pe-text-2: #a0a0b4;
  --pe-text-3: #66667a;
  --pe-accent: #ec008c;
  --pe-accent-2: #ff2da6;
  --pe-accent-soft: rgba(236, 0, 140, 0.14);
  --pe-accent-border: rgba(236, 0, 140, 0.35);
  --pe-ok: #22c55e;
  --pe-shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, 0.7);
  --pe-r-sm: 10px;
  --pe-r-md: 14px;
  --pe-r-lg: 20px;
}

[data-theme="light"],
body.light-mode {
  --pe-bg: #f6f6f9;
  --pe-bg-elev: #ffffff;
  --pe-surface: #ffffff;
  --pe-surface-2: #f0f0f5;
  --pe-surface-3: #e6e6ee;
  --pe-border: rgba(14, 14, 24, 0.08);
  --pe-border-strong: rgba(14, 14, 24, 0.16);
  --pe-text: #0f0f17;
  --pe-text-2: #5b5b6e;
  --pe-text-3: #8c8ca0;
  --pe-accent: #c8007a;
  --pe-accent-2: #ec008c;
  --pe-accent-soft: rgba(200, 0, 122, 0.09);
  --pe-accent-border: rgba(200, 0, 122, 0.28);
  --pe-ok: #16a34a;
  --pe-shadow-lg: 0 24px 50px -22px rgba(20, 20, 40, 0.16);
}

/* --------------------------------------------------------------------------
   1. Base Detail Container & Resets (.c-service-details > .detail)
   -------------------------------------------------------------------------- */
.c-service-details > .detail,
.c-service-details > .detail *,
.c-service-details > .detail *::before,
.c-service-details > .detail *::after {
  box-sizing: border-box !important;
}

.c-service-details > .detail {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px 64px !important;
  color: var(--pe-text) !important;
  position: relative;
}

.c-service-details > .detail span.delimiter,
.c-service-details > .detail span.delimiter img,
.c-service-details > .detail .contentboxy:empty {
  display: none !important;
}

/* --------------------------------------------------------------------------
   2. Top Breadcrumb (.aboveitems .pagetitle.hasbacklink)
   -------------------------------------------------------------------------- */
.c-service-details > .detail > .aboveitems {
  margin: 0 !important;
  padding: 18px 0 20px !important;
}

.c-service-details > .detail .pagetitle.hasbacklink {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--pe-text-3) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  line-height: 1.4 !important;
}

.c-service-details > .detail .pagetitle.hasbacklink::after {
  display: none !important;
  content: none !important;
}

.c-service-details > .detail .pagetitle.hasbacklink a,
.c-service-details > .detail .pagetitle.hasbacklink .backtocat {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--pe-text-3) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: color 0.15s ease !important;
}

.c-service-details > .detail .pagetitle.hasbacklink .backtocat::before {
  display: none !important;
  content: none !important;
}

.c-service-details > .detail .pagetitle.hasbacklink a:hover,
.c-service-details > .detail .pagetitle.hasbacklink .backtocat:hover {
  color: var(--pe-text) !important;
  background: transparent !important;
}

.c-service-details > .detail .pagetitle.hasbacklink .crumb-sep {
  opacity: 0.5;
  color: var(--pe-text-3);
}

.c-service-details > .detail .pagetitle.hasbacklink .crumb-current {
  color: var(--pe-text-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 42ch;
}

/* --------------------------------------------------------------------------
   3. Two-Column Main Grid Layout (.c-grid-container)
   -------------------------------------------------------------------------- */
.c-service-details > .detail .theitems,
.c-service-details > .detail .theitems > .item,
.c-service-details > .detail .theitems > .item > div {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.c-service-details > .detail .c-grid-container {
  display: grid !important;
  grid-template-columns: 440px minmax(0, 1fr) !important;
  gap: 48px !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

.c-service-details > .detail .col1 {
  position: sticky !important;
  top: 84px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.c-service-details > .detail .col2 {
  width: 100% !important;
  max-width: 640px !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* --------------------------------------------------------------------------
   4. Left Sticky Media Column (.col1 .photos)
   -------------------------------------------------------------------------- */
.c-service-details > .detail .col1 .photos {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

.c-service-details > .detail .col1 .p_photos_main_image_detail,
.c-service-details > .detail .col1 .p_photos-main-slider {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  max-height: 550px !important;
  border-radius: var(--pe-r-lg) !important;
  overflow: hidden !important;
  background: var(--pe-surface) !important;
  border: 1px solid var(--pe-border) !important;
  box-shadow: var(--pe-shadow-lg) !important;
}

.c-service-details > .detail .col1 .p_photos-main-slider .slick-list,
.c-service-details > .detail .col1 .p_photos-main-slider .slick-track,
.c-service-details > .detail .col1 .p_photos-main-slider .slick-slide {
  height: 100% !important;
}

.c-service-details > .detail .col1 .p_photos-main-slider .slick-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.c-service-details > .detail .col1 .photos a.colorbox {
  height: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: var(--pe-surface-2) !important;
}

.c-service-details > .detail .col1 .photos a.colorbox img,
.c-service-details > .detail .col1 .photos a.colorbox video {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: transform 0.35s ease !important;
}

.c-service-details > .detail .col1 .photos .zoomtext,
.c-service-details > .detail .col1 .photos .thumbnails {
  display: none !important;
}

/* Slide Counter Badge (1 / 3) */
.c-service-details > .detail .col1 .pe-slide-counter {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 4 !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: rgba(11, 11, 16, 0.72) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #f5f5f7 !important;
  font-variant-numeric: tabular-nums !important;
  pointer-events: none !important;
  line-height: 1.2 !important;
}

/* Slider Arrows */
.c-service-details > .detail .col1 .p_photos-main-slider .slider-arrows {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  background: rgba(11, 11, 16, 0.7) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  opacity: 1 !important;
  cursor: pointer !important;
  transition: background 0.15s ease, transform 0.15s ease, opacity 0.15s ease !important;
}

.c-service-details > .detail .col1 .p_photos-main-slider .slider-arrows.slick-disabled {
  opacity: 0 !important;
  pointer-events: none !important;
}

.c-service-details > .detail .col1 .p_photos-main-slider .slider-arrows:hover {
  background: rgba(236, 0, 140, 0.85) !important;
  border-color: transparent !important;
}

.c-service-details > .detail .col1 .p_photos-main-slider .slider-arrow-left {
  left: 12px !important;
  right: auto !important;
}

.c-service-details > .detail .col1 .p_photos-main-slider .slider-arrow-right {
  right: 12px !important;
  left: auto !important;
}

.c-service-details > .detail .col1 .p_photos-main-slider .slider-arrows span {
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  font-size: 13px !important;
  color: #ffffff !important;
  position: static !important;
}

.c-service-details > .detail .col1 .p_photos-main-slider .slider-arrows span::before {
  position: static !important;
  transform: none !important;
}

/* Slider Pagination Dots */
.c-service-details > .detail .col1 .p_photos-main-slider .slick-dots {
  position: absolute !important;
  left: 50% !important;
  bottom: 14px !important;
  transform: translateX(-50%) !important;
  z-index: 4 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  margin: 0 !important;
  list-style: none !important;
  border-radius: 999px !important;
  background: rgba(11, 11, 16, 0.55) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  width: auto !important;
}

.c-service-details > .detail .col1 .p_photos-main-slider .slick-dots li {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
}

.c-service-details > .detail .col1 .p_photos-main-slider .slick-dots li button {
  width: 6px !important;
  height: 6px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.45) !important;
  border: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.c-service-details > .detail .col1 .p_photos-main-slider .slick-dots li button::before {
  display: none !important;
  content: none !important;
}

.c-service-details > .detail .col1 .p_photos-main-slider .slick-dots li.slick-active button {
  width: 18px !important;
  background: #ff2da6 !important;
}

/* --------------------------------------------------------------------------
   5. Hero Details: Eyebrow + Title (.c-hero-details)
   -------------------------------------------------------------------------- */
.c-service-details > .detail .c-hero-details {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.c-service-details > .detail .pe-service-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--pe-text-2) !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.4 !important;
}

.c-service-details > .detail .pe-service-eyebrow .pe-eyebrow-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: var(--pe-accent-2) !important;
  box-shadow: 0 0 0 3px var(--pe-accent-soft) !important;
  flex-shrink: 0 !important;
}

.c-service-details > .detail .pe-service-eyebrow a {
  color: var(--pe-text) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--pe-border-strong) !important;
  padding-bottom: 1px !important;
  transition: color 0.15s ease, border-color 0.15s ease !important;
}

.c-service-details > .detail .pe-service-eyebrow a:hover {
  color: var(--pe-accent-2) !important;
  border-bottom-color: var(--pe-accent-2) !important;
}

.c-service-details > .detail .c-hero-details h3 {
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
}

.c-service-details > .detail .c-hero-details h3 a {
  text-decoration: none !important;
  pointer-events: none !important;
  cursor: default !important;
}

.c-service-details > .detail .c-hero-details h3 .itemname {
  display: block !important;
  font-size: clamp(28px, 3.6vw, 42px) !important;
  font-weight: 800 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.03em !important;
  color: var(--pe-text) !important;
  margin: 0 !important;
}

/* --------------------------------------------------------------------------
   6. "Πότε" Weekly Schedule Card (.pdr-weekly-card.when.panel)
   -------------------------------------------------------------------------- */
.c-service-details > .detail .p_date_ranges_container {
  display: block !important;
  width: 100% !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.c-service-details > .detail .pdr-weekly-card.when.panel {
  padding: 16px 18px !important;
  margin: 0 !important;
  background: var(--pe-surface) !important;
  border: 1px solid var(--pe-border) !important;
  border-radius: var(--pe-r-md) !important;
  width: 100% !important;
}

.c-service-details > .detail .pdr-weekly-card .when-top {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--pe-border) !important;
}

.c-service-details > .detail .pdr-weekly-card .when-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: var(--pe-accent-soft) !important;
  border: 1px solid rgba(236, 0, 140, 0.28) !important;
  color: var(--pe-accent-2) !important;
  display: grid !important;
  place-items: center !important;
  flex-shrink: 0 !important;
}

.c-service-details > .detail .pdr-weekly-card .when-icon svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

.c-service-details > .detail .pdr-weekly-card .when-body {
  min-width: 0 !important;
  flex: 1 !important;
}

.c-service-details > .detail .pdr-weekly-card .when-label {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--pe-text-3) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.c-service-details > .detail .pdr-weekly-card .when-main {
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em !important;
  margin-top: 2px !important;
  color: var(--pe-text) !important;
  line-height: 1.25 !important;
}

.c-service-details > .detail .pdr-weekly-card .when-main .accent,
.c-service-details > .detail .pdr-weekly-card .when-main .accent * {
  color: var(--pe-accent-2) !important;
  font-variant-numeric: tabular-nums !important;
}

.c-service-details > .detail .pdr-weekly-card .when-sub {
  font-size: 12.5px !important;
  color: var(--pe-text-2) !important;
  margin-top: 2px !important;
  line-height: 1.3 !important;
}

.c-service-details > .detail .pdr-weekly-card .when-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  background: var(--pe-surface-2) !important;
  color: var(--pe-text-2) !important;
  border: 1px solid var(--pe-border) !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

.c-service-details > .detail .pdr-weekly-card .when-status .dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: var(--pe-text-3) !important;
}

.c-service-details > .detail .pdr-weekly-card .when-status.is-live {
  background: rgba(34, 197, 94, 0.12) !important;
  color: #4ade80 !important;
  border-color: rgba(34, 197, 94, 0.28) !important;
}

[data-theme="light"] .c-service-details > .detail .pdr-weekly-card .when-status.is-live,
body.light-mode .c-service-details > .detail .pdr-weekly-card .when-status.is-live {
  background: rgba(22, 163, 74, 0.1) !important;
  color: #15803d !important;
  border-color: rgba(22, 163, 74, 0.28) !important;
}

.c-service-details > .detail .pdr-weekly-card .when-status.is-live .dot {
  background: var(--pe-ok) !important;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18) !important;
}

/* 7-day Strip (.week) */
.c-service-details > .detail .pdr-weekly-card .week {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  gap: 6px !important;
  padding-top: 14px !important;
}

.c-service-details > .detail .pdr-weekly-card .day {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 8px 4px !important;
  border-radius: var(--pe-r-sm) !important;
  background: var(--pe-surface-2) !important;
  border: 1px solid var(--pe-border) !important;
  color: var(--pe-text-3) !important;
  font-variant-numeric: tabular-nums !important;
  text-align: center !important;
}

.c-service-details > .detail .pdr-weekly-card .day .d-n {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  line-height: 1.1 !important;
}

.c-service-details > .detail .pdr-weekly-card .day .d-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: var(--pe-border-strong) !important;
}

.c-service-details > .detail .pdr-weekly-card .day.is-on {
  background: var(--pe-accent-soft) !important;
  border-color: var(--pe-accent-border) !important;
  color: var(--pe-text) !important;
}

[data-theme="light"] .c-service-details > .detail .pdr-weekly-card .day.is-on,
body.light-mode .c-service-details > .detail .pdr-weekly-card .day.is-on {
  color: var(--pe-accent) !important;
}

.c-service-details > .detail .pdr-weekly-card .day.is-on .d-dot {
  background: var(--pe-accent-2) !important;
}

.c-service-details > .detail .pdr-weekly-card .day.is-today {
  outline: 1.5px solid var(--pe-accent-2) !important;
  outline-offset: -1px !important;
}

/* --------------------------------------------------------------------------
   7. Venue + Price Panel (.c-service-venue-box -> .panel.place)
   -------------------------------------------------------------------------- */
.c-service-details > .detail .c-service-venue-box {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  background: var(--pe-surface) !important;
  border: 1px solid var(--pe-border) !important;
  border-radius: var(--pe-r-md) !important;
  overflow: hidden !important;
}

.c-service-details > .detail .c-service-venue-box > .amodule {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview,
.c-service-details > .detail .c-service-venue-box .c-venue-overview .list,
.c-service-details > .detail .c-service-venue-box .c-venue-overview .theitems {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview .aboveitems,
.c-service-details > .detail .c-service-venue-box .c-venue-overview .belowitems,
.c-service-details > .detail .c-service-venue-box .c-venue-overview .itemsizer {
  display: none !important;
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview .item {
  width: 100% !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background 0.15s ease !important;
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview .item:hover {
  background: rgba(255, 255, 255, 0.025) !important;
}

[data-theme="light"] .c-service-details > .detail .c-service-venue-box .c-venue-overview .item:hover,
body.light-mode .c-service-details > .detail .c-service-venue-box .c-venue-overview .item:hover {
  background: rgba(14, 14, 24, 0.025) !important;
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview .item > div {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
}

/* Venue Thumbnail (52x52 rounded-12) */
.c-service-details > .detail .c-service-venue-box .c-venue-overview .photos {
  width: 52px !important;
  height: 52px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: var(--pe-surface-2) !important;
  border: 1px solid var(--pe-border) !important;
  margin: 0 !important;
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview .photos a,
.c-service-details > .detail .c-service-venue-box .c-venue-overview .photos img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* Venue Text Block (.contentboxy) */
.c-service-details > .detail .c-service-venue-box .c-venue-overview .item > div > .amodule:nth-child(2) {
  flex: 1 !important;
  min-width: 0 !important;
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview .contentboxy {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  column-gap: 6px !important;
  row-gap: 2px !important;
  min-width: 0 !important;
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview .contentboxy::before {
  content: "ΚΑΤΑΣΤΗΜΑ";
  flex: 0 0 100%;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--pe-text-3);
  line-height: 1.2;
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview .contentboxy > .amodule:first-child {
  flex: 0 0 100% !important;
  min-width: 0 !important;
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview h3 {
  margin: 0 !important;
  padding: 0 !important;
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview h3 a {
  text-decoration: none !important;
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview h3 .itemname {
  display: block !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: var(--pe-text) !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Venue Type + Address inline subtitle */
.c-service-details > .detail .c-service-venue-box .c-venue-overview .c-venue-type,
.c-service-details > .detail .c-service-venue-box .c-venue-overview .c-venue-type .infoline,
.c-service-details > .detail .c-service-venue-box .c-venue-overview .c-venue-type .value,
.c-service-details > .detail .c-service-venue-box .c-venue-overview .c-venue-type .group_add_text,
.c-service-details > .detail .c-service-venue-box .c-venue-overview .c-modal-address,
.c-service-details > .detail .c-service-venue-box .c-venue-overview .c-modal-address .value {
  display: inline !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: var(--pe-text-2) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview .c-venue-type .value::after {
  content: " · ";
  color: var(--pe-text-3);
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview .c-modal-address a {
  color: var(--pe-text-2) !important;
  text-decoration: none !important;
  pointer-events: none !important;
}

/* Right Chevron */
.c-service-details > .detail .c-service-venue-box .c-venue-overview .c-venue-seemorelink {
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  flex-shrink: 0 !important;
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview .c-venue-seemorelink a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--pe-text-3) !important;
  text-decoration: none !important;
  transition: transform 0.15s ease, color 0.15s ease !important;
}

.c-service-details > .detail .c-service-venue-box .c-venue-overview .item:hover .c-venue-seemorelink a {
  transform: translateX(2px) !important;
  color: var(--pe-accent-2) !important;
}

/* Price / Summary Row (.c-service-venue-box .c-summary) */
.c-service-details > .detail .c-service-venue-box .c-summary {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  border-top: 1px solid var(--pe-border) !important;
  background: rgba(255, 255, 255, 0.015) !important;
  width: 100% !important;
}

[data-theme="light"] .c-service-details > .detail .c-service-venue-box .c-summary,
body.light-mode .c-service-details > .detail .c-service-venue-box .c-summary {
  background: rgba(14, 14, 24, 0.018) !important;
}

.c-service-details > .detail .c-service-venue-box .c-summary:empty {
  display: none !important;
}

.c-service-details > .detail .c-service-venue-box .c-summary::before {
  content: "local_offer";
  font-family: "Material Icons";
  font-size: 16px;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--pe-accent-soft);
  color: var(--pe-accent-2);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.c-service-details > .detail .c-service-venue-box .c-summary .value,
.c-service-details > .detail .c-service-venue-box .c-summary .value p {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--pe-text) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
}

/* --------------------------------------------------------------------------
   8. Primary CTA (.p_contact_widget) & 3 Action Tiles (.c-overlay)
   -------------------------------------------------------------------------- */
.c-service-details > .detail .p_contact_widget {
  margin: 0 0 10px 0 !important;
  width: 100% !important;
}

.c-service-details > .detail .p_contact_widget .contact-links-wrapper.hidden {
  display: none !important;
}

.c-service-details > .detail .p_contact_widget .label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: 52px !important;
  padding: 0 22px !important;
  margin: 0 !important;
  border-radius: var(--pe-r-md) !important;
  background: linear-gradient(180deg, #ff2da6 0%, #ec008c 100%) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  cursor: pointer !important;
  box-shadow: 0 10px 28px -8px rgba(236, 0, 140, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

[data-theme="light"] .c-service-details > .detail .p_contact_widget .label,
body.light-mode .c-service-details > .detail .p_contact_widget .label {
  background: linear-gradient(180deg, #ec008c 0%, #c8007a 100%) !important;
  box-shadow: 0 10px 26px -8px rgba(200, 0, 122, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

.c-service-details > .detail .p_contact_widget .label:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 32px -6px rgba(236, 0, 140, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

.c-service-details > .detail .p_contact_widget .label::before {
  content: "chat_bubble_outline" !important;
  font-family: "Material Icons" !important;
  font-size: 18px !important;
  font-weight: normal !important;
  display: inline-block !important;
  line-height: 1 !important;
}

/* 3 Secondary Action Tiles (.c-overlay -> .acts) */
.c-service-details > .detail .c-overlay {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 0 36px 0 !important;
  padding: 0 !important;
}

.c-service-details > .detail .c-overlay:not(.has-directions) {
  grid-template-columns: repeat(2, 1fr) !important;
}

.c-service-details > .detail .c-overlay > .amodule,
.c-service-details > .detail .c-overlay .group,
.c-service-details > .detail .c-overlay .share_link {
  display: flex !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.c-service-details > .detail .c-overlay .group a,
.c-service-details > .detail .c-overlay .share_link a,
.c-service-details > .detail .c-overlay a.pe-directions-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-height: 64px !important;
  padding: 12px 10px !important;
  border-radius: var(--pe-r-md) !important;
  background: var(--pe-surface) !important;
  border: 1px solid var(--pe-border) !important;
  color: var(--pe-text-2) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  line-height: 1.15 !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease !important;
}

.c-service-details > .detail .c-overlay .group a:hover,
.c-service-details > .detail .c-overlay .share_link a:hover,
.c-service-details > .detail .c-overlay a.pe-directions-btn:hover {
  color: var(--pe-text) !important;
  border-color: var(--pe-border-strong) !important;
  background: var(--pe-surface-2) !important;
  transform: none !important;
}

.c-service-details > .detail .c-overlay .c-like-group-add.active a {
  color: var(--pe-accent-2) !important;
  border-color: var(--pe-accent-border) !important;
  background: var(--pe-accent-soft) !important;
}

.c-service-details > .detail .c-overlay .material-icons {
  font-size: 18px !important;
  color: currentColor !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.c-service-details > .detail .c-overlay .share_link.share_link_detail a::after {
  content: "Κοινοποίηση";
  display: inline-block;
  line-height: 1;
}

/* --------------------------------------------------------------------------
   9. Description Section ("Τι θα βρεις", .c-event-description)
   -------------------------------------------------------------------------- */
.c-service-details > .detail .c-event-description {
  margin: 0 0 36px 0 !important;
  padding-top: 28px !important;
  border-top: 1px solid var(--pe-border) !important;
  width: 100% !important;
}

.c-service-details > .detail .c-event-description:empty {
  display: none !important;
}

.c-service-details > .detail .c-event-description::before {
  content: "ΤΙ ΘΑ ΒΡΕΙΣ";
  display: block;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--pe-text-2);
  margin-bottom: 14px;
}

.c-service-details > .detail .c-event-description .value {
  color: var(--pe-text-2) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  position: relative !important;
}

.c-service-details > .detail .c-event-description .value p {
  margin: 0 0 12px 0 !important;
}

.c-service-details > .detail .c-event-description .value p:last-child {
  margin-bottom: 0 !important;
}

.c-service-details > .detail .c-event-description.is-collapsible:not(.is-expanded) .value {
  max-height: calc(1.65em * 4.5) !important;
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 50%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 50%, transparent 100%) !important;
}

.c-service-details > .detail .pe-desc-more-btn {
  margin-top: 10px !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  color: var(--pe-accent-2) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* --------------------------------------------------------------------------
   10. Vibe / Modes Section ("Τι φάση είναι", .c-modes-wrapper)
   -------------------------------------------------------------------------- */
.c-service-details > .detail .c-modes-wrapper {
  margin: 0 0 36px 0 !important;
  padding-top: 28px !important;
  border-top: 1px solid var(--pe-border) !important;
  width: 100% !important;
}

.c-service-details > .detail .c-modes-header {
  display: block !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--pe-text-2) !important;
  margin-bottom: 14px !important;
}

.c-service-details > .detail .c-modes-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  padding: 4px 18px !important;
  background: var(--pe-surface) !important;
  border: 1px solid var(--pe-border) !important;
  border-radius: var(--pe-r-md) !important;
}

.c-service-details > .detail .c-modes-content > .amodule {
  width: 100% !important;
  margin: 0 !important;
}

.c-service-details > .detail .c-modes-content > .amodule:first-child {
  display: none !important;
}

.c-service-details > .detail .c-modes-wrapper::before {
  content: "ΤΙ ΦΑΣΗ ΕΙΝΑΙ";
  display: block;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--pe-text-2);
  margin-bottom: 14px;
}

.c-service-details > .detail .c-modes-wrapper .group_add {
  display: grid !important;
  grid-template-columns: 110px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: baseline !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid var(--pe-border) !important;
  margin: 0 !important;
}

.c-service-details > .detail .c-modes-wrapper .group_add:empty {
  display: none !important;
}

.c-service-details > .detail .c-modes-content > .amodule:last-child .group_add {
  border-bottom: none !important;
}

.c-service-details > .detail .c-modes-wrapper .group_add::before {
  font-size: 12px;
  font-weight: 700;
  color: var(--pe-text-3);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.c-service-details > .detail .c-audience-fit::before {
  content: "Με ποιους";
}

.c-service-details > .detail .c-occasion::before {
  content: "Ιδανικό για";
}

.c-service-details > .detail .c-vibe_tags::before {
  content: "Ατμόσφαιρα";
}

.c-service-details > .detail .c-music_tags::before {
  content: "Μουσική";
}

.c-service-details > .detail .c-modes-wrapper .infoline,
.c-service-details > .detail .c-modes-wrapper .value {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.c-service-details > .detail .c-modes-wrapper .infoline::before,
.c-service-details > .detail .c-modes-wrapper .value::before {
  display: none !important;
  content: none !important;
}

.c-service-details > .detail .c-modes-wrapper .group_add_text {
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--pe-text) !important;
  background: var(--pe-surface-2) !important;
  border: 1px solid var(--pe-border) !important;
  line-height: 1.2 !important;
}

.c-service-details > .detail .c-music_tags .group_add_text {
  border-color: rgba(236, 0, 140, 0.25) !important;
  background: rgba(236, 0, 140, 0.08) !important;
}

[data-theme="light"] .c-service-details > .detail .c-music_tags .group_add_text,
body.light-mode .c-service-details > .detail .c-music_tags .group_add_text {
  border-color: rgba(200, 0, 122, 0.25) !important;
  background: rgba(200, 0, 122, 0.07) !important;
  color: var(--pe-accent) !important;
}

/* --------------------------------------------------------------------------
   11. Mobile Sticky Bottom CTA Bar (.pe-service-sticky-cta)
   -------------------------------------------------------------------------- */
.pe-service-sticky-cta {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 65px;
  z-index: 9998;
  background: rgba(11, 11, 16, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-top: 1px solid var(--pe-border);
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  transform: translateY(calc(100% + 75px));
  transition: transform 0.22s ease;
}

[data-theme="light"] .pe-service-sticky-cta,
body.light-mode .pe-service-sticky-cta {
  background: rgba(255, 255, 255, 0.94);
}

.pe-service-sticky-cta.is-on {
  transform: translateY(0);
}

.pe-service-sticky-cta .sc-info {
  min-width: 0;
  flex: 1;
}

.pe-service-sticky-cta .sc-sub {
  font-size: 11px;
  color: var(--pe-text-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pe-service-sticky-cta .sc-title {
  font-size: 14px;
  font-weight: 800;
  color: var(--pe-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pe-service-sticky-cta .sc-btn {
  height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  background: linear-gradient(180deg, #ff2da6 0%, #ec008c 100%);
  color: #fff;
  font-weight: 800;
  font-size: 13.5px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}

@media (min-width: 960px) {
  .pe-service-sticky-cta {
    display: none !important;
  }
}

/* --------------------------------------------------------------------------
   12. Responsive Breakpoints (Tablet & Mobile)
   -------------------------------------------------------------------------- */
@media (max-width: 959px) {
  .c-service-details > .detail .c-grid-container {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  .c-service-details > .detail .col1 {
    position: static !important;
    max-width: 480px !important;
    margin: 0 auto !important;
  }

  .c-service-details > .detail .col2 {
    max-width: 100% !important;
  }
}

@media (max-width: 640px) {
  .c-service-details > .detail {
    padding: 0 16px 80px !important;
  }

  .c-service-details > .detail > .aboveitems {
    padding: 12px 0 14px !important;
  }

  .c-service-details > .detail .col1 .p_photos_main_image_detail,
  .c-service-details > .detail .col1 .p_photos-main-slider {
    border-radius: 16px !important;
    max-height: 460px !important;
  }

  .c-service-details > .detail .c-hero-details h3 .itemname {
    font-size: 28px !important;
    margin-bottom: 18px !important;
  }

  .c-service-details > .detail .pdr-weekly-card .when-top {
    flex-wrap: wrap !important;
  }

  .c-service-details > .detail .c-modes-wrapper .group_add {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
}/* ==========================================================================
   Guest / Artist Popup Details (.c-guests-popup-detail)
   Zero am_XXXX selectors — semantic module classes only
   ========================================================================== */

:root,
[data-theme="dark"] {
  --pe-guest-bg: #13131b;
  --pe-guest-surface: #1a1a24;
  --pe-guest-surface-2: #222230;
  --pe-guest-border: rgba(255, 255, 255, 0.08);
  --pe-guest-border-strong: rgba(255, 255, 255, 0.15);
  --pe-guest-text: #f5f5f7;
  --pe-guest-text-2: #a0a0b4;
  --pe-guest-text-3: #66667a;
  --pe-guest-accent: #ec008c;
  --pe-guest-accent-2: #ff2da6;
  --pe-guest-accent-soft: rgba(236, 0, 140, 0.14);
  --pe-guest-accent-border: rgba(236, 0, 140, 0.35);
}

[data-theme="light"],
body.light-mode {
  --pe-guest-bg: #ffffff;
  --pe-guest-surface: #f6f6f9;
  --pe-guest-surface-2: #ececf3;
  --pe-guest-border: rgba(14, 14, 24, 0.08);
  --pe-guest-border-strong: rgba(14, 14, 24, 0.15);
  --pe-guest-text: #0f0f17;
  --pe-guest-text-2: #5b5b6e;
  --pe-guest-text-3: #8c8ca0;
  --pe-guest-accent: #c8007a;
  --pe-guest-accent-2: #ec008c;
  --pe-guest-accent-soft: rgba(200, 0, 122, 0.09);
  --pe-guest-accent-border: rgba(200, 0, 122, 0.28);
}

/* 1. Modal Container Sizing & Surface */
body .nsui_modal.modal_modalfromlink:has(.c-guests-popup-detail) .inner {
  width: min(660px, 92vw) !important;
  max-width: 660px !important;
  min-width: 300px !important;
  padding: 28px !important;
  background-color: var(--pe-guest-bg) !important;
  border: 1px solid var(--pe-guest-border-strong) !important;
  border-radius: 22px !important;
  box-shadow: 0 28px 64px -18px rgba(0, 0, 0, 0.72) !important;
  color: var(--pe-guest-text) !important;
}

[data-theme="light"] body .nsui_modal.modal_modalfromlink:has(.c-guests-popup-detail) .inner,
body.light-mode .nsui_modal.modal_modalfromlink:has(.c-guests-popup-detail) .inner {
  box-shadow: 0 24px 56px -20px rgba(20, 20, 40, 0.20) !important;
}

/* 2. Reset Legacy Chrome & Empty Blocks */
.c-guests-popup-detail,
.c-guests-popup-detail *,
.c-guests-popup-detail *::before,
.c-guests-popup-detail *::after {
  box-sizing: border-box !important;
}

.c-guests-popup-detail {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--pe-guest-text) !important;
}

.c-guests-popup-detail .detail,
.c-guests-popup-detail .theitems,
.c-guests-popup-detail .item {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.c-guests-popup-detail span.delimiter,
.c-guests-popup-detail span.delimiter img,
.c-guests-popup-detail .zoomtext,
.c-guests-popup-detail .thumbnails:empty,
.c-guests-popup-detail .aboveitems,
.c-guests-popup-detail .belowitems {
  display: none !important;
}

/* 3. Two-Column Artist Profile Grid (.c-grid-container) */
.c-guests-popup-detail .c-grid-container {
  display: grid !important;
  grid-template-columns: 180px minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.c-guests-popup-detail .c-grid-container > .amodule {
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}

/* 4. Left Column: Avatar Photo & Social Icons (.col1) */
.c-guests-popup-detail .col1 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
}

.c-guests-popup-detail .col1 > .amodule {
  width: 100% !important;
  margin: 0 !important;
}

.c-guests-popup-detail .photos {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.c-guests-popup-detail .p_photos_main_image_detail {
  position: relative !important;
  width: 180px !important;
  height: 180px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: var(--pe-guest-surface) !important;
  border: 1px solid var(--pe-guest-border-strong) !important;
  box-shadow: 0 14px 32px -12px rgba(0, 0, 0, 0.5) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.c-guests-popup-detail .p_photos_main_image_detail img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* Social Links */
.c-guests-popup-detail .socials {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.c-guests-popup-detail .socials a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: var(--pe-guest-surface) !important;
  border: 1px solid var(--pe-guest-border) !important;
  color: var(--pe-guest-text-2) !important;
  text-decoration: none !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
}

.c-guests-popup-detail .socials a:hover {
  border-color: var(--pe-guest-accent) !important;
  background: var(--pe-guest-accent-soft) !important;
  color: var(--pe-guest-accent-2) !important;
  transform: translateY(-1px) !important;
}

.c-guests-popup-detail .socials a svg {
  width: 16px !important;
  height: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: currentColor !important;
  fill: currentColor !important;
  display: block !important;
}

.c-guests-popup-detail .socials a svg path {
  fill: currentColor !important;
}

/* 5. Right Column: Eyebrow Badge, Artist Name, Bio (.col2) */
.c-guests-popup-detail .col2 {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  width: 100% !important;
}

.c-guests-popup-detail .col2::before {
  content: "ΚΑΛΛΙΤΕΧΝΗΣ";
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: var(--pe-guest-accent-soft);
  color: var(--pe-guest-accent-2);
  border: 1px solid var(--pe-guest-accent-border);
  line-height: 1;
  margin-bottom: 10px;
}

.c-guests-popup-detail .col2 > .amodule {
  width: 100% !important;
  margin: 0 !important;
}

.c-guests-popup-detail .col2 h3 {
  margin: 0 0 16px 0 !important;
  padding: 0 36px 0 0 !important;
  border: none !important;
}

.c-guests-popup-detail .col2 h3 .itemname {
  display: block !important;
  font-size: clamp(22px, 2.6vw, 28px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.15 !important;
  color: var(--pe-guest-text) !important;
}

.c-guests-popup-detail .col2 .textbox {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--pe-guest-border) !important;
  margin: 0 !important;
}

.c-guests-popup-detail .col2 .textbox .label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--pe-guest-text-3) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.c-guests-popup-detail .col2 .textbox .value {
  font-size: 14px !important;
  line-height: 1.68 !important;
  color: var(--pe-guest-text-2) !important;
  margin: 0 !important;
}

.c-guests-popup-detail .col2 .textbox .value p {
  margin: 0 0 10px 0 !important;
  color: var(--pe-guest-text-2) !important;
}

.c-guests-popup-detail .col2 .textbox .value p:last-child {
  margin-bottom: 0 !important;
}

/* 6. Mobile Breakpoint */
@media (max-width: 640px) {
  body .nsui_modal.modal_modalfromlink:has(.c-guests-popup-detail) .inner {
    padding: 22px 18px !important;
  }

  .c-guests-popup-detail .c-grid-container {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .c-guests-popup-detail .p_photos_main_image_detail {
    width: 132px !important;
    height: 132px !important;
    border-radius: 16px !important;
  }

  .c-guests-popup-detail .col2 {
    align-items: center !important;
    text-align: center !important;
  }

  .c-guests-popup-detail .col2 h3 {
    padding: 0 !important;
    text-align: center !important;
  }

  .c-guests-popup-detail .col2 .textbox {
    text-align: left !important;
  }
}/* Curated Section Headers & Spacing */
.c_curated_page .c-discover-section {
  margin-bottom: 35px;
}

.c_curated_page .section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 15px;
  position: relative;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

[data-theme="light"] .c_curated_page:not(.dark-section-wrapper) .section-head {
  border-bottom-color: rgba(0, 0, 0, 0.05);
}

.c_curated_page .section-head .eyebrow {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--logocolor, #ec008c);
  display: flex;
  align-items: center;
  gap: 6px;
}

.c_curated_page .section-head .eyebrow::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--logocolor, #ec008c);
  box-shadow: 0 0 8px var(--logocolor, #ec008c);
}

.c_curated_page .section-head h2.display {
  margin: 0;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.03em;
  color: var(--text, #ffffff);
}

[data-theme="light"] .c_curated_page:not(.dark-section-wrapper) .section-head h2.display {
  color: #1a1a1a;
}

/* Modern Pill "Όλα" Button */
.c_curated_page .section-head .all-link {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.05);
  color: var(--text, #ffffff);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="light"] .c_curated_page:not(.dark-section-wrapper) .section-head .all-link {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.03);
  color: #1e1e1e;
}

.c_curated_page .section-head .all-link:hover {
  background: var(--logocolor, #ec008c);
  border-color: var(--logocolor, #ec008c);
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(236, 0, 140, 0.35);
}

/* City Pulse Section & Animated Header */
.c_curated_page .c-pulse-section {
  margin-bottom: 35px;
}

.c_curated_page .c-pulse-section .pulse-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
  margin-bottom: 22px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme="light"] .c_curated_page .c-pulse-section .pulse-top {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}

.c_curated_page .c-pulse-section .pulse-title-wrap .eyebrow {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--logocolor, #ec008c);
  display: flex;
  align-items: center;
  gap: 8px;
}

@keyframes pulseLiveGlow {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(236, 0, 140, 0.7);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 7px rgba(236, 0, 140, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(236, 0, 140, 0);
  }
}

.c_curated_page .c-pulse-section .pulse-title-wrap .eyebrow::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: var(--logocolor, #ec008c);
  animation: pulseLiveGlow 2s infinite cubic-bezier(0.4, 0, 0.6, 1);
}

.c_curated_page .c-pulse-section .pulse-title-wrap h2.display {
  margin: 0;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.03em;
  color: var(--text, #ffffff);
}

[data-theme="light"] .c_curated_page .c-pulse-section .pulse-title-wrap h2.display {
  color: #1a1a1a;
}

.c_curated_page .c-pulse-section .pulse-meta-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 620px;
}

.c_curated_page .c-pulse-section .pulse-intro {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
}

[data-theme="light"] .c_curated_page .c-pulse-section .pulse-intro {
  color: rgba(20, 20, 20, 0.65);
}

.c_curated_page .c-pulse-section .pill-btn--pink {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.05);
  color: var(--text, #ffffff);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
}

[data-theme="light"] .c_curated_page .c-pulse-section .pill-btn--pink {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.03);
  color: #1e1e1e;
}

.c_curated_page .c-pulse-section .pill-btn--pink:hover {
  background: var(--logocolor, #ec008c);
  border-color: var(--logocolor, #ec008c);
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(236, 0, 140, 0.35);
}

.c_curated_page .c-pulse-section .pill-btn--pink span {
  transition: transform 0.2s ease;
}

.c_curated_page .c-pulse-section .pill-btn--pink:hover span {
  transform: translateX(3px);
}

@media (max-width: 900px) {
  .c_curated_page .c-pulse-section .pulse-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  .c_curated_page .c-pulse-section .pulse-meta-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .c_curated_page .c-pulse-section .pulse-title-wrap h2.display {
    font-size: 26px;
  }
}
.c_curated_page .c-pulse-section .c_pe_postdiscovery > h2 { display: none; }
/* Discover Logo Header (Responsive Desktop & Mobile) */
.c-discover-header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto !important;
  padding: 28px 16px 14px;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
}

.c-discover-header img {
  width: auto !important;
  max-width: min(320px, 100%) !important;
  height: auto !important;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .c-discover-header {
    padding: 18px 16px 8px;
  }

  .c-discover-header img {
    max-width: min(230px, 70vw) !important;
  }
}/* Discover CTA Banner (Isolated & Reusable) */
.c_curated_page .discover-prompt {
  padding: 24px 0;
}
.c_curated_page .discover-box {
  display: grid;
  grid-template-columns: .58fr 1.12fr auto;
  gap: 32px;
  align-items: center;
  padding: 30px 32px;
  border-radius: 24px;
  background: var(--pink, var(--logocolor, #f20a79));
  color: #ffffff;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(242, 10, 121, 0.25);
  box-sizing: border-box;
}
.c_curated_page .discover-box:not(:has(.discover-banner-cta)) {
  grid-template-columns: .58fr 1.42fr;
}
.c_curated_page .discover-box:after {
  content: "";
  position: absolute;
  right: -80px;
  top: -110px;
  width: 280px;
  height: 280px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
  pointer-events: none;
}
.c_curated_page .discover-banner-brand,
.c_curated_page .discover-banner-content,
.c_curated_page .discover-banner-cta {
  position: relative;
  z-index: 1;
}
.c_curated_page .discover-mark {
  display: inline-flex;
  align-items: center;
  font-family: Manrope, Arial, sans-serif;
  font-weight: 800;
  letter-spacing: -.065em;
  line-height: 1;
}
.c_curated_page .discover-mark--white {
  color: #ffffff;
}
.c_curated_page .discover-mark--large b {
  font-size: 34px;
}
.c_curated_page .discover-mark--large i {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ffffff;
  margin: 0 0 17px 3px;
}
.c_curated_page .discover-banner-brand p {
  margin: 8px 0 0 !important;
  font-size: 9px !important;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .72) !important;
}
.c_curated_page .discover-banner-content h2 {
  margin: 0 0 8px;
  font-family: Manrope, Arial, sans-serif !important;
  font-size: clamp(27px, 3.4vw, 42px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
  color: #ffffff !important;
}
.c_curated_page .discover-banner-content p {
  margin: 0 0 13px;
  color: rgba(255, 255, 255, .8);
  font-size: 12px;
}
.c_curated_page .mood-chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.c_curated_page .mood-chip,
.c_curated_page .mood-chip:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  white-space: nowrap;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, .33);
  border-radius: 99px;
  background: rgba(255, 255, 255, .1);
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
  transition: all .2s;
}
.c_curated_page .mood-chip:hover,
.c_curated_page .mood-chip.active,
.c_curated_page .mood-chip:hover:visited,
.c_curated_page .mood-chip.active:visited {
  border-color: #ffffff;
  background: #ffffff;
  color: #111114;
  text-decoration: none;
}
.c_curated_page .discover-banner-cta {
  align-self: stretch;
  min-width: 142px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 18px 0 18px 24px;
  border-left: 1px solid rgba(255, 255, 255, .28);
  color: #ffffff;
  text-decoration: none;
}
.c_curated_page .discover-banner-cta small {
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.c_curated_page .discover-banner-cta b {
  margin-top: 4px;
  font-family: Manrope, Arial, sans-serif;
  font-size: 20px;
  letter-spacing: -.04em;
}
.c_curated_page .discover-banner-cta span {
  margin-top: 12px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #ffffff;
  color: var(--pink, var(--logocolor, #f20a79));
  font-size: 17px;
  transition: transform .2s ease;
}
.c_curated_page .discover-banner-cta:hover span {
  transform: translateX(4px);
}
@media (max-width: 1080px) {
  .c_curated_page .discover-box {
    grid-template-columns: .65fr 1.35fr;
  }
  .c_curated_page .discover-banner-cta {
    display: none;
  }
}
@media (max-width: 920px) {
  .c_curated_page .discover-box,
  .c_curated_page .discover-box:not(:has(.discover-banner-cta)) {
    grid-template-columns: 1fr 1.4fr;
    gap: 24px;
  }
}
@media (max-width: 620px) {
  .c_curated_page .discover-box,
  .c_curated_page .discover-box:not(:has(.discover-banner-cta)) {
    grid-template-columns: 1fr;
    padding: 24px 20px;
    gap: 20px;
  }
  .c_curated_page .discover-banner-brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .c_curated_page .discover-mark--large b {
    font-size: 27px;
  }
  .c_curated_page .discover-mark--large i {
    margin-bottom: 13px;
  }
  .c_curated_page .discover-banner-brand p {
    margin: 0 !important;
  }
}:root {
  --darksection-bg: #3d182f;
  --border-box-color-darksection: #363636;
  --background-box-color-darksection: #212121;
  --subcat-duration-box-bg-dark: rgb(33 33 33 / 50%);
}

/* Hero Banner Slider */
.c-horizontal-banner-slider {
  max-width: 1280px;
  margin: 0 auto;
}

.c-horizontal-banner-slider .c-banner-container .photos {
  padding: 0;
}

.c-horizontal-banner-slider .c-banner-container .photos img {
  width: 100%;
  max-height: 600px;
  height: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 3 / 2;
}

body:not(.userroot) .c-banner-container .photos::before {
  content: "";
  display: block;
  height: 100%;
  background-image: linear-gradient(0deg, black, transparent);
  position: absolute;
  z-index: 1;
  width: 100%;
  bottom: 0;
  left: 0;
}

.c-banner-container {
  position: relative;
}

.c-banner-container > div {
  position: relative;
  z-index: 2;
}

.c-text-container {
  position: absolute;
  bottom: 0;
  padding: 20px 30px;
}

div.items .c-banner-container .c-text-container h3 {
  font-weight: bold;
  color: var(--color-logo-allthemes);
}

div.items .c-banner-container .c-text-container .textbox {
  font-weight: 300;
  color: var(--color-logo-allthemes);
}

@media (min-width: 991px) {
  div.items .c-banner-container .c-text-container h3 {
    font-size: 24px;
  }
  div.items .c-banner-container .c-text-container .textbox {
    font-size: 18px;
  }
}

/* Section Header & Legacy Header Elements */
.header {
  position: relative;
  margin-bottom: 15px !important;
  padding-bottom: 0px !important;
  font-size: 1.6em;
  font-weight: bold;
  display: inline-block;
}

.header::after {
  content: "";
  position: relative;
  top: 0;
  left: 0px;
  width: 60px;
  height: 3px;
  margin-top: 5px;
  background-color: var(--logocolor);
  display: block;
}

.c-header-elements {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0px;
  margin-bottom: 10px;
}

#contenttop .c-header-elements h2.c-home-section-header {
  padding: 0;
  margin: 0;
}

.c-events {
  margin-top: 10px;
}

.c-see-all {
  text-decoration: none;
}

/* Slider Track Layout */
.c-events .theitems {
  display: block !important;
  width: calc(100% + 10px);
  clear: both !important;
  position: relative;
}

.c-cinema-events .theitems {
  display: block !important;
  width: 100%;
  clear: both !important;
  position: relative;
}

.c-events .theitems .item,
.c-cinema-events .theitems .item {
  clear: unset !important;
  user-select: none;
  -webkit-user-drag: none;
}

.c-events .theitems > .slick-list > .slick-track,
.c-cinema-events .theitems > .slick-list > .slick-track {
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1) !important;
}

div.items.c-cinema-events div.photos :is(img, video) {
  width: 100%;
  height: auto;
  border-radius: 15px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* Top-Right Section Carousel Arrows (.theitems > .slider-arrows) */
@media (min-width: 769px) {
  .c_curated_page .curated-live-section:has(.theitems > .slider-arrows) .section-head {
    padding-right: 92px;
  }
  .c-events:has(.theitems > .slider-arrows) .c-header-elements,
  .c-cinema-events:has(.theitems > .slider-arrows) .c-header-elements {
    padding-right: 92px;
  }
}

.c-events .theitems > .slider-arrows,
.c-cinema-events .theitems > .slider-arrows {
  width: 36px;
  height: 36px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  position: absolute;
  top: -80px;
  transform: none;
  z-index: 10;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background-color: var(--boxes, rgba(24, 24, 30, 0.9));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  color: #ffffff;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, opacity 0.2s ease;
}

[data-theme="light"] .c-events .theitems > .slider-arrows,
[data-theme="light"] .c-cinema-events .theitems > .slider-arrows {
  background-color: #ffffff;
  border-color: rgba(16, 16, 22, 0.12);
  box-shadow: 0 2px 8px rgba(16, 16, 22, 0.08);
  color: #1a1a1a;
}

.dark-section-wrapper .c-events .theitems > .slider-arrows,
.dark-section-wrapper .c-cinema-events .theitems > .slider-arrows,
[data-theme="light"] .dark-section-wrapper .c-events .theitems > .slider-arrows,
[data-theme="light"] .dark-section-wrapper .c-cinema-events .theitems > .slider-arrows {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
  color: #ffffff;
}

.c-events .theitems > .slider-arrow-right {
  right: -18px;
  left: auto;
}

.c-events .theitems > .slider-arrow-left {
  right: 26px;
  left: auto;
}

.dark-section-wrapper .c-events .theitems > .slider-arrow-right,
.dark-section-wrapper .c-cinema-events .theitems > .slider-arrow-right {
  right: 0px;
  left: auto;
}

.dark-section-wrapper .c-events .theitems > .slider-arrow-left,
.dark-section-wrapper .c-cinema-events .theitems > .slider-arrow-left {
  right: 44px;
  left: auto;
}

.c-cinema-events .theitems > .slider-arrow-right {
  right: -18px;
  left: auto;
}

.c-cinema-events .theitems > .slider-arrow-left {
  right: 26px;
  left: auto;
}

.c-events .theitems > .slider-arrows:hover,
.c-cinema-events .theitems > .slider-arrows:hover {
  transform: translateY(-1px);
  background-color: var(--logocolor, #ec008c) !important;
  border-color: var(--logocolor, #ec008c) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(236, 0, 140, 0.38);
}

.c-events .theitems > .slider-arrows:active,
.c-cinema-events .theitems > .slider-arrows:active {
  transform: scale(0.95);
}

.c-events .theitems > .slider-arrows.slick-disabled,
.c-cinema-events .theitems > .slider-arrows.slick-disabled {
  display: inline-flex !important;
  opacity: 0.35 !important;
  pointer-events: none;
}

.c-events .theitems > .slider-arrows span,
.c-cinema-events .theitems > .slider-arrows span {
  color: inherit !important;
  font-size: 13px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .c-events .theitems > .slider-arrows,
  .c-events .theitems > .slider-arrows.slick-disabled,
  .c-cinema-events .theitems > .slider-arrows,
  .c-cinema-events .theitems > .slider-arrows.slick-disabled {
    display: none !important;
  }
}

/* Dark Section Wrapper (Cinema & Theater) */
.dark-section-wrapper {
  background-color: var(--darksection-bg);
  border-radius: 15px;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
  margin-top: 15px;
  padding: 30px 20px;
}

html[data-theme="light"] .dark-section-wrapper span:not(.icon) {
  color: white !important;
}

/* Fix Light-Theme Description & Metadata Contrast Inside Cinema/Theater (.dark-section-wrapper) */
html[data-theme="light"] .dark-section-wrapper div.items.c-events div.list div.item .textbox.c-summary .value,
html[data-theme="light"] .dark-section-wrapper div.items.c-cinema-events div.list div.item .textbox.c-summary .value {
  color: rgba(255, 255, 255, 0.82) !important;
}

html[data-theme="light"] .dark-section-wrapper div.items.c-events div.list div.item .c-subcat-duration-inner .subcat,
html[data-theme="light"] .dark-section-wrapper div.items.c-cinema-events div.list div.item .c-subcat-duration-inner .subcat {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

html[data-theme="light"] .dark-section-wrapper div.items.c-events div.list div.item .c-subcat-duration-inner .duration,
html[data-theme="light"] .dark-section-wrapper div.items.c-cinema-events div.list div.item .c-subcat-duration-inner .duration {
  background: rgba(236, 0, 140, 0.16) !important;
  border-color: rgba(236, 0, 140, 0.32) !important;
  color: #ffffff !important;
}

html[data-theme="light"] .dark-section-wrapper div.items.c-events div.list div.item .c-location-list > a,
html[data-theme="light"] .dark-section-wrapper div.items.c-cinema-events div.list div.item .c-location-list > a {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

.dark-section-wrapper .section-head h2.display,
.dark-section-wrapper .section-head .eyebrow,
.dark-section-wrapper .section-head .all-link {
  color: #ffffff !important;
}

.dark-section-wrapper .c-subcat-duration-wrapper {
  display: inline-block;
  border: 1px solid var(--border-box-color-darksection);
  background-color: var(--subcat-duration-box-bg-dark);
  border-radius: 10px;
}

.dark-section-wrapper > div {
  position: relative;
  z-index: 2;
}

.dark-section-wrapper div.items.c-events div.list,
.dark-section-wrapper div.items.c-cinema-events div.list {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

@media (max-width: 768px) {
  .dark-section-wrapper {
    padding: 20px 10px;
  }
  .c_curated_page div.items.c-events div.list,
  .c_curated_page div.items.c-cinema-events div.list {
    padding: 12px 10px;
  }
  .dark-section-wrapper div.items.c-events div.list,
  .dark-section-wrapper div.items.c-cinema-events div.list {
    padding: 0;
  }
}

div.items.c-events div.list {
  padding-bottom: 0;
}

.dark-section-wrapper::before {
  content: "";
  display: block;
  background-color: var(--logocolor);
  width: 100%;
  max-width: 1280px;
  height: 15vw;
  position: absolute;
  z-index: 0;
  border-radius: 50%;
  filter: blur(10vw);
  top: 0;
  transform: translate(-50%, -50%);
  left: 50%;
  opacity: 0.4;
}

.dark-section-wrapper::after {
  content: "";
  display: block;
  background-color: var(--logocolor);
  width: 100%;
  max-width: 1280px;
  height: 15vw;
  position: absolute;
  z-index: 0;
  border-radius: 50%;
  filter: blur(10vw);
  bottom: 0;
  transform: translate(-50%, 50%);
  left: 50%;
  opacity: 0.4;
}/* ==========================================================================
   New Discover Slider Reflow / CLS Prevention — Pre-Initialization Track Locking
   Locks uninitialized Slick & Swiper containers to their exact post-JS
   single-row flex geometry so Frame 1 matches initialized state (0.000 CLS).
   ========================================================================== */

/* 1. Προτάσεις Slider (.c-patrasevents-protaseis — 5.5 desktop, 2.5 <1024px) */
.c-patrasevents-protaseis:not(.slick-initialized) {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: hidden !important;
}

.c-patrasevents-protaseis:not(.slick-initialized) > .header {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.c-patrasevents-protaseis:not(.slick-initialized) > .suggestion_container {
    flex: 0 0 calc(100% / 5.5) !important;
    width: calc(100% / 5.5) !important;
    max-width: calc(100% / 5.5) !important;
    box-sizing: border-box !important;
}

@media (min-width: 1024px) {
    .c-patrasevents-protaseis:not(.slick-initialized) > .suggestion_container:nth-of-type(6) {
        margin-right: -100% !important;
    }
    .c-patrasevents-protaseis:not(.slick-initialized) > .suggestion_container:nth-of-type(n+7) {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    .c-patrasevents-protaseis:not(.slick-initialized) > .suggestion_container {
        flex: 0 0 40% !important; /* 100% / 2.5 */
        width: 40% !important;
        max-width: 40% !important;
    }
    .c-patrasevents-protaseis:not(.slick-initialized) > .suggestion_container:nth-of-type(3) {
        margin-right: -100% !important;
    }
    .c-patrasevents-protaseis:not(.slick-initialized) > .suggestion_container:nth-of-type(n+4) {
        display: none !important;
    }
}

/* 2. Event Category Carousels (.c-events .theitems — 4 / 4.2 / 2.5 / 1.5) */
.c-events:not(.c-cinema-events) .theitems:not(.slick-initialized) {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
}

#contenttop div.c-events:not(.c-cinema-events) .theitems:not(.slick-initialized) > div.item,
.c-events:not(.c-cinema-events) .theitems:not(.slick-initialized) > .item {
    flex: 0 0 25% !important; /* >=1920px: 4 slides */
    width: 25% !important;
    max-width: 25% !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 1919px) {
    #contenttop div.c-events:not(.c-cinema-events) .theitems:not(.slick-initialized) > div.item,
    .c-events:not(.c-cinema-events) .theitems:not(.slick-initialized) > .item {
        flex: 0 0 calc(100% / 4.2) !important;
        width: calc(100% / 4.2) !important;
        max-width: calc(100% / 4.2) !important;
    }
}

@media (max-width: 899px) {
    #contenttop div.c-events:not(.c-cinema-events) .theitems:not(.slick-initialized) > div.item,
    .c-events:not(.c-cinema-events) .theitems:not(.slick-initialized) > .item {
        flex: 0 0 40% !important; /* 2.5 slides */
        width: 40% !important;
        max-width: 40% !important;
    }
}

@media (max-width: 639px) {
    #contenttop div.c-events:not(.c-cinema-events) .theitems:not(.slick-initialized) > div.item,
    .c-events:not(.c-cinema-events) .theitems:not(.slick-initialized) > .item {
        flex: 0 0 calc(100% / 1.5) !important; /* 1.5 slides */
        width: calc(100% / 1.5) !important;
        max-width: calc(100% / 1.5) !important;
    }
}

/* 3. Cinema Events Carousel (.c-cinema-events .theitems — 3.2 / 2.2 / 1.2) */
.c-cinema-events .theitems:not(.slick-initialized) {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
}

#contenttop div.c-cinema-events .theitems:not(.slick-initialized) > div.item,
.c-cinema-events .theitems:not(.slick-initialized) > .item {
    flex: 0 0 calc(100% / 3.2) !important;
    width: calc(100% / 3.2) !important;
    max-width: calc(100% / 3.2) !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 899px) {
    #contenttop div.c-cinema-events .theitems:not(.slick-initialized) > div.item,
    .c-cinema-events .theitems:not(.slick-initialized) > .item {
        flex: 0 0 calc(100% / 2.2) !important;
        width: calc(100% / 2.2) !important;
        max-width: calc(100% / 2.2) !important;
    }
}

@media (max-width: 639px) {
    #contenttop div.c-cinema-events .theitems:not(.slick-initialized) > div.item,
    .c-cinema-events .theitems:not(.slick-initialized) > .item {
        flex: 0 0 calc(100% / 1.2) !important;
        width: calc(100% / 1.2) !important;
        max-width: calc(100% / 1.2) !important;
    }
}

/* 4. City Pulse Swiper (.c-highlights-swiper — 4.5 desktop, 3.5 >=768px, 1.5 <768px, 5px gap) */
.c-highlights-swiper:not(.swiper-initialized) {
    overflow: hidden !important;
}

.c-highlights-swiper:not(.swiper-initialized) > .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
}

.c-highlights-swiper:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 calc((100% - (3.5 * 5px)) / 4.5) !important;
    width: calc((100% - (3.5 * 5px)) / 4.5) !important;
    max-width: calc((100% - (3.5 * 5px)) / 4.5) !important;
    box-sizing: border-box !important;
}

@media (max-width: 989px) {
    .c-highlights-swiper:not(.swiper-initialized) .swiper-slide {
        flex: 0 0 calc((100% - (2.5 * 5px)) / 3.5) !important;
        width: calc((100% - (2.5 * 5px)) / 3.5) !important;
        max-width: calc((100% - (2.5 * 5px)) / 3.5) !important;
    }
}

@media (max-width: 767px) {
    .c-highlights-swiper:not(.swiper-initialized) .swiper-slide {
        flex: 0 0 calc((100% - (0.5 * 5px)) / 1.5) !important;
        width: calc((100% - (0.5 * 5px)) / 1.5) !important;
        max-width: calc((100% - (0.5 * 5px)) / 1.5) !important;
    }
}