:root {
  --gradient-aegean: linear-gradient(
    135deg,
    hsl(210 70% 35%),
    hsl(205 85% 50%)
  );
  --titles-font: Literata, Sans-Serif;
  --primary: 174 60% 50%;
  --primary-blue: 207 100% 29%;
  --radius: .75rem;
  --primary-foreground: 0 0% 100%;
  --primary-color: #1F6F80;
  --gold: 45 100% 51%;
  --navy: 215 55% 20%;
  --aegean: 189 52% 48%;
  --aegean-light: 189 45% 92%;
  --section-alt: 210 40% 98%;
  --background: 0 0% 100%;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --foreground: 215 28% 17%;
  --accent: 38 92% 50%;
  --trust-bg: 207 100% 96%;
  --spacing: 0.25rem;
  --background-button: oklch(0.985 0.005 85);
  --foreground-text: oklch(0.18 0.025 250);
  --sand: oklch(0.92 0.025 80);
   --admin-bar-height: 0px;
}

body.admin-bar { --admin-bar-height: 32px;}


.overlay, [data-prefix="single_page"] .entry-header .page-title, .single-post .hero-section .page-title, .single-post .hero-section .entry-meta{
    background-color: rgba(0,0,0,0.01);
    text-shadow: 0 2px 6px rgba(0, 0, 0, .55), 0 10px 30px rgba(0, 0, 0, .40);
}

.wpforms-required-label { color: #A3001E !important; /* WCAG safe red */}

.aegeanCuisineBadge h5{margin: 0;}

.hide{display: none;}
.page-id-2937 .hero-section, .page-id-2945 .hero-section{ display: none;}

.m-0 h3{
    margin: 0;
    margin-block-end: 0 !important;
}

.aegeanCuisineVideoSection {
    position: relative;
    z-index: 1;
}

.aegeanCuisineVideoSection::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 160px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999;
    pointer-events: none;
}


.hoverUnderline a {
    position: relative;
    display: inline-block;
    text-decoration: none;
}

.hoverUnderline a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px; /* παίξε εδώ αν θες απόσταση */
    width: 100%;
    height: 2px;
    background-color: #123a6b;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s cubic-bezier(.4,0,.2,1);
}

.hoverUnderline a:hover::after { transform: scaleX(1);}

.grid-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 ίσες στήλες */
    gap: 20px;
}

