/*
 Theme Name: Artist Minimal Child
 Author: Marina Loulou
 Template: twentytwentyfour
 Version: 1.0
*/

/* =========================
   GLOBAL TYPOGRAPHY
========================= */

body {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.65;
}

h1 { font-size: 64px; line-height: 1.05; }
h2 { font-size: 28px; line-height: 1.2; }
h3 { font-size: 18px; }

body,
input,
textarea,
select,
button {
  color: rgba(0, 0, 0, 0.7);
}
h1, h2, h3,
.wp-block-post-title,
.wp-block-navigation a {
  color: rgba(0, 0, 0,  0.7);
}
figcaption {
  font-size: 14px;
  opacity: 0.75;
}

/* =========================
   NAVIGATION (minimal underline)
========================= */

/* Στυλ στα links του main navigation (κεφαλαία, spacing κλπ) */
.wp-block-navigation a {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  position: relative;
  text-decoration: none !important;
}

/* Στυλ στα links του main navigation (κεφαλαία, spacing κλπ) */
.wp-block-navigation a:hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 2px;
  background: currentColor;
}

/* Βάζει underline όταν είσαι σε active menu item / current page */
.wp-block-navigation .wp-block-navigation-item.is-active > a::after,
.wp-block-navigation .current-menu-item > a::after,
.wp-block-navigation .current_page_item > a::after,
body.home .wp-block-navigation a[href="/"]::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 2px;
  background: currentColor;
}

/* Κόβει το default focus outline (για να μη βγάζει τετράγωνο) */
.wp-block-navigation a:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Βάζει underline focus μόνο όταν είναι keyboard focus (focus-visible) */
.wp-block-navigation a:focus-visible::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 2px;
  background: currentColor;
}

/* Αφαιρεί focus/active “κουτί” από το site logo */
.wp-block-site-logo a,
.wp-block-site-logo a:focus,
.wp-block-site-logo a:focus-visible,
.wp-block-site-logo a:active {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  -webkit-tap-highlight-color: transparent;
}
/* Αφαιρεί outline/box-shadow από την εικόνα του logo */
.wp-block-site-logo img {
  outline: none !important;
  box-shadow: none !important;
}

/* =========================
   FOOTER (bottom-right fixed)
========================= */

/* Κάνει το footer fixed κάτω δεξιά ΠΑΝΤΑ */
footer.wp-block-template-part {
  position: fixed;
  right: 1.5rem;
  bottom: 1.2rem;
  z-index: 10;
}

/* Στυλ link footer */
footer.wp-block-template-part a {
  color: #1a4cff;
  text-decoration: none;
}

/* Underline στο hover footer */
footer.wp-block-template-part a:hover {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

/* Κόβει focus/outline/box-shadow από footer links και παιδιά τους */
footer.wp-block-template-part a,
footer.wp-block-template-part a * {
  outline: none !important;
  box-shadow: none !important;
}

/* Κόβει επίσης background highlight στο active/focus */
footer.wp-block-template-part a:focus,
footer.wp-block-template-part a:focus-visible,
footer.wp-block-template-part a:active {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  -webkit-tap-highlight-color: transparent;
}

/* Footer σε μικρές οθόνες: πιο κοντά + μικρό font */
@media (max-width: 600px) {
  footer.wp-block-template-part {
    right: 1rem;
    bottom: 0.8rem;
    font-size: 0.68rem;
  }
}

/* =========================
   HOME (video section)
========================= */


/* Αφαιρεί focus outline/box σε διάφορα media στοιχεία στο home */
body.home a:focus,
body.home a:focus-visible,
body.home a:active,
body.home video:focus,
body.home video:focus-visible,
body.home .wp-block-image a:focus,
body.home .wp-block-image a:focus-visible,
body.home .wp-block-video:focus-within,
body.home .wp-block-video a:focus,
body.home .wp-block-video a:focus-visible,
body.home figure:focus,
body.home figure:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  -webkit-tap-highlight-color: transparent;
}

/* =========================
   ARTWORK GRID (hover title panel)
========================= */

/* Κάνει το artwork card container “relative” για να μπει overlay title */
.artwork-card {
  position: relative;
  overflow: hidden;
}

/* Σβήνει border radius σε εικόνες grid */
.artwork-card img,
.artwork-card .wp-block-post-featured-image,
.artwork-card .wp-block-post-featured-image img {
  border-radius: 0 !important;
}

/* Overlay title panel πάνω στην εικόνα */
.artwork-card .artwork-hover-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;

  padding: 0.9rem 1.1rem;
  background: rgba(255, 255, 255, 0.82);
  color: rgba(0, 0, 0,  0.8);

  font-size: 20px;
  line-height: 1.15;
  letter-spacing: 0.02em;
  text-transform: uppercase;

  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}

/* Στο hover εμφανίζεται το overlay */
.artwork-card:hover .artwork-hover-title {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 768px) {
  .artwork-card .artwork-hover-title {
    font-size: 13px !important;
    line-height: 1.2 !important;
    padding: 0.55rem 0.7rem !important;
    letter-spacing: 0.015em !important;
  }
}
/* =========================
   SINGLE ARTWORK – base layout
========================= */

/* CSS variables που χρησιμοποιείς για image + viewer */
:root{
  --art-img-w: min(52vw, 780px); /* default πλάτος εικόνας */
  --art-img-maxh: 78vh; /* max-height εικόνας */
  --viewer-top: 32px;  /* top offset controls */
}

/* hide header only on single artwork */
body.single-artwork .wp-block-template-part[slug="header"],
body.single-artwork header.wp-block-template-part,
body.single-artwork .wp-site-blocks > header {
  display: none !important;
}
body.single-artwork .wp-block-post-featured-image,
body.single-artwork figure.wp-block-post-featured-image,
body.single-artwork .wp-block-post-featured-image img,
body.single-artwork img.wp-post-image{
  border-radius: 0 !important;
}