.footer--top .links-with-icons {
    padding: 0 80px 0 0;
    margin: 20px 0 0 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer--top {
    width: 100vw;
    padding: 2px 30px;
    position: relative;
    /* Αλλαγή σε Grid */
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 3 ίσες στήλες */
    gap: 20px; /* απόσταση μεταξύ στηλών */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer--top .links-with-icons img,
footer .footer--top .links-with-icons svg {
    vertical-align: middle;
    height: 48px;
    width: 48px;
    margin: 0 16px 0 0;
}

.footer--top .links-with-icons a {
    font-family: var(--titles-font);
    font-weight: 500;
    color: #fff;
    font-style: normal;
    font-size: 24px;
    letter-spacing: 0.03em;
    line-height: 32px;
    text-decoration: none;
}

/* Row 1 */
.footer-bottom-grid .main-menu { align-items: center;}

.footer-bottom-grid .main-menu .menu a {
    margin-right: 20px;
    color: #000;
    font-family: var(--titles-font);
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.03em;
    text-decoration: none;
}

/* Row 2 */
.footer-bottom-grid .secondary-menu {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 25px;
}

.footer-bottom-grid .secondary-menu a {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0.03em;
    color: #585858;
    text-decoration: none;
    position: relative;
    margin: 0;
}

.footer-bottom-grid .secondary-menu a:not(:last-child)::after {
    content: "|";
    color: #585858;
    right: -10px;
    position: absolute;
}

/* Row 3 */
.footer-bottom-grid .social-copyright {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.footer-bottom-grid .copyright {
    font-family: var(--theme-font-family);
    font-weight: 400;
    color: #585858;
    font-style: normal;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: 0.03em;
}

.footer-bottom-grid .logo {
    width: 22%;
    margin-bottom: 21px;
}

.footer-row.third-menu { margin: 24px 0 0;}

.footer-row.third-menu a {
    font-weight: 400;
    color: #585858;
    font-style: normal;
    font-size: 13px;
    line-height: 32px;
    letter-spacing: 0.03em;
    text-decoration: none;
    position: relative;
    margin: 0px 13px 0 0;
}

.footer-bottom-grid .third-menu a:not(:last-child)::after {
    content: "|";
    color: #585858;
    right: -11px;
    position: absolute;
}

.ct-footer-socials .ct-social-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 47px 81px; /* row-gap, column-gap */
    margin: 60px 0 0 0;
    width: 100%;
    justify-items: center;
    align-items: start;
}

.text-center { text-align: center;}

.white { color: #fff;}

.wpforms-field-label,
label.wpforms-field-sublabel.after,
.mauticform-label {
    color: #232323;
    font-family: "Commissioner", sans-serif;
}

button#wpforms-submit-2571,
.mauticform-button-wrapper .mauticform-button.btn-ghost,
.mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-ghost {
    font-family: "Commissioner", sans-serif;
    background: var(--theme-link-initial-color);
    background-color: var(--theme-link-initial-color) !important;
    color: #fff !important;
    border-radius: 19px;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid var(--theme-link-initial-color) !important;
}

.keimenoFooter {
    font-size: 26px;
    font-weight: 500 !important;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 40px;
}

#block-17 { margin-top: 14px;}
form#wpforms-form-495 { padding-left: 27%;}

button#wpforms-submit-495 {
    position: relative;
    left: 22%;
}

.customButtonTouristiko2 a,
.customButtonTouristiko2 a:hover {
    background: transparent;
    background-position-x: 94%;
    color: var(--theme-link-initial-color) !important;
    font-size: 1.1rem;
    font-style: normal;
    letter-spacing: 0.1em;
    line-height: 26px;
    padding: 14px 0;
    position: relative;
    text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.customButtonTouristiko2 a:hover::before {
    top: 0;
    background-color: var(--theme-link-initial-color);
}

.customButtonTouristiko2 a:hover::after {
    bottom: 0;
    background-color: var(--theme-link-initial-color);
}

.customButtonTouristiko a,
.customButtonTouristiko a:hover {
    background-position-x: 90%;
    color: #b64b4d !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 26px;
    padding: 14px 48px 14px 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.customButtonTouristiko a::before,
.customButtonTouristikoYellow a::before,
.customButtonTouristiko2 a::before,
.customButtonTouristikoWhite a::before {
    background: rgba(0, 0, 0, 0);
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 12px;
    -webkit-transition: top 0.5s ease, background-color 0.5s ease;
    transition: top 0.5s ease, background-color 0.5s ease;
    width: 100%;
}

.customButtonTouristiko a:hover::before {
    top: 0;
    background-color: #b64b4d;
}

.customButtonTouristikoYellow a:hover::before {
    top: 0;
    background-color: #ffe794;
}

.customButtonTouristikoYellow a:hover::after {
    bottom: 0;
    background-color: #ffe794;
}

.customButtonTouristikoWhite a:hover::before {
    top: 0;
    background-color: #fff;
}

.customButtonTouristikoWhite a:hover::after {
    bottom: 0;
    background-color: #fff;
}

.customButtonTouristikoYellow a,
.customButtonTouristikoYellow a:hover {
    background-position-x: 95%;
    color: #ffe794;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 26px;
    padding: 14px 48px 14px 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.customButtonTouristikoWhite a,
.customButtonTouristikoWhite a:hover {
    background-position-x: 95%;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 26px;
    padding: 14px 48px 14px 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.customButtonTouristiko a::after,
.customButtonTouristikoYellow a::after,
.customButtonTouristiko2 a::after,
.customButtonTouristikoWhite a::after {
    background: rgba(0, 0, 0, 0);
    bottom: 12px;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    -webkit-transition: bottom 0.5s ease, background-color 0.5s ease;
    transition: bottom 0.5s ease, background-color 0.5s ease;
    width: 100%;
}

.customButtonTouristiko a:hover::after {
    bottom: 0;
    background-color: #b64b4d;
}

.kykladesSliderCustom .elementor-swiper-button.elementor-swiper-button-next,
.kykladesSliderCustom .elementor-swiper-button.elementor-swiper-button-prev {
    background-color: #ffe794;
    padding: 19px;
    border-radius: 50% !important;
}

.kykladesSliderCustom
  .elementor-swiper-button.elementor-swiper-button-prev
  svg { transform: rotate(179deg);}

.kykladesSliderCustom .swiper-slide {
    width: calc(100% - 100px) !important; /* κρατάμε 100px για peek */
    margin-right: 10px;
}

.kykladesSliderCustom .swiper-slide-next,
.kykladesSliderCustom .swiper-slide-prev {
    transition: transform 0.5s ease, opacity 0.5s ease;
    transform: scale(0.9) !important; /* τα υπόλοιπα slides μικρότερα */
    opacity: 0.7;
}

.kykladesSliderCustom .swiper-slide.swiper-slide-active {
    transform: scale(1);
    opacity: 1;
}

img { border-radius: 8px;}
.kykladesSliderCustom .elementor-swiper-button-next { right: 52px !important;}
.kykladesSliderCustom .elementor-swiper-button-prev { left: -32px !important;}

.menuArxikiVideo .menu-item a {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 27px;
    color: #fff;
}

.menuArxikiVideo .menu-item a:hover {
    color: #ffe794;
    text-decoration: underline;
}

.menuArxikiVideo .widget-menu {
    list-style-type: none;
    padding: 0;
}

.customGradient {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(70.29%, #002e57),
    to(rgba(0, 46, 87, 0.8))
  );
  background: linear-gradient(
    270deg,
    #002e57 70.29%,
    rgba(0, 46, 87, 0.8) 100%
  );
}

#header .ct-sticky-container [data-row="bottom"],
.islands .hero-section.is-width-constrained,
.single-island .hero-section.is-width-constrained { display: none;}

:is(.island-category-restaurants,
    .island-category-intro,
    .island-category-accommodation,
    .island-category-entertainment,
    .island-category-travelagencies,
    .island-category-sportsactivities,
    .island-category-localproducts) .ct-container-full {
    padding: 0;
}

.single-island #header .ct-sticky-container [data-row="bottom"] {
    display: block;
    border-top: 1px solid #232323;
}

/* Subtle top scrim behind the transparent header so white nav/logo stay legible
   over pale images (e.g. the bright hero sky). Only on the transparent state —
   the sticky/solid header keeps its own background. */
div[data-transparent-row="yes"] { background: linear-gradient(to bottom, rgba(6, 22, 36, .45), rgba(6, 22, 36, 0)) !important;}
div[data-transparent-row="yes"] .header-menu-2 li a {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .55), 0 2px 16px rgba(0, 0, 0, .4);
}

#wpforms-form-429 .wpforms-field-label {
    color: #000000b8;
    font-size: 14px;
    font-weight: 400;
}

#wpforms-form-429 span.wpforms-required-label { color: red;}
.cardParalies .elementor-icon-box-icon { padding-top: 8px;}
.rounded-2xl { border-radius: 1rem;}
.bg-background { background-color: #fff;}
.md\:p-12 { padding: 3rem;}
.text-2xl {
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 600;
}

.gap-3 { gap: 0.75rem;}
.items-center { align-items: center;}
.flex { display: flex;}
.text-muted-foreground { color: hsl(215.4 16.3% 46.9%);}
.text-lg {
    font-size: 1.085rem;
    line-height: 1.75rem;
}

.flex-shrink-0,
.shrink-0 { flex-shrink: 0;}
.currentColor { color: #1b5998;}
.p-8 { padding: 2rem;}
.items-start { align-items: flex-start;}
.mb-6 { margin-bottom: 1.5rem;}
.p-0 { padding: 0;}
.m-0 { margin: 0;}
.text-primary { color: #1b5998;}
.text-xl {
    font-size: 3.25rem;
    line-height: 0.75rem;
}

.p-4 { padding: 1rem;}
.bg-primary\/10 { background-color: #1b59981a;}
.rounded-xl { border-radius: 0.75rem;}
.mt-4 { margin-top: 1rem;}
.font-semibold { font-weight: 600;}
.gap-2 { gap: 0.5rem;}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.epilogiIcon .elementor-icon {
    background-color: #e8eef4;
    padding: 6px;
    border-radius: 7px;
}

.md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 200;
    font-family: var(--titles-font);
}

.text-3xl { font-size: 1.475rem;}
.italic { font-style: italic;}
.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.p-12 { padding: 3rem;}
.bg-gradient-aegean { background-image: var(--gradient-aegean);}
.premium-banner-ib-desc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.2) 60%,
    transparent 100%
  );
  z-index: 0;
  border-radius: inherit;
}

.premium-banner-ib-desc p { margin: 0;}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-1xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.mb-4 { margin-bottom: 1rem;}
.leading-relaxed { line-height: 1.625;}
.border-border { border: 2px solid hsl(210 30% 92%);}
.p-6 { padding: 1.5rem;}
.bg-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  
}

/* hover effect */
.bg-card:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1); /* σκιά */
  transform: translateY(-0.25rem); /* ανεβαίνει προς τα πάνω */
}

.content-overlay {
  height: calc(100% + 1px);
  left: 0;
  background: linear-gradient(
    270deg,
    #ffffff 30.29%,
    rgb(255 255 255 / 73%) 100%
  );
  padding: 5rem;
  margin-left: 16%;
}

.amorgosBanner { background-size: 88% 245% !important;}

.animatedImages img:hover {
  transform: rotateY(12deg) rotateX(5deg) scale(1.05);
  box-shadow: 0 25px 35px rgba(0, 0, 0, 0.25);
  transform-style: preserve-3d;
  perspective: 800px;
  will-change: transform;
}


/* Οριζουμε σταθερό ύψος για κάθε slide */
.selidaNisou .swiper-slide {
  height: 50vh; /* ή όποιο ύψος θες */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Οι εικόνες να γεμίζουν το container χωρίς να παραμορφώνονται */
.selidaNisou .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover; /* κρατάει τις αναλογίες γεμίζοντας όλο το container */
}

.ccc-arrow-prev {
  background-color: #fff;
  opacity: 1;
  width: 3rem;
  height: 3rem;
  position: absolute;
  right: 92px;
  border-radius: 24px;
}

.ccc-arrow-next {
  background-color: #fff;
  opacity: 1;
  width: 3rem;
  height: 3rem;
  position: absolute;
  border-radius: 24px;
  left: -12px;
}

.footer-row.main-menu .logo img {
  max-width: 70%;
}

#wpforms-form-495 input {
  color: #fff;
}

.skipBtnDiv {
  position: absolute;
  border: none;
  background: none;
  bottom: -5rem;
  left: 50%;
  transform: translate(-50%);
  cursor: pointer;
  z-index: 7;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.skipBtnTitle {
  color: #fff;
  font-size: 13px;
}

.skipBtnSvg svg {
  stroke: #fff;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  border-radius: 14px;
  padding: 5px;
}

.proorismosMenuDiv:hover .proorismosMenuTitle {
  background-color: var(--theme-link-initial-color);
}

.proorismosMenuDiv:hover .proorismosMenuTitle h5 {
  color: #fff !important;
}

.topothesiesMenu {
  max-height: 57vh;
  overflow: auto;

  /* Προαιρετικά για πιο smooth scroll σε Firefox */
  scrollbar-width: thin; /* "auto" | "thin" | "none" */
  scrollbar-color: #888 #f1f1f1; /* thumb color | track color */
}

/* Chrome, Edge, Safari */
.topothesiesMenu::-webkit-scrollbar {
  width: 8px; /* πάχος μπάρας */
}

.topothesiesMenu::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.topothesiesMenu::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
  border: 2px solid #f1f1f1; /* δημιουργεί spacing γύρω από το thumb */
}

.topothesiesMenu::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* χρώμα όταν hover */
}

.axiotheataNisiou .elementskit-box-header.image-box-img-center img {
  height: 310px;
}

.paraliesNisiou img {
  height: 290px !important;
}

.separator-mini-img:before {
  content: "";
  height: 2px;
  width: 40%;
  background: #979797;
  position: absolute;
  left: 0;
}

.separator-mini-img:after {
  content: "";
  height: 2px;
  width: 40%;
  background: #979797;
  position: absolute;
  right: 0;
}

.separator-mini-img {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-around;
  position: relative;
}

.separator-mini-img img {
  width: 13%;
}

.strokedText h2 {
  -webkit-text-stroke-color: #ffffffd6;
  -webkit-text-fill-color: #ffffff00;
  -webkit-text-stroke-width: 0.01rem;
  font-size: 52px;
  transform: rotate(-10deg);
  position: absolute;
  right: 14px;
  top: 20rem;
  z-index: 11;
}

.businessBody .react-widget {
  min-height: fit-content !important;
  max-width: 100%;
  padding-bottom: 0.5rem;
}

.gridAxiotheata {
  height: 100%;
}

#wpforms-2571-field_2,
input#mauticform_input_touristikoportalnewsletter_onoma,
input#mauticform_input_touristikoportalnewsletter_email,
select#mauticform_input_touristikoportalnewsletter_chora {
  background: #fff;
  border-radius: 4px;
}

.mauticform-selectbox {
  padding: 5px 17px !important;
}

.mauticform_wrapper {
  max-width: 100% !important;
  margin: 0px !important;
}

ul#wpforms-2571-field_4 {
  list-style: none;
  padding: 0px;
}

.choices.wpforms-field-row.wpforms-field-large .choices__inner {
  height: var(--has-height, var(--theme-form-field-height, 40px));
  color: var(--theme-form-text-initial-color, var(--theme-text-color));
  padding: var(--has-classic-forms, var(--theme-form-field-padding, 0 15px));
  border-width: var(--theme-form-field-border-width, 1px);
  border-style: var(--theme-form-field-border-style, solid);
  border-color: var(--theme-form-field-border-initial-color);
}

.maxwith100 .react-widget {
  max-width: 100% !important;
}

/* Βασικό styling για το UL */
.megamenuRegions__list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  columns: 3; /* αριθμός στηλών */
  column-gap: 10px;
}

.search.search-no-results .megamenuRegions__list { columns: 2;}

.megamenuRegions__list li a {
  color: #161718;
  font-size: 16px;
  font-weight: 600;
  transition: color 0.3s;
  font-family: "Commissioner", sans-serif;
}

.megamenuRegions__list li {
  padding: 6px 12px;
}

/* Custom scrollbar για Chrome, Edge, Safari */
.megamenuRegions__list::-webkit-scrollbar {
  width: 8px;
}

.megamenuRegions__list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 8px;
}

.megamenuRegions__list::-webkit-scrollbar-thumb {
  background-color: #123a6b; /* Χρώμα thumb */
  border-radius: 8px;
  border: 2px solid #f1f1f1; /* Δημιουργεί padding γύρω από το thumb */
}

.megamenuRegions__list::-webkit-scrollbar-thumb:hover {
  background-color: #2d8ca3;
}

/* Custom scrollbar για Firefox */
.megamenuRegions__list {
  scrollbar-width: thin;
  scrollbar-color: #123a6b #f1f1f1;
}

/* Στυλ για hover στο SVG path */
.svgXartis polygon.hovered {
  fill: #1C4F59 !important;
  transition: fill 0.3s;
}