/* Κλειδώνει scroll + height στο viewer (για να μη σκρολάρει) */
html:has(body.single-artwork),
body.single-artwork{
  overflow: hidden !important;
  height: 100vh !important;
}

/* Κόβει οριζόντιο overflow για όλο το site */
html{ overflow-x: hidden; }

/* TITLE – artwork */
body.single-artwork .wp-block-post-title{
  font-family: "Inter", sans-serif;
  font-weight: 500;          /* bold */
  line-height: 1.2;
  margin-bottom: 1rem;
  max-width: 420px;
}

body.single-artwork .artwork-meta{
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 400;
}
body.single-artwork .artwork-meta p{
  margin: 0 0 0.4rem 0;
}
/* Columns: align-items flex-start + gap 4rem
   (ΑΥΤΟ είναι που κάνει τα βελάκια να “πέφτουν” πάνω/κάτω αν το ύψος αλλάξει) */
body.single-artwork .wp-block-columns{
  gap: 1rem;
}

/* =========================
   TOP CONTROLS – fullscreen + close
========================= */

/* Overlay container για controls (fullscreen / close) */
body.single-artwork .art-viewer-controls{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 100001;
}

/* Base style για κουμπιά controls */
body.single-artwork .art-viewer-btn{
  pointer-events: auto;
  position: fixed;
  top: var(--viewer-top) !important;

  width: 64px !important;
  height: 64px !important;
  display: grid;
  place-items: center;

  border: 0;
  background: transparent !important;
  color: #000;

  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;

  line-height: 1 !important;
  font-weight: 300;
  opacity: .85;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* Hover στα controls */
body.single-artwork .art-viewer-btn:hover{ opacity: 1; }

/* Fullscreen button: αριστερά */
body.single-artwork .art-viewer-btn--fs{
  left: 18px !important;
  font-size: 38px !important;
}

/* Close button: δεξιά */
body.single-artwork .art-viewer-btn--close{
  right: 18px !important;
  font-size: 56px !important;
}

/* Αν έχεις svg icons μέσα */
body.single-artwork .art-viewer-btn svg{
  width: 34px !important;
  height: 34px !important;
}

/* =========================
   FULLSCREEN (native + fake)
========================= */

/* Background λευκό στο native fullscreen */
.wp-site-blocks:fullscreen,
.wp-site-blocks:-webkit-full-screen {
  background: #fff;
}

/* Όταν μπει art-is-fs: κόβει padding-top */
body.art-is-fs .wp-site-blocks {
  background: #fff !important;
  padding-top: 0 !important;
}

/* Στο fullscreen κρύβει controls/footer/text column/arrow cols */
body.art-is-fs.single-artwork .art-viewer-controls,
body.art-is-fs.single-artwork footer.wp-block-template-part,
body.art-is-fs.single-artwork .wp-block-column:last-child,
body.art-is-fs.single-artwork .art-nav-col {
  display: none !important;
}

/* Το X που φτιάχνει το JS (art-fs-close) */
.art-fs-close{
  width: 44px;
  height: 44px;
  display: none;
  place-items: center;

  border: 0;
  background: transparent;
  color: #000;
  font-size: 56px;
  font-weight: 300;
  line-height: 1;
  opacity: .85;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 999999;
}

/* Όταν είσαι fullscreen, δείξε το X */
body.art-is-fs .art-fs-close{ display: grid !important; }
.art-fs-close:hover{ opacity: 1; }

/* Κόβει outline σε focus */
.art-fs-close:focus,
.art-fs-close:active,
.art-fs-close:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

/* fullscreen image perfect fit */
body.art-is-fs.single-artwork .wp-block-post-featured-image img,
body.art-is-fs.single-artwork .wp-post-image{
  width: auto !important;
  height: auto !important;
  max-width: calc(100vw - 40px) !important;
  max-height: calc(100vh - 40px) !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 0 !important;
}

/* =========================
   GLOBAL bottom breathing space (except viewer + fullscreen)
========================= */

/* Σε όλες τις σελίδες, δίνει padding-bottom στο main (για footer overlap κλπ) */
.wp-site-blocks > main{
  padding-bottom: 120px;
}
/* Μικρότερο padding-bottom σε tablet */
@media (max-width: 768px){
  .wp-site-blocks > main{ padding-bottom: 80px; }
}

/* ΑΛΛΑ στο single viewer και στο fullscreen το μηδενίζει */
body.single-artwork .wp-site-blocks > main,
body.art-is-fs .wp-site-blocks > main{
  padding-bottom: 0 !important;
}

/* ============================================================
   ARROWS – FINAL (uses: .art-nav-col .art-nav-col--prev/--next)
   Goal: vertical center on viewport, NO horizontal messing
============================================================ */

/* Prev column padding-left = WP spacing preset (μακριά από εικόνα αν το preset είναι μεγάλο) */
body.single-artwork .art-nav-col--prev{
  left: 0 !important;
  padding-left: var(--wp--preset--spacing--40) !important;
}

/* Next column padding-right = WP spacing preset */
body.single-artwork .art-nav-col--next{
  position: relative;
  right: 0 !important;
  padding-right: var(--wp--preset--spacing--40) !important;
}

/* Το link box του βέλους (κλικ περιοχή) */
body.single-artwork .art-nav-col a{
  position: fixed !important;
  width: 36px !important;
  height: 36px !important;

  display: grid !important;
  place-items: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;

  opacity: .6;
}

/* Hover opacity */
body.single-artwork .art-nav-col a:hover{ opacity: 1; }

/* Αυτό είναι το “γενικό” που ζωγραφίζει ΚΑΙ prev ΚΑΙ next, ανεξάρτητα από class
   (άρα κάνει το προηγούμενο rule παραπάνω περιττό) */
body.single-artwork .art-nav-col--prev a::before,
body.single-artwork .art-nav-col--next a::before{
  font-size: 56px !important;
  line-height: 1 !important;
  font-weight: 300 !important;
  display: block !important;
}
/* Ορίζει τελικά το content για prev και next */
body.single-artwork .art-nav-col--prev a::before{ content:"<" !important; }
body.single-artwork .art-nav-col--next a::before{ content:">" !important; }

/* ===== Fixed image frame (desktop only) ===== */
@media (min-width: 901px){
  :root{
    --art-frame-w: 780px;  /* σταθερό πλάτος κάδρου */
    --art-frame-h: 800px;  /* σταθερό ύψος κάδρου */
  }

  /* Σταθερό κάδρο για ΟΛΕΣ τις εικόνες (μόνο desktop) */
  body.single-artwork .wp-block-post-featured-image,
  body.single-artwork figure.wp-block-post-featured-image{
    width: var(--art-frame-w) !important;
    height: var(--art-frame-h) !important;

    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  /* Η εικόνα μικραίνει για να χωρέσει στο κάδρο */
  body.single-artwork .wp-block-post-featured-image img,
  body.single-artwork .wp-post-image{
    width: auto !important;
    height: auto !important;

    max-height: var(--art-frame-h) !important;
    max-width: 100% !important;

    object-fit: contain !important;
    display: block !important;
  }
}
/* ============================================================
   MOBILE SINGLE ARTWORK (correct DOM):
   - outer columns -> 2 rows (viewer + info)
   - inner columns keep arrows but do not take layout space
============================================================ */
:root{
  /* Πλάτος που μεγαλώνει/μικραίνει με το viewport αλλά έχει όρια */
  --art-frame-w: clamp(280px, 52vw, 780px);

  /* Ύψος: μέχρι 78vh, αλλά όχι πάνω από 800px */
  --art-frame-h: min(78vh, 800px);
}

body.single-artwork .wp-block-post-featured-image,
body.single-artwork figure.wp-block-post-featured-image{
  width: var(--art-frame-w) !important;
  height: var(--art-frame-h) !important;

  /* extra ασφάλεια να μη ξεχειλίζει */
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100vh - 24px) !important;

  margin: 0 auto !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.single-artwork .wp-block-post-featured-image img,
body.single-artwork img.wp-post-image{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;

  /* κόβει τυχόν min/max που προκαλούν περίεργα overflows */
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;

  display: block !important;
}

@keyframes artFadeIn{
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes artFadeOut{
  from { opacity: 1; }
  to   { opacity: 0; }
}

/* default state */
body.single-artwork .wp-block-post-featured-image{
  animation: artFadeIn 220ms ease-out both;
}

/* όταν φεύγουμε */
body.single-artwork.art-leaving .wp-block-post-featured-image{
  animation: artFadeOut 160ms ease-in both;
}

@media (max-width: 900px){
  body.single-artwork .art-nav-col a{
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* μόνο στο normal view, όχι fullscreen */
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) figure.wp-block-post-featured-image,
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) .wp-block-post-featured-image{
    touch-action: pan-y;
  }

  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) main#wp--skip-link--target > .wp-block-columns > .wp-block-column:first-child{
    padding: env(safe-area-inset-top, 0px) 0 0 !important;
  }

  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) .wp-block-column:first-child .wp-block-columns{
    align-items: flex-start !important;
  }

  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) .wp-block-column:first-child
  .wp-block-columns > .wp-block-column:not(.art-nav-col){
    place-items: start center !important;
  }

  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) figure.wp-block-post-featured-image,
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) .wp-block-post-featured-image{
    place-items: start center !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
}
@media (min-width: 901px){
  :root{
    --art-frame-w: min(100%, 1400px);
    --art-frame-h: min(88vh, 1000px);
  }

  body.single-artwork .wp-block-post-featured-image,
  body.single-artwork figure.wp-block-post-featured-image{
    width: var(--art-frame-w) !important;
    height: var(--art-frame-h) !important;
    margin: 0 auto !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
  }

  body.single-artwork .wp-block-post-featured-image img,
  body.single-artwork .wp-post-image{
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: calc(var(--art-frame-h) * 0.9) !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
  }
}