.megamenuRegions__list a.hovered,
.megamenuRegions__list li a:hover {
  color: #123a6b !important;
  transition: color 0.3s;
}

.svgXartis path[data-island] {
  cursor: pointer;
}

.react-widget {
  min-height: fit-content !important;
}

.page-id-3029 * {
  font-family: "Commissioner", sans-serif;
}

.xrisimesSyndeseisGrid .elementor-icon-box-icon svg{
     stroke: #2F8391;
    background-color: #123a6b2e;
    padding: 6px;
    border-radius: 9px
}

.xrisimesSyndeseisGrid .elementor-element:hover .elementor-icon-box-icon svg{
    stroke: #fff;
    background-color: #2F8391;
}

/* @media (min-width: 1025px) {
  [data-footer*="type-1"] .ct-footer [data-row*="bottom"] > div {
    grid-template-columns: 6fr 1fr;
  }
} */

/* Responsive: stack on mobile */
@media (max-width: 768px) {
  .footer-bottom-grid .main-menu,
  .footer-bottom-grid .social-copyright {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .footer-bottom-grid .main-menu .menu a,
  .footer-bottom-grid .social-icons a {
    display: block;
    margin: 5px 0;
  }
  .footer-bottom-grid .secondary-menu {
    justify-content: center;
  }

  form#wpforms-form-495 {
    padding-left: 0;
  }

  .footer--top {
    width: 100%;
    padding: 0px 0;
    position: relative;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 13px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .kykladesSliderCustom .swiper-slide {
    width: 100% !important;
    margin-right: 0;
  }

  .kykladesSliderCustom .swiper-slide-next,
  .kykladesSliderCustom .swiper-slide-prev {
    transition: transform 0.5s ease, opacity 0.5s ease;
    transform: none;
    opacity: 0.7;
  }

  .kykladesSliderCustom .swiper-slide.swiper-slide-active {
    transform: scale(1);
    opacity: 1;
  }

  .kykladesSliderCustom .elementor-swiper-button-next {
    right: 0 !important;
  }

  .kykladesSliderCustom .elementor-swiper-button-prev {
    left: 0 !important;
  }

  .ct-footer-socials .ct-social-box {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 47px 38px;
    margin: 17px 0 0 0;
  }
  .footer-bottom-grid .logo {
    width: 100%;
  }

  .footer-row.main-menu .logo img {
    max-width: 50%;
  }

  .footer-bottom-grid .secondary-menu,
  .footer-row.main-menu .menu {
    flex-direction: column; /* κάθετα ένα κάτω από το άλλο */
    align-items: center; /* κεντράρει τα links */
    gap: 10px; /* λίγο μικρότερο κενό για mobile */
  }

  .footer-bottom-grid .secondary-menu a:not(:last-child)::after {
    display: none;
  }

  .ct-footer [data-column] {
    align-items: center !important;
  }

  .strokedText h2 {
    font-size: 43px;
    right: 37px;
    top: 23rem;
  }

  .stacked-cards-wrapper {
    margin: 0rem 0rem !important;
  }
  .stacked-controls {
    bottom: -54px !important;
  }
}

@media (min-width: 600px) and (max-width: 1024px) {
  /* CSS για tablets (όλες οι κατευθύνσεις) */
  [data-footer*="type-1"] [data-column="socials"] {
    --horizontal-alignment: flex-start;
  }

  .ct-footer-socials .ct-social-box {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 45px 38px;
    margin: 30px 0 0 0;
  }

  .footer-bottom-grid .social-copyright {
    grid-template-columns: 2fr 1fr;
    display: block;
  }

  .strokedText h2 {
    display: none;
  }

  form#wpforms-form-495 {
    padding-left: 12%;
  }

  div#wpforms-495-field_2-container,
  .wpforms-field-row.wpforms-field-medium {
    width: 50vw;
  }
}

@media (min-width: 1022px) and (max-width: 1024px) {
 .videoArxiki {
    height: 74vh;
    min-height: 74vh;
    padding-top: 127px;
  }
}

/* Για οθόνες >= 2560px (2K monitors) */
@media only screen and (min-width: 2560px) {
  .amorgosBanner {
    background-size: 100% !important;
  }

  .content-overlay {
    height: 50vh;
  }

  .videoArxiki {
    height: 50vh !important;
  }

  .authentikesKykladesArxiki {
    padding-left: 5vw;
  }

  .skipBtnDiv {
    bottom: -12rem;
  }

  .stacked-cards-wrapper {
    padding: 60px 7rem 60px 47rem;
  }

  .stacked-cards-container {
    max-width: 140rem;
    margin: 0 auto;
  }
  .stacked-preview-column {
    margin-left: auto;
  }

  .ct-container-fluid {
    --theme-container-edge-spacing: calc(90vw - 60px) !important;
  }

  .elementorSplideTemplates .splide__track,
  .elementorSplideTemplates .splide__track .splide__slide,
  .elementorSplideTemplates .splide__track .elementor {
    height: 70vh;
  }

  .buttonMegaMenu {
    height: 23vh;
  }

  .footerNewTop {
    background-position: center center !important;
  }

  .mainBannerAxiotheata .premium-banner-ib img {
    height: 29vh !important;
  }

  .aegeanCuisineVideoSection{
    padding-left: 25vw !important;
    padding-right: 25vw !important;
  }
}


/*Xrisimoi Syndesmoi*/
.card-hover {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
}

.p-5 {
    padding: 1.25rem;
}

.bg-card {
    background-color: hsl(0 0% 100%);
}

.border-border {
    border-color: hsl(200 20% 90%);
}

.border {
    border-width: 1px;
}
.rounded-xl {
    border-radius: .75rem;
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.opacity-0 {
    opacity: 0;
}

.shrink-0 {
    flex-shrink: 0;
}
.w-4 {
    width: 1rem;
}
.h-4 {
    height: 1rem;
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.text-card-foreground {
    color: hsl(210 20% 20%);
}

.font-semibold {
    font-weight: 600;
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}

.text-muted-foreground {
    color: hsl(210 10% 30%);
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.m0 {
    margin: 0;
    margin-block-end:0 !important;
}

.fs14r{
  font-size: 1.4rem;
}

.group:hover .group-hover\:text-primary{
  color:#2F8391;
}

.justify-between {
    justify-content: space-between;
}

.gap-4 {
    gap: 1rem;
}

.text-primary {
    color: var(--primary-color);
}

.bg-primary\/10 {
    background-color: hsl(var(--primary) / .1);
}

.w-12 {
    width: 3rem;
}

.h-12 {
    height: 3rem;
}

.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.shrink-0 {
    flex-shrink: 0;
}

.rounded-lg {
    border-radius: var(--radius);
}

.group:hover .group-hover\:bg-primary{
  background-color: hsl(var(--primary));
}

.group:hover .group-hover\:text-primary-foreground{
  color: hsl(var(--primary-foreground));
}

.customBlockquoteGreen {
    background: #dcf2f9;
    border-color: #3ba7ba;
    border-radius: .375rem;
    padding: 1.5em 3.5em;
}

.customBlockquoteOrange{
  background: #f6f3ee;
    border-color: #f47b25;
    border-radius: .375rem;
    padding: 1.5em 3.5em;
}

.bg-primary\/50 {
    background-color: hsl(var(--primary) / .5);
}

.w-12 {
    width: 3rem;
}

.h-px {
    height: 1px;
}

.iconBoxElytis .elementor-icon{
  background: #123a6b61;
    padding: 14px;
    border-radius: 28px;
}

.hover\:border-primary\/50:hover {
    border-color: hsl(var(--primary) / .5);
}

.duration-300 {
    animation-duration: .3s;
}
.duration-300 {
    transition-duration: .3s;
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.p-8 {
    padding: 2rem;
}

.from-primary-10 {
    /* 10% opacity από το primary χρώμα */
    --gradient-from: rgba(58, 166, 185, 0.1);
    /* fade σε πλήρη διαφάνεια */
    --gradient-to: rgba(58, 166, 185, 0);
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, hsl(189 52% 48%), transparent);
}

.to-transparent {
    --gradient-to: transparent;
}

.rounded-bl-\[100px\] {
    border-bottom-left-radius: 100px;
}

.iconBoxAnakalyptseTisKyklades::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  border-bottom-left-radius: 100px;
  background-image: linear-gradient(to bottom right, hsl(189 52% 48% / 10.2%), transparent);
  width: 8rem;
  height: 8rem;
}


.iconBoxAnakalyptseTisKyklades .elementor-icon{
  background-color: hsl(var(--primary) / .1);
    padding: 8px;
    border-radius: 9px;
}

.iconBoxAnakalyptseTisKyklades svg{
  stroke: var(--primary-color);
}

.iconBoxAnakalyptseTisKyklades:hover svg{
  stroke: #fff;
}

.iconBoxAnakalyptseTisKyklades:hover .elementor-icon{
  background-color: var(--primary-color);
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / 0.16);
    border-style: solid;
}
.border {
    border-width: 1px;
}
.rounded-full {
    border-radius: 9999px;
}
.w-40 {
    width: 10rem;
}
.h-40 {
    height: 10rem;
}
.top-10 {
    top: 2.5rem;
}
.top-5e{
  top: -5rem;
}
.left-10 {
    left: 2.5rem;
}

.absolute {
    position: absolute;
}

.w-60 {
    width: 15rem;
}
.h-60 {
    height: 15rem;
}
.right-10 {
    right: 2.5rem;
}
.right-0{
    right: 0;
}
.bottom-56 {
    bottom: -56px;
}

.w-96 {
    width: 24rem;
}
.h-96 {
    height: 24rem;
}
.top-1\/2 {
    top: -57px;
    transform: scale(1.1);
}
.left-1\/2 {
    left: 23%;
}

.duration-300 {
    transition-duration: .3s;
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}
.text-foreground {
    color: hsl(var(--foreground));
}
.font-medium {
    font-weight: 500;
}
.font-medium-knowledge {
    font-weight: 500;
    font-size: 1.2rem;
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.flex-wrap { flex-wrap: wrap;}
.hover\:text-primary:hover{ color: var(--primary-color);}
.hover\:border-primary:hover{ border-color: var(--primary-color);}
.slideEikononGnoristeTisKyklades .swiper-slide-inner img{
    height: 315px;
    object-fit: cover !important;
}
.premium-banner-animation4.premium-banner-min-height img{ height: 450px !important;}
.text-gold { color: hsl(var(--gold));}
.bg-white\/10 { background-color: #ffffff1a;}
.border-white\/10 { border-color: #ffffff1a;}
.rounded-2xl { border-radius: 1rem;}
.text-white\/70 { color: #ffffffb3;}
.leading-relaxed { line-height: 1.625;}
.bg-gold\/20 { background-color: hsl(var(--gold) / .2);}
.rounded-xl { border-radius: .75rem;}
.justify-center { justify-content: center;}
.items-center { align-items: center;}
.w-14 { width: 3.5rem;}
.h-14 { height: 3.5rem;}
.hover\:bg-white\/15:hover { background-color: #ffffff26;}
.bg-navy { background-color: hsl(var(--navy));}
.text-primary-foreground { color: hsl(var(--primary-foreground));}
.font-bold { font-weight: 700;}
.text-primary-foreground\/80 { color: hsl(var(--primary-foreground) / .8);}
.mt-2 { margin-top: .5rem;}
.w-7 { width: 1.75rem;}
.h-7 { height: 1.75rem;}
.text-22xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-aegean { color: var( --primary-color);}
.font-semibold {
    font-weight: 600;
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.bg-aegean\/10 { background-color: hsl(var(--aegean) / .1);}

.iconBoxAktoploika .elementor-icon-box-icon{
  background-color: hsl(var(--aegean) / .1);
    padding: 7px;
    border-radius: 8px;
}

@media (min-width: 1024px) {
  .height-274{ height: 274px;}
}

@media (min-width: 768px) and (max-width: 1023px) {
   .height-274{ height: 332px;}
}

.footerLogoEn { display: none; }

/* Ελληνικά ή auto */
html[lang="el"] .footerLogoEl,
html[lang="auto"] .footerLogoEl { display: block;}
html[lang="el"] .footerLogoEn,
html[lang="auto"] .footerLogoEn { display: none;}

/* Όλες οι άλλες γλώσσες */
html:not([lang="el"]):not([lang="auto"]) .footerLogoEl { display: none;}
html:not([lang="el"]):not([lang="auto"]) .footerLogoEn { display: block;}

/* ===== Default = English ===== */
[data-device="desktop"][data-transparent] .site-logo-container img.default-logo {
    /* content: url('/wp-content/uploads/2026/02/white-logo-cyclades-svg-en.svg'); */
}

[data-device="desktop"][data-transparent] .site-logo-container img.sticky-logo {
    content: url('/wp-content/uploads/2026/02/logo-en-kyklades.webp');
    position: relative;
    bottom: 1.4vh;
    transform: scale(1);
}


/* ===== Ελληνικά ή auto ===== */
html[lang="el"] [data-device="desktop"][data-transparent] .site-logo-container img.default-logo,
html[lang="auto"] [data-device="desktop"][data-transparent] .site-logo-container img.default-logo {
    /* content: url('/wp-content/uploads/2025/11/white-logo-cyclades-svg-el.svg'); */
}

html[lang="el"] [data-device="desktop"][data-transparent] .site-logo-container img.sticky-logo,
html[lang="auto"] [data-device="desktop"][data-transparent] .site-logo-container img.sticky-logo {
    /* content: url('/wp-content/uploads/2025/10/logo-el_kyklades.webp'); */
    position: relative;
    bottom: 0.5vh;
}

/* Menu map islands hover */
#svgXartis polygon:hover{ cursor: pointer !important;}

.single-island .cyc-businesses-slider{ 
    overflow: visible !important;
    padding: 0;
}

.single-island .cyc-businesses-slider .cyc-splide .splide__track{
    padding: 0 !important;
    margin: 0 !important;
}

.single-island .cyc-businesses-slider .cyc-splide .splide__arrow--prev{ left: -20px !important;}
.single-island .cyc-businesses-slider .cyc-splide .splide__arrow--next{ right: -20px !important;}

.card--heading h3{
  font-size: 1.5rem;
}

.page-id-2937 .ct-container-full {
    padding-top: 0;
}

.search-placeholder-thumb {
    --primary: 189 60% 31%;
    --secondary: 189 45% 45%;
    
    width: 100%;
    aspect-ratio: 2/1;
    background: linear-gradient(
        135deg,
        hsl(var(--primary) / .2) 0%,
        hsl(var(--secondary) / .2) 50%,
        hsl(var(--primary) / .1) 100%
    );
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    border-radius: 4px;
}

.search-placeholder-thumb svg {
    color: hsl(var(--primary) / .4);
}

.search-placeholder-thumb span {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: hsl(var(--primary) / .5);
}

@media (min-width: 992px) {
    /* Sticky sidebar μόνο στη search page */
    .search aside#sidebar {
        position: sticky !important;
        top: 160px;
        height: fit-content;
    }

    /* Fix για Blocksy containers */
    .search .ct-container,
    .search .ct-content-area,
    .search .ct-sidebar {
        overflow: visible !important;
    }
}

.page-id-2945 .ct-container-full {
    padding-top: 2rem;
}

.search-no-results .page-description{
  visibility: hidden;
    display: none;

}

.p-6 {
    padding: 1.5rem;
}
.bg-background {
    background-color: hsl(var(--background));
}
.rounded-xl {
    border-radius: .75rem;
}
.gap-3 {
    gap: .75rem;
}
.items-center {
    align-items: center;
}
.flex-col {
    flex-direction: column;
}

.font-semibold {
    font-weight: 600;
}
.text-sm {
    font-size: 1rem;
    line-height: 1.25rem;
}

.bg-section-alt {
    background-color: hsl(var(--section-alt));
}

.w-10 {
    width: 2.5rem;
}
.h-10 {
    height: 2.5rem;
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (width >= 768px) {
    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.max-w-3xl {
    max-width: 55rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.bg-accent\/5 {
    background-color: hsl(var(--accent) / .05);
}

.w-7 {
    width: 1.75rem;
}
.h-7 {
    height: 1.75rem;
}

.text-foreground {
    color: hsl(var(--foreground));
}
.font-bold {
    font-weight: 700;
}

.border-accent\/30 {
    border-color: hsl(var(--accent) / .3);
}

.border {
    border-width: 1px;
    border-style: solid;
}
.rounded-2xl {
    border-radius: 1rem;
}
.gap-5 {
    gap: 1.25rem;
}

.text-accent {
    color: hsl(var(--accent));
}

.bg-primary\/5 {
    background-color: hsl(var(--primary-blue) / .05);
}
.border-primary\/30 {
    border-color: hsl(var(--primary-blue) / .3);
}

.bg-green-500\/5 {
    background-color: #22c55e0d;
}
.border-green-500\/30 {
    border-color: #22c55e4d;
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.h57{
  height: 57vh;
}

@media (width >= 640px) {
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (width >= 1024px) {
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.gap-6 {
    gap: 1.5rem;
}
.grid {
    display: grid;
}
.mt-14 {
    margin-top: 3.5rem;
}

.w-8 {
    width: 2rem;
}
.h-8 {
    height: 2rem;
}

@media (width >= 768px) {
    .md\:py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
}
.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.bg-trust-bg {
    background-color: hsl(var(--trust-bg));
}

.p-10 {
    padding: 2.5rem;
}

.sticky-cat-nav {
    position: sticky;
    top: 91px; 
    z-index: 15;
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(10px);
}

.b2bTools{
    --tw-bg-opacity: 1;
    padding: 2rem;
    border-radius: 11px;
    /* background-color: rgb(237 238 239 / var(--tw-bg-opacity, 1)); */
}

.b2bTools:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(231 232 233 / var(--tw-bg-opacity, 1));
}

.b2bTools svg{
  --tw-text-opacity: 1;
    color: rgb(112 91 62 / var(--tw-text-opacity, 1));
}

.steps {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.step {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.step-number {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 200;
    color: var(--e-global-color-blocksy_palette_1);
    font-size: 3rem;
    font-style: italic;
}

.step-content h4 {
  margin: 0 0 6px;
}

.step-content p {
  margin: 0;
}

.b2bColouredBanners h3 span{
  font-weight: 700;
  color: hsl(var(--foreground));
  font-size: 1.55rem;
  line-height: 1.75rem;
}

.b2bColouredBanners .elementor-icon{
  background: #fff;
    padding: 4px;
    border-radius: .75rem;
    width: 3.5rem;
    height: 3.5rem;
    justify-content: center;
    align-items: center;
    display: flex;
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.b2bColouredBanners svg{
  width: 1.75rem;
  height: 1.75rem;
}

.img-attribution {
    position: absolute;
    bottom: 12px;
    right: 12px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.img-attribution-icon {
    width: 22px;
    height: 22px;
    color: #fff;
    cursor: pointer;
    flex-shrink: 0;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5));
}

.img-attribution-tooltip {
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 0.75rem;
    padding: 0;
    border-radius: 4px;
    transition: max-width 0.3s ease, padding 0.3s ease;
    margin-right: 6px;
}

.img-attribution-tooltip a {
    color: #adf;
    text-decoration: underline;
}

.img-attribution:hover .img-attribution-tooltip {
    max-width: 300px;
    padding: 4px 9px;
}

.cyc-related-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.cyc-related-header .ct-module-title {
    margin-bottom: 0;
}

.cyc-related-more {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.85rem;
    color: var(--theme-palette-color-1, #0073aa);
    text-decoration: none;
    font-weight: 500;
}

.cyc-related-more:hover {
    text-decoration: underline;
}

#cyc-related-splide .ct-media-container img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block;
}

#cyc-related-splide .related-entry-title {
    margin: 0.5rem 0 0;
    font-size: 1rem;
    line-height: 1.4;
}

#cyc-related-splide .related-entry-title a {
    color: inherit;
    text-decoration: none;
}

#cyc-related-splide .related-entry-title a:hover {
    color: var(--theme-palette-color-1, #0073aa);
}

/* Βελάκια έξω από το track */
#cyc-related-splide {
    padding: 0 2.5rem;
}


/* Κρύψε dots */
#cyc-related-splide .splide__pagination {
    display: none !important;
}


/* Pagination */
nav.ct-pagination{ margin-top: 30px !important;}

@media screen and (max-width: 768px){
  /* Pagination */
    nav.ct-pagination{
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    nav.ct-pagination > div {
      order: -1;
      flex-basis: 100%; /* παίρνει όλο το πλάτος, πάει σε δική του γραμμή */
    }

    a.page-numbers:not(.prev):not(.next){
        width: 35px;
        font-size: 0.8rem;
        height: 35px;
    }
}

#cyc-related-splide .splide__list {
    display: flex !important;
}

#cyc-related-splide .splide__slide {
    width: auto !important;
    flex-shrink: 0;
}

#cyc-related-splide .ct-media-container {
    width: 100%;
    display: block;
}

#cyc-related-splide .splide__list {
    display: flex !important;
    gap: 0 !important;
}

#cyc-related-splide .splide__slide {
    width: calc(33.333% - 1rem) !important;
    margin-right: 1.5rem;
    flex-shrink: 0;
}

#cyc-related-splide .splide__slide:last-child {
    margin-right: 0;
}

#cyc-related-splide .ct-media-container {
    width: 100%;
    display: block;
}

.single-post .relativePosts .splide__arrow.splide__arrow--next{
  background-color: transparent !important;
    opacity: 1;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 35%;
    border: 1px solid !important;
    right: -2em !important;
}

.single-post .relativePosts .splide__arrow.splide__arrow--prev{
  background-color: transparent !important;
    opacity: 1;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 35%;
    border: 1px solid !important;
    left: -2em !important;
}

.ct-related-posts-container {
    background: #f8f9fb;
}

li.menu-item.menu-item-katachorise-tin-epicheirisi-sou a{
    color: #fff !important;
    padding: 10px;
    background: linear-gradient(135deg, #123a6b 0%, #123a6b 100%);
    border: none;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.py-4 {
    padding-block: calc(var(--spacing) * 4);
}
.px-7 {
    padding-inline: calc(var(--spacing) * 7);
}
.bgB2b-background {
    background-color: var(--background-button);
}
.rounded-full {
    border-radius: calc(infinity * 1px);
}
.gap-3 {
    gap: calc(var(--spacing) * 3);
}
.items-center {
    align-items: center;
}
.inline-flex {
    display: inline-flex;
}
.text-b2b-foreground, .text-b2b-foreground:hover {
    color: var(--foreground);
}
.bgB2b-background:hover {
  background-color: var(--sand);
}

.b2bTools .elementor-icon-box-wrapper {
  position: relative;
  overflow: hidden;
}
/* μεγαλώνουμε το SVG */
.b2bTools .elementor-icon svg {
  width: 80px;
  height: 80px;
}

/* περιεχόμενο από πάνω */
.b2bTools .elementor-icon-box-content {
  position: relative;
  z-index: 1;
}

/* ICON σαν background */
.b2bTools .elementor-icon-box-icon {
  position: absolute;
  right: -5px;
  top: 80%;
  transform: translateY(-50%);
  z-index: 0;
  opacity: 0.06;
  pointer-events: none;
}

.b2bTools .elementor-icon-box-wrapper {
    min-height: 235px;
}

.translateY32{
    transform: translateY(32px);
}

.faq-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.faq-question {
  font-size: 14px;
  margin: 0;
}

.footerUL {
    display: flex;
    flex-direction: column;
    gap: 10px; /* ρύθμισε όσο θες */
}

#footer [data-row="middle"] .ct-container-fluid {
  padding: 0px 0px 19px 0px;
}

#footer [data-row="top"] .ct-container-fluid {
  padding: 0;
}

.footerImageBarka {
    width: 100vw;              
    margin-left: calc(-50vw + 50%); 
    background-color: #F7F7F7;
    /* background-image: url("/wp-content/uploads/2025/11/footer-image-cropped.webp"); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 43vh;
}

#block-38{
  margin-top: 0;
}

.ct-module-title{
  font-size: 2rem;
}

/* =====================================================
   WRAPPER — single grid, all 6 cards
   Desktop: 3 cols × 2 rows
   Mobile:  2 cols × 3 rows
   ===================================================== */
/* Mobile: 1 col */
.gb-grid {
  display: grid;
  grid-template-columns: 1fr; 
  gap: 0.75rem;
  box-sizing: border-box;
}

/* Tablet: 2 cols */
@media (min-width: 641px) and (max-width: 1024px) {
  .gb-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop: 3 cols */
@media (min-width: 1025px) {
  .gb-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* =====================================================
   CARD
   ===================================================== */
.gb-card {
  color: #e5e5e5;
  border-radius: 1.5rem;
  overflow: hidden;
  padding: 0.4rem;
  box-shadow: inset 0 0 4px -2px rgba(255,255,255,0.33),
                    0 0 4px -2px rgba(255,255,255,0.33);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  font-weight: 200;
  box-sizing: border-box;
  height: 560px;
}

@media (max-width: 640px) {
  .gb-card { height: 240px; }

  .gb-card__body {
    padding: 0.7rem 0.9rem 0.9rem;
  }

  .gb-card__title-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .gb-card__header {
    font-size: 1.25rem !important;
    order: 0;
    text-align: center;
  }

  .gb-arrow {
    order: 1;
  }
}

.gb-card__inner {
  position: relative;
  border-radius: 1.1rem;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Full-cover link */
.gb-card__link {
  position: absolute;
  inset: 0;
  z-index: 3;
}

/* =====================================================
   OVERLAY — pure gradient, no backdrop-filter bleed
   backdrop-filter is unreliable with masks cross-browser.
   The outer .gb-card already provides the glass effect.
   ===================================================== */
.gb-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(10, 10, 20, 0.80) 0%,
    rgba(10, 10, 20, 0.45) 30%,
    rgba(10, 10, 20, 0.10) 55%,
    transparent 75%
  );
  pointer-events: none;
  z-index: 1;
}

/* =====================================================
   BODY / TITLE / ARROW
   ===================================================== */
.gb-card__body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem 1.2rem 1.3rem;
  z-index: 2;
  pointer-events: none;
  display: flex;
  flex-direction: column;
}

.gb-card__title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.gb-card__header {
  font-size: 1.7rem;
  font-weight: 400;
  margin: 0;
  line-height: 1.15;
  color: #ffffff;
  letter-spacing: 0.02em;
}

.gb-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: rgba(255,255,255,0.95);
  color: #151515;
  pointer-events: none;
}

.gb-arrow svg {
  width: 0.95rem;
  height: 0.95rem;
  fill: none;
  display: block;
  transition: transform 0.28s ease;
}

.gb-card__inner:hover .gb-arrow svg {
  transform: rotate(-45deg);
}

/* "Δες επιχειρήσεις" CTA — makes clear cards lead to business listings */
.gb-card__cta {
  display: inline-flex;
  align-items: center;
  align-self: flex-end;
  text-align: right;
  margin-top: 0.3rem;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: rgba(255,255,255,0.92);
  text-shadow: 0 1px 8px rgba(0,0,0,0.35);
  opacity: 0.95;
  transition: opacity 0.28s ease, transform 0.28s ease;
}

.gb-card__inner:hover .gb-card__cta {
  opacity: 1;
  transform: translateX(2px);
}

/* =====================================================
   SCROLL-DRIVEN FAN — cards 4, 5, 6 (second row)
   ===================================================== */
@keyframes gb-fan-in {
  from {
    scale: 0.88;
    rotate: calc(var(--side, 1) * 6deg * var(--amp, 1));
    opacity: 0.4;
  }
  to {
    scale: 1;
    rotate: 0deg;
    opacity: 1;
  }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {

    .gb-grid .gb-card:nth-child(4),
    .gb-grid .gb-card:nth-child(5),
    .gb-grid .gb-card:nth-child(6) {
      animation: gb-fan-in linear both;
      animation-timeline: view();
      animation-range: cover 0% contain 20%;
    }

    .gb-grid .gb-card:nth-child(4) { --side: -1; --amp: 2;   transform-origin:  60vw 100%; }
    .gb-grid .gb-card:nth-child(5) { --side:  1; --amp: 0.5; transform-origin: center 100%; }
    .gb-grid .gb-card:nth-child(6) { --side:  1; --amp: 2;   transform-origin: -60vw 100%; }

  }
}

@media (min-width: 1025px) and (max-width: 1400px){
	.elementUlB2B{padding:0 !important;}
}

.has-text-align-center{text-align:center;}
#menu-item-52230 a{
	    color: #ff385c;
    font-size: 1.1rem;
    font-weight: 900;
}

:is(.island-category-restaurants, .island-category-intro, .island-category-accommodation, .island-category-entertainment, .island-category-travelagencies, .island-category-sportsactivities, .island-category-localproducts) .hero-section {
    display: none;
}

/* --- Mobile/tablet fix: the Aegean Cuisine section left the whole right half
   empty at 481–1024px (the video column renders empty there). Stack the columns
   full-width so the empty column collapses. Desktop (>1024px) is untouched. */
@media (max-width: 1024px) {
    .aegeanCuisineVideoSection {
        flex-direction: column !important;
        flex-wrap: wrap !important;
        padding-left: clamp(20px, 6vw, 60px) !important;
        padding-right: clamp(20px, 6vw, 60px) !important;
    }
    .aegeanCuisineVideoSection > .e-con {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* ===== Homepage «Γνωρίζοντας τις Κυκλάδες» (.cyc-welcome): Cycladic geometric
   pattern (Amorgos greenish) framing the LEFT edge + BOTTOM, white interior. ===== */
.cyc-welcome, .cyc-welcome.e-con {
    position: relative; overflow: hidden;
    background-image: url('css/cyc-pattern-blue.svg') !important;
    background-repeat: repeat !important; background-size: 300px !important;
}
/* white interior box: flush top+right, inset from LEFT+BOTTOM (so the pattern
   frames those two edges), with a CURVED inner corner. */
.cyc-welcome::before {
    content: ""; position: absolute; z-index: 0; pointer-events: none;
    top: 0; right: 0; left: clamp(48px, 5.5vw, 96px); bottom: clamp(48px, 5.5vw, 96px);
    background: #fff; border-bottom-left-radius: clamp(26px, 3vw, 54px);
}
/* shorter: don't stretch the grid items, tighter vertical padding */
.cyc-welcome > .e-con-inner {
    background: transparent !important; position: relative; z-index: 1;
    align-items: start !important; align-content: start !important;
    padding-left: clamp(72px, 8vw, 132px) !important;
    padding-top: clamp(34px, 4vw, 60px) !important;
    padding-bottom: clamp(60px, 6.5vw, 104px) !important;
}
/* text was white (for the old teal bg) → make it dark on the new white interior */
.cyc-welcome, .cyc-welcome .e-con-inner { color: #123a6b !important; }
.cyc-welcome .elementor-element-cycwel02 .elementor-heading-title,
.cyc-welcome .elementor-heading-title { color: #123a6b !important; }
.cyc-welcome .elementor-element-cycwel03 .elementor-widget-container,
.cyc-welcome .elementor-element-cycwel03 .elementor-widget-container p,
.cyc-welcome .elementor-element-cycwel03.cyc-welcome__text p { color: #33454e !important; }

/* «Τι να κάνω» fullwidth mega-menu panel → white background, like «Προορισμοί» */
.cmm-fullwidth-submenu,
.cmm-fullwidth-submenu > .cmm-template,
.cmm-fullwidth-submenu > .cmm-template > .elementor { background-color: #fff !important; }

/* Homepage/mega-menu accents: replace the hard-coded teal #17a2a2 with our navy */
.cyc-qa__k,
.cyc-faq2 .cyc-weather__desc,
.cyc-faq2 .cyc-weather__wind-label,
.cyc-faq2 .cyc-weather__compass,
.cycmm__arr { color: #123a6b !important; }
.cyc-qa__plus::before,
.cyc-qa__plus::after { background: #123a6b !important; }
.cyc-faq2 .cyc-weather__compass { background: #e7eef7 !important; }
.megamenuRegions__list a:hover,
.megamenu .megamenuRegions__list a:hover { color: #123a6b !important; }