@media (max-width: 768px) {
  .wp-block-navigation {
    margin-left: auto !important;
  }
}
/* =========================
   MOBILE GRID: force 2 columns
========================= */
@media (max-width: 768px) {

  /* Query Loop / Posts grid */
  .wp-block-query .wp-block-post-template,
  .wp-block-post-template {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  /* Κάθε item να μην παίρνει 100% */
  .wp-block-post-template > li {
    width: auto !important;
    margin: 0 !important;
  }

  /* Αν έχεις custom cards */
  .artwork-card {
    width: auto !important;
  }
}
/* Reduce empty space around nav + burger icon */
.wp-block-navigation,
.wp-block-navigation__responsive-container-open{
  padding: 0 !important;
}

.wp-block-navigation__responsive-container-open{
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
}

/* Το ίδιο το icon (svg) να μην φαίνεται “μεσα σε κουτί” */
.wp-block-navigation__responsive-container-open svg{
  width: 40px !important;
  height: 40px !important;
  display: block !important;
}
/* MOBILE NAV as MODAL (not full-screen) */
@media (max-width: 768px){

  /* Το overlay container να μην πιάνει όλη την οθόνη */
  .wp-block-navigation__responsive-container.is-menu-open{
    position: fixed !important;
    inset: auto !important;

    top: 80px !important;
    right: 16px !important;
    left: auto !important;
    bottom: auto !important;

    width: min(260px, calc(100vw - 32px)) !important;
    max-height: calc(100svh - 120px) !important;

    background: rgba(255,255,255,0.92) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 0px;
    box-shadow: 0 18px 55px rgba(0,0,0,0.18);

    padding: 18px 14px 14px !important;
    overflow: auto !important;
    z-index: 99999 !important;
  }
 /* ✅ Σταμάτα το “justify-content:center” που δημιουργεί το άδειο λευκό */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content{
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
  }
  /* Το wrapper μέσα να μην προσπαθεί να “γεμίσει” */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  /* Το close (Χ) μέσα στο modal */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{
    position: absolute !important;
    top: -20px !important;
    margin-left: auto !important;
    margin-bottom: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  /* Τα links σαν “λίστα” με καθαρό spacing */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a{
    display: block !important;
    padding: 10px 10px !important;
    border-radius: 0px;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:hover{
    background: rgba(0,0,0,0.06);
  }

  /* (Optional) ΜΗΝ σκοτεινιάζει όλο το background σαν full-screen overlay */
  .wp-block-navigation__responsive-container.is-menu-open{
    /* αν δεις ότι βάζει “φόντο” από theme styles, αυτό το κρατάει καθαρό */
    position: fixed !important;
    background-color: rgba(255,255,255,0.92) !important;
  }
    /* Το content να ξεκινά πιο πάνω */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content{
    padding-top: 0 !important;
  }
  /* Μηδένισε margins/padding που βάζει το WP στο list */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__container{
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  /* Μηδένισε τυχόν margin στα items */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item{
    margin: 0 !important;
  }

  /* Αν ο editor βάζει block-gap στο nav */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content{
    row-gap: 0 !important;
    gap: 0 !important;
  }
}
/* =========================
   REMOVE ACTIVE / SELECTED STATES (NAV + BURGER)
========================= */

/* 1) Links menu – κανένα selected / active / focus */
.wp-block-navigation a,
.wp-block-navigation a:focus,
.wp-block-navigation a:focus-visible,
.wp-block-navigation a:active,
.wp-block-navigation a:visited{
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Αφαίρεση οποιουδήποτε "current / active" background */
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current_page_item > a,
.wp-block-navigation .wp-block-navigation-item.is-active > a{
  background: transparent !important;
  box-shadow: none !important;
}

/* 2) Burger button – καμία τετράγωνη επισήμανση */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-open:focus,
.wp-block-navigation__responsive-container-open:focus-visible,
.wp-block-navigation__responsive-container-open:active{
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  border: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* 3) Close (X) button – ίδιο καθαρό behavior */
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-close:focus,
.wp-block-navigation__responsive-container-close:focus-visible,
.wp-block-navigation__responsive-container-close:active{
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  border: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* 4) iOS / mobile highlight killer (γενικό) */
*{
  -webkit-tap-highlight-color: transparent;
}
/* === MOBILE ARROWS: show + place on image edges (override) === */
:root{
  /* fallback values αν δεν τρέξει το JS align */
  --art-arrow-top: 50%;
  --art-arrow-left: 12px;
  --art-arrow-right: 12px;
}

@media (max-width: 900px){

  /* μην αφήνεις τις arrow columns να "τρώνε" χώρο στο layout */
  body.single-artwork .art-nav-col{
    width: 0 !important;
    flex: 0 0 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* ΕΜΦΑΝΙΣΕ τα βελάκια (εσύ τώρα τα μηδενίζεις) */
  body.single-artwork .art-nav-col a{
    opacity: .85 !important;
    pointer-events: auto !important;
    z-index: 100002 !important;

    /* καλύτερο tap target */
    width: 48px !important;
    height: 48px !important;
  }

  /* Τοποθέτηση: στα άκρα της εικόνας (ή fallback στο viewport) */
  body.single-artwork .art-nav-col--prev a{
    left: max(env(safe-area-inset-left, 0px), var(--art-arrow-left)) !important;
    top: var(--art-arrow-top) !important;
    transform: translateY(-50%) !important;
  }

  body.single-artwork .art-nav-col--next a{
    right: max(env(safe-area-inset-right, 0px), var(--art-arrow-right)) !important;
    top: var(--art-arrow-top) !important;
    transform: translateY(-50%) !important;
  }

  /* λίγο πιο "βολικό" μέγεθος συμβόλων στο mobile */
  body.single-artwork .art-nav-col--prev a::before,
  body.single-artwork .art-nav-col--next a::before{
    font-size: 44px !important;
  }
}
/* =========================
   MOBILE SINGLE ARTWORK UI
   - hide fullscreen button
   - white arrows with shadow
========================= */
@media (max-width: 900px) {

  /* κρύψε μόνο στο mobile το fullscreen button */
  body.single-artwork .art-viewer-btn--fs {
    display: none !important;
  }

  /* βελάκια πιο μπροστά */
  body.single-artwork .art-nav-col a {
    opacity: 1 !important;
  }

  /* λευκά βελάκια με shadow */
  body.single-artwork .art-nav-col--prev a::before,
  body.single-artwork .art-nav-col--next a::before {
    color: #fff !important;
    font-size: 42px !important;
    font-weight: 100 !important;
    text-shadow:
      0 2px 8px rgba(0, 0, 0, 0.65),
      0 0 14px rgba(0, 0, 0, 0.35) !important;
  }
}
/* =========================
   MOBILE SINGLE ARTWORK TEXT
========================= */
@media (max-width: 900px) {
body.single-artwork .wp-block-post-title {
    font-size: 1.7rem !important;
    line-height: 1.15 !important;
    margin-bottom: 0.6rem !important;

    padding-left: 16px !important;
    padding-right: 16px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em;
  }
/* meta text λίγο πιο κοντά */
  body.single-artwork .artwork-meta {
    font-size: 0.95rem !important;
    line-height: 1.25 !important;

    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* tighten spacing μεταξύ των γραμμών */
  body.single-artwork .artwork-meta p {
    margin: 0 0 0.6rem 0 !important;
  }

  body.single-artwork .artwork-meta p:last-child {
    margin-bottom: 0 !important;
  }

}
@media (max-width: 900px){

  body.single-artwork .art-nav-col--prev a,
  body.single-artwork .art-nav-col--next a{
    top: 40% !important;
    transform: translateY(-40%) !important;
  }

}
/* =========================
   MOBILE – constrain tall artworks
========================= */
@media (max-width: 900px){
  body.single-artwork:not(.art-is-fs) .wp-block-post-featured-image,
  body.single-artwork:not(.art-is-fs) figure.wp-block-post-featured-image{
    height: auto !important;
    max-height: 70vh !important;
  }

  body.single-artwork:not(.art-is-fs) .wp-block-post-featured-image img,
  body.single-artwork:not(.art-is-fs) .wp-post-image{
    width: 100% !important;
    height: auto !important;
    max-height: 70vh !important;
    object-fit: contain !important;
  }

}
/* =========================
   DESKTOP SINGLE ARTWORK – TEXT TWEAK
========================= */

@media (min-width: 901px){
  body.single-artwork .right-column-text > *{
    position: relative;
    top: 160px;
  }
}
/* =========================
   HEADER – cleaner spacing
========================= */

/* web: λίγο πιο κεντρικά / μαζεμένο */
@media (min-width: 901px) {
  header.wp-block-template-part,
  .wp-site-blocks > header {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  header.wp-block-template-part .wp-block-group,
  .wp-site-blocks > header .wp-block-group,
  header.wp-block-template-part .wp-block-columns,
  .wp-site-blocks > header .wp-block-columns {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 768px) {
  body.home .wp-site-blocks > main {
    padding-top: 1.6rem !important;
  }
}
footer.wp-block-template-part svg {
  width: 28px !important;
  height: 28px !important;
}

/* =========================================
   MOBILE ARTWORK VIEW – ONLY normal (no fullscreen)
========================================= */
@media (max-width: 900px){

  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) .art-viewer-btn--close{
    top: calc(env(safe-area-inset-top, 0px) + 2px) !important;
    right: calc(env(safe-area-inset-right, 0px) + 8px) !important;
    font-size: 46px !important;
    width: 48px !important;
    height: 48px !important;
    z-index: 100005 !important;
  }

  body.single-artwork:not(.art-is-fs):not(.art-fake-fs)
  main#wp--skip-link--target > .wp-block-columns > .wp-block-column:first-child{
    padding-top: 28px !important;
  }

  body.single-artwork:not(.art-is-fs):not(.art-fake-fs)
  figure.wp-block-post-featured-image,
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs)
  .wp-block-post-featured-image{
    margin-top: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  body.single-artwork:not(.art-is-fs):not(.art-fake-fs)
  .wp-block-post-featured-image img,
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs)
  img.wp-post-image{
    margin: 0 auto !important;
    display: block !important;
    object-position: center center !important;
  }
}

/* =========================================
   FULLSCREEN WRAPPER – remove fake right gap
========================================= */

/* αρχική κατάσταση (placeholder) */
.wp-block-post-featured-image img,
.wp-block-image img {
  filter: blur(8px);
  transform: scale(1.015);
  opacity: 0.8;

  transition:
    filter 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.6s ease-out;
}

.wp-block-post-featured-image img.is-loaded,
.wp-block-image img.is-loaded {
  filter: blur(0);
  transform: scale(1);
  opacity: 1;
}

/* =========================================
   MOBILE SINGLE ARTWORK – CHROME FIX
   normal view only (not fullscreen)
========================================= */
@media (max-width: 900px){

  /* στο normal mobile view άφησε τη σελίδα να σκρολάρει */
  html:has(body.single-artwork:not(.art-is-fs):not(.art-fake-fs)),
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs){
    height: auto !important;
    min-height: 100svh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  /* ο κύριος χώρος να μη “κλειδώνει” σε viewport */
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) .wp-site-blocks,
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) .wp-site-blocks > main{
    min-height: auto !important;
    height: auto !important;
  }

  /* wrapper εικόνας: όχι 100%, όχι fixed vh-height */
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) .wp-block-post-featured-image,
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) figure.wp-block-post-featured-image{
    width: min(100%, calc(100vw - 24px)) !important;
    height: auto !important;
    max-height: none !important;
    margin: 10px auto 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: visible !important;
  }

  /* η εικόνα να μικραίνει με βάση το πραγματικό viewport */
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) .wp-block-post-featured-image img,
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) img.wp-post-image{
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 68svh !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* λίγο πιο σφιχτό spacing κάτω από την εικόνα */
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) .wp-block-post-title{
    margin-top: 14px !important;
  }
}
/* =========================================
   MOBILE SINGLE ARTWORK – NORMAL VIEW ONLY
   fixes Google/Chrome text cut
========================================= */
@media (max-width: 900px){

  html:has(body.single-artwork:not(.art-is-fs):not(.art-fake-fs)),
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs){
    height: auto !important;
    min-height: 100svh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) .wp-site-blocks,
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs) .wp-site-blocks > main{
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  body.single-artwork:not(.art-is-fs):not(.art-fake-fs)
  .wp-block-post-featured-image,
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs)
  figure.wp-block-post-featured-image{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.single-artwork:not(.art-is-fs):not(.art-fake-fs)
  .wp-block-post-featured-image img,
  body.single-artwork:not(.art-is-fs):not(.art-fake-fs)
  img.wp-post-image{
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 72vh !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 auto !important;
  }
}
@media (max-width: 900px){
  body.single-artwork.art-is-fs .art-fs-close,
  body.single-artwork.art-fake-fs .art-fs-close{
    width: 48px !important;
    height: 48px !important;
    font-size: 46px !important;

    top: calc(env(safe-area-inset-top, 0px) + 2px) !important;
    right: calc(env(safe-area-inset-right, 0px) + 8px) !important;
  }
}

/* =========================================
   FULLSCREEN – CLEAN ROOT FIX
========================================= */
body.single-artwork.art-is-fs .wp-block-post-featured-image,
body.single-artwork.art-is-fs figure.wp-block-post-featured-image,
body.single-artwork.art-fake-fs .wp-block-post-featured-image,
body.single-artwork.art-fake-fs figure.wp-block-post-featured-image{
  position: fixed !important;
  inset: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: #fff !important;
}

body.single-artwork.art-is-fs .wp-block-post-featured-image img,
body.single-artwork.art-is-fs img.wp-post-image,
body.single-artwork.art-fake-fs .wp-block-post-featured-image img,
body.single-artwork.art-fake-fs img.wp-post-image{
  width: auto !important;
  height: auto !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100svh - 32px) !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 !important;
  display: block !important;
  border-radius: 0 !important;
}
/* =========================================
   HOME FULLSCREEN BACKGROUND VIDEO
========================================= */

html:has(body.home) {
  overflow: hidden !important;
}

body.home {
  width: 100% !important;
  height: 100svh !important;
  min-height: 100svh !important;
  overflow: hidden !important;
  background: #fff !important;
}

body.home .wp-site-blocks,
body.home .wp-site-blocks > main {
  width: 100% !important;
  height: 100svh !important;
  min-height: 100svh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* Video wrapper + poster */
body.home .home-bg-video,
body.home figure.home-bg-video,
body.home .wp-block-video.home-bg-video {
  position: fixed !important;
  inset: 0 !important;

  width: 100vw !important;
  max-width: none !important;

  height: 100svh !important;
  min-height: 100svh !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
  background-color: #fff !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;

  z-index: 10 !important;
  pointer-events: none !important;
}

/* Video loading state */
body.home .home-bg-video video {
  position: absolute !important;
  inset: 0 !important;

  width: 100vw !important;
  max-width: none !important;

  height: 100svh !important;
  min-height: 100svh !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  display: block !important;

  object-fit: cover !important;
  object-position: center center !important;

  opacity: 0 !important;
  filter: blur(14px) !important;
  transform: scale(1.035) !important;

  transition:
    opacity 0.45s ease,
    filter 0.9s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important;

  visibility: visible !important;
  pointer-events: none !important;
}

/* Video ready */
body.home .home-bg-video video.is-ready {
  opacity: 1 !important;
  filter: blur(0) !important;
  transform: scale(1) !important;
}

/* Logo και navigation πάνω από το video */
body.home header.wp-block-template-part,
body.home .wp-site-blocks > header {
  position: relative !important;
  z-index: 30 !important;
  background: transparent !important;
}

body.home header.wp-block-template-part .wp-block-group,
body.home header.wp-block-template-part .wp-block-columns,
body.home .wp-site-blocks > header .wp-block-group,
body.home .wp-site-blocks > header .wp-block-columns {
  background: transparent !important;
}

/* Footer / social icons πάνω από το video */
body.home footer.wp-block-template-part {
  position: fixed !important;
  z-index: 30 !important;
}

body.home footer.wp-block-template-part svg,
body.home footer.wp-block-template-part path {
  fill: #fff !important;
  color: #fff !important;
}

/* Hide Home page title */
body.home .wp-block-post-title {
  display: none !important;
}

body.home h1,
body.home h2,
body.home h3,
body.home .wp-block-navigation a {
  font-weight: 600 !important;
  letter-spacing: 0.12em;
}

/* WordPress admin bar */
body.admin-bar.home,
body.admin-bar.home .wp-site-blocks,
body.admin-bar.home .wp-site-blocks > main {
  height: calc(100svh - 32px) !important;
  min-height: calc(100svh - 32px) !important;
}

@media (max-width: 782px) {
  body.admin-bar.home,
  body.admin-bar.home .wp-site-blocks,
  body.admin-bar.home .wp-site-blocks > main {
    height: calc(100svh - 46px) !important;
    min-height: calc(100svh - 46px) !important;
  }
}

/* Mobile navigation */
@media (max-width: 900px) {
  .wp-block-navigation__responsive-container-open {
    display: flex !important;
  }

  .wp-block-navigation__container {
    display: none !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__container {
    display: block !important;
  }
}

/* Images στις υπόλοιπες pages χωρίς blur */
body.page .wp-block-image img {
  filter: none !important;
  transform: none !important;
  opacity: 1 !important;
}
/* =========================================
   HOME VIDEO – WHITE LOADING + BLUR
========================================= */

body.home,
body.home .home-bg-video {
  background-color: #fff !important;
}


body.home .home-bg-video video {
  opacity: 0 !important;
  filter: blur(14px) !important;
  transform: scale(1.035) !important;

  transition:
    opacity 0.45s ease,
    filter 0.9s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body.home .home-bg-video video.is-ready {
  opacity: 1 !important;
  filter: blur(0) !important;
  transform: scale(1) !important;
}
/* =========================================
   HOME VIDEO – AUTOPLAY FALLBACK
========================================= */

body.home .home-video-play {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

  width: 76px !important;
  height: 76px !important;
  padding: 0 !important;

  display: grid !important;
  place-items: center !important;

  border: 0 !important;
  border-radius: 50% !important;

  background: rgba(30, 30, 30, 0.62) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  cursor: pointer !important;
  z-index: 25 !important;
  pointer-events: auto !important;

  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.home .home-video-play[hidden] {
  display: none !important;
}

/* Τριγωνάκι play */
body.home .home-video-play span {
  display: block;
  width: 0;
  height: 0;

  margin-left: 6px;

  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 23px solid #fff;
}

/* Σταθερή εμφάνιση logo */
body.home .wp-block-site-logo img {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  mix-blend-mode: normal !important;
  transition: none !important;
}
@media (max-width: 768px) {
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-close {
    top: 8px !important;
    right: 8px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open {
    padding-top: 20px !important;
  }
}

/* =========================
   FIXED HEADER – content scrolls behind
========================= */

header.wp-block-template-part,
.wp-site-blocks > header {
  position: fixed !important;
  top: 24px !important;
  left: 0 !important;
  right: 0 !important;

  width: 100% !important;
  z-index: 1000 !important;

  background: transparent !important;
}

/* κρατάει το grid στην αρχική του θέση,
   ώστε να μην ξεκινάει κάτω από το header */
body:not(.home):not(.single-artwork) .wp-site-blocks > main {
  padding-top: 110px !important;
}
/* =========================
   LOGO – FULL TRANSPARENT WRAPPER
========================= */

header.wp-block-template-part .wp-block-site-logo,
header.wp-block-template-part .wp-block-site-logo a,
header.wp-block-template-part .wp-block-site-logo img,
.wp-site-blocks > header .wp-block-site-logo,
.wp-site-blocks > header .wp-block-site-logo a,
.wp-site-blocks > header .wp-block-site-logo img {
  background: transparent !important;
  background-color: transparent !important;
}
header.wp-block-template-part .wp-block-group:has(.wp-block-site-logo),
.wp-site-blocks > header .wp-block-group:has(.wp-block-site-logo) {
  background: transparent !important;
  background-color: transparent !important;
}
/* =========================
   HEADER – SAME POSITION EVERYWHERE
========================= */

header.wp-block-template-part,
.wp-site-blocks > header,
body.home header.wp-block-template-part,
body.home .wp-site-blocks > header {
  position: fixed !important;
  top: 24px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  background: transparent !important;
}
@media (max-width: 768px) {
  .wp-block-navigation {
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  .wp-block-navigation__responsive-container-open {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}
/* =========================================
   EXHIBITIONS PAGE
========================================= */

body.page .exhibitions-list {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: min(1400px, calc(100% - 48px)) !important;
  max-width: none !important;

  margin: 0 auto !important;
  padding: 40px 0 120px !important;
}

body.page .exhibitions-list .wp-block-post-template {
  display: block !important;
  width: 100% !important;
}

body.page .exhibitions-list .wp-block-post {
  display: block !important;
  width: 100% !important;

  margin: 0 0 100px !important;
  padding: 0 !important;
}

body.page .exhibitions-list .wp-block-post-title,
body.page .exhibitions-list .wp-block-post-excerpt,
body.page .exhibitions-list .wp-block-post-featured-image {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: 100% !important;
  max-width: none !important;

  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.page .exhibitions-list .wp-block-post-title {
  font-size: 32px !important;
  margin-bottom: 8px !important;
}

body.page .exhibitions-list .wp-block-post-excerpt {
  margin-bottom: 24px !important;
}

body.page .exhibitions-list .wp-block-post-featured-image img {
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  display: block !important;
  border-radius: 0 !important;
}
/* =========================================
   SINGLE EXHIBITION – TOP SPACING
========================================= */

body.single-exhibition .wp-site-blocks > main {
  padding-top: 30px !important;
}
/* =========================================
   SINGLE EXHIBITION – PHOTO GRID
========================================= */

body.single-exhibition .wp-block-gallery {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
}

body.single-exhibition .wp-block-gallery figure {
  width: 100% !important;
  margin: 0 !important;
}

body.single-exhibition .wp-block-gallery img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 0 !important;
}

/* Mobile: 1 photo per row */
@media (max-width: 768px) {
  body.single-exhibition .wp-block-gallery {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}
/* =========================================
   SINGLE EXHIBITION – MATCH PAINTINGS GRID
========================================= */

body.single-exhibition .wp-block-post-content {
  width: min(1400px, calc(100% - 64px)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.single-exhibition .wp-block-gallery {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  gap: 24px !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
}

body.single-exhibition .wp-block-gallery figure {
  width: 100% !important;
  margin: 0 !important;
}

body.single-exhibition .wp-block-gallery img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 0 !important;
}

@media (max-width: 768px) {
  body.single-exhibition .wp-block-post-content {
    width: calc(100% - 24px) !important;
  }

  body.single-exhibition .wp-block-gallery {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}
/* =========================================
   SINGLE EXHIBITION – FINAL ALIGNMENT
========================================= */

/* Ίδιο πλάτος για title, subtitle και gallery */
body.single-exhibition .wp-block-post-title,
body.single-exhibition .wp-block-post-excerpt,
body.single-exhibition .wp-block-post-content {
  width: min(1540px, calc(100% - 96px)) !important;
  max-width: none !important;

  margin-left: auto !important;
  margin-right: auto !important;
}

/* Title πιο κοντά στο grid */
body.single-exhibition .wp-block-post-title {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}

/* Subtitle */
body.single-exhibition .wp-block-post-excerpt {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

/* Gallery */
body.single-exhibition .wp-block-gallery {
  width: 100% !important;
  max-width: none !important;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;

  margin: 0 !important;
}

body.single-exhibition .wp-block-gallery figure {
  width: 100% !important;
  margin: 0 !important;
}

body.single-exhibition .wp-block-gallery img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 0 !important;
}

/* MOBILE */
@media (max-width: 768px) {

  body.single-exhibition .wp-block-post-title,
  body.single-exhibition .wp-block-post-excerpt,
  body.single-exhibition .wp-block-post-content {
    width: calc(100% - 24px) !important;
  }

  body.single-exhibition .wp-block-gallery {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}
/* SINGLE EXHIBITION – bottom space */
body.single-exhibition .wp-block-post-content {
  padding-bottom: 100px !important;
}
/* =========================================
   EXHIBITIONS LIST – FINAL
========================================= */

/* Τίτλος + subtitle ίδια αισθητική με το υπόλοιπο site */
body.page .exhibitions-list .wp-block-post-title,
body.page .exhibitions-list .wp-block-post-title a {
  font-family: "Inter", sans-serif !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  color: rgba(0, 0, 0, 0.7) !important;
  text-decoration: none !important;
}

body.page .exhibitions-list .wp-block-post-title {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

body.page .exhibitions-list .wp-block-post-excerpt,
body.page .exhibitions-list .wp-block-post-excerpt p {
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  color: rgba(0, 0, 0, 0.7) !important;

  margin-top: 0 !important;
  margin-bottom: 18px !important;
}


/* Κάθε exhibition να ξεκινά λίγο πιο ψηλά */
body.page .exhibitions-list {
  padding-top: 8px !important;
}


/* Featured image: να χωράει ΟΛΗ στο διαθέσιμο viewport */
body.page .exhibitions-list .wp-block-post-featured-image {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;

  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;

  overflow: visible !important;
}

body.page .exhibitions-list .wp-block-post-featured-image a {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;

  outline: none !important;
  box-shadow: none !important;
}

body.page .exhibitions-list .wp-block-post-featured-image img {
  width: auto !important;
  height: auto !important;

  max-width: 100% !important;
  max-height: calc(100svh - 280px) !important;

  object-fit: contain !important;
  object-position: left top !important;

  display: block !important;

  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
}


/* remove highlight όταν πατάς title / image */
body.page .exhibitions-list a,
body.page .exhibitions-list a:focus,
body.page .exhibitions-list a:focus-visible,
body.page .exhibitions-list a:active {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  -webkit-tap-highlight-color: transparent !important;
}
/* =========================================
   EXHIBITIONS LIST – WIDER + CENTERED
========================================= */

body.page .exhibitions-list {
  width: min(1540px, calc(100% - 64px)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Featured image wrapper */
body.page .exhibitions-list .wp-block-post-featured-image {
  width: 100% !important;
  max-width: none !important;

  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  overflow: visible !important;
}

/* Το link να παίρνει όλο το διαθέσιμο πλάτος */
body.page .exhibitions-list .wp-block-post-featured-image a {
  width: 100% !important;
  max-width: none !important;

  display: flex !important;
  justify-content: center !important;

  margin: 0 auto !important;
}

/* Η εικόνα μεγαλύτερη + centered + χωρίς crop */
body.page .exhibitions-list .wp-block-post-featured-image img {
  width: 100% !important;
  height: auto !important;

  max-width: 100% !important;
  max-height: calc(100svh - 190px) !important;

  object-fit: contain !important;
  object-position: center center !important;

  display: block !important;
  margin: 0 auto !important;
}
/* =========================================
   EXHIBITIONS – REMOVE MOBILE RADIUS / BORDER
========================================= */

@media (max-width: 768px) {

  /* Exhibition list featured images */
  body.page .exhibitions-list .wp-block-post-featured-image,
  body.page .exhibitions-list .wp-block-post-featured-image a,
  body.page .exhibitions-list .wp-block-post-featured-image img,

  /* Single exhibition gallery */
  body.single-exhibition .wp-block-gallery,
  body.single-exhibition .wp-block-gallery figure,
  body.single-exhibition .wp-block-gallery a,
  body.single-exhibition .wp-block-gallery img {

    border-radius: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}
@media (max-width: 768px) {

  /* OUTER EXHIBITIONS */
  body.page .exhibitions-list,
  body.page .exhibitions-list *,
  
  /* SINGLE EXHIBITION */
  body.single-exhibition .wp-block-post-content,
  body.single-exhibition .wp-block-post-content * {
    border-radius: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  body.page .exhibitions-list .wp-block-post-featured-image,
  body.page .exhibitions-list .wp-block-post-featured-image a,
  body.page .exhibitions-list .wp-block-post-featured-image img,
  body.single-exhibition .wp-block-gallery,
  body.single-exhibition .wp-block-gallery figure,
  body.single-exhibition .wp-block-gallery a,
  body.single-exhibition .wp-block-gallery img {
    padding: 0 !important;
    background: transparent !important;
  }
}
/* =========================================
   EXHIBITIONS – KILL INITIAL FOCUS/HIGHLIGHT
========================================= */

body.page .exhibitions-list a,
body.page .exhibitions-list a:focus,
body.page .exhibitions-list a:focus-visible,
body.page .exhibitions-list a:active,
body.single-exhibition .wp-block-gallery a,
body.single-exhibition .wp-block-gallery a:focus,
body.single-exhibition .wp-block-gallery a:focus-visible,
body.single-exhibition .wp-block-gallery a:active {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.page .exhibitions-list img,
body.single-exhibition .wp-block-gallery img {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}
/* =========================================
   EXHIBITIONS MOBILE – NO IMAGE LOAD EFFECT
========================================= */

@media (max-width: 768px) {

  /* Exhibition cover / featured image */
  body.page .exhibitions-list .wp-block-post-featured-image img,

  /* Images μέσα σε single exhibition */
  body.single-exhibition .wp-block-gallery img,
  body.single-exhibition .wp-block-image img {

    filter: none !important;
    transform: none !important;
    opacity: 1 !important;

    transition: none !important;

    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  body.page .exhibitions-list .wp-block-post-featured-image,
  body.page .exhibitions-list .wp-block-post-featured-image a,
  body.single-exhibition .wp-block-gallery figure,
  body.single-exhibition .wp-block-gallery a,
  body.single-exhibition .wp-block-image {
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: visible !important;
  }
}

/* HEADER – WIDER ON DESKTOP ONLY */
@media (min-width: 901px) {
  header.wp-block-template-part .wp-block-group,
  .wp-site-blocks > header .wp-block-group,
  header.wp-block-template-part .wp-block-columns,
  .wp-site-blocks > header .wp-block-columns {
	max-width: 1600px !important;
	width: calc(100% - 48px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}