/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/




/* ==========================================================================
   FONTS - TYPOGRAPHY
   ========================================================================== */

/* Fonts ΓΙΑ ΤΟ ΚΕΝΤΡΙΚΟ ΜΕΝΟΥ */
/* .main-navigation a,
.ast-hf-menu-1 a,
.main-menu a,
.site-navigation a,
.elementor-nav-menu a,
.ast-builder-menu-1 .main-header-menu .menu-item > a {
    font-size: 18px !important;    
    font-weight: 600 !important;   */

    /* letter-spacing: 1px !important;   */
/* } */


/* ==========================================================================
   HEADER & MAIN MENU
   ========================================================================== */

/* Βελτιστοποίηση Desktop Μενού για οθόνες 921px έως 1024px */
@media (min-width: 921px) and (max-width: 1024px) {
    
    /* 1. Κρύβει τη γλώσσα από το μενού εφόσον υπάρχει το floating switcher */
    .main-navigation .menu-item.trp-language-switcher-container,
    .main-navigation .menu-item[class*="trp-menu-item"] {
        display: none !important;
    }

    /* 2. Μειώνει το κενό δεξιά-αριστερά ανάμεσα στα στοιχεία του μενού */
    .main-header-bar-navigation .main-header-menu > .menu-item > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /* 4. Μειώνει τα κενά στα columns του Astra Header Builder */
    .site-header-section {
        gap: 10px !important;
    }
}


/* ==========================================================================
   TRANSLATEPRESS LANGUAGE SWITCHER
   ========================================================================== */

/* Language Switcher Main Menu */
.main-header-menu .trp-language-switcher-container > a {
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: color 0.3s ease;
}

.main-header-menu .trp-language-switcher-container .sub-menu {
    min-width: 70px !important; 
    width: 70px !important;  
    left: auto !important; 
    right: 0 !important;
    background: rgba(255, 255, 255, 0.75) !important; 
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important; 
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 6px !important; 
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.03) !important;
    padding: 5px 0 !important;
    top: 100% !important;
}

.main-header-menu .trp-language-switcher-container .sub-menu .menu-item {
    text-align: center !important;
    padding: 0 !important;
}

.main-header-menu .trp-language-switcher-container .sub-menu .menu-item a {
    display: block !important;
    padding: 8px 0 !important; 
    color: #222222 !important;
    font-size: 13px !important; 
    letter-spacing: 1px;
    background: transparent !important;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out !important;
}

.main-header-menu .trp-language-switcher-container .sub-menu .menu-item a:hover {
    background-color: rgba(0, 0, 0, 0.04) !important; 
    color: #000000 !important; 
}

/* Hide Floating Switcher on bigger screens */
@media (min-width: 1024px) {
    .trp-language-switcher.trp-floating-switcher {
        display: none !important;
    }
}

/* Language Switcher Mobile */
.trp-language-switcher.trp-floating-switcher {
    align-items: center;
}


/* ==========================================================================
   FOOTER
   ========================================================================== */

/* 1. Τίτλοι Στηλών & Widgets */
.site-footer .widget-title,
.site-footer h1, .site-footer h2, .site-footer h3, 
.site-footer h4, .site-footer h5, .site-footer h6 {
    border: none !important;
    color: var(--ast-global-color-4) !important;
}

/* 2. Σύνδεσμοι (Links) */
.site-footer a,
.site-footer .menu-link,
.site-footer .widget a,
.site-footer ul li a {
    color: var(--ast-global-color-0) !important;
    transition: color 0.3s ease !important;
}

/* 3. Εφέ Hover στους Συνδέσμους */
.site-footer a:hover,
.site-footer .menu-link:hover,
.site-footer .widget a:hover,
.site-footer ul li a:hover {
    color: var(--ast-global-color-8) !important;
}





/* ==========================================================================
   FRONTPAGE
   ========================================================================== */

   

/* ==========================================================================
   1. CINEMATIC CAROUSEL (SUITES SHOWCASE) - GENERAL STRUCTURE & BASE STYLES
   ========================================================================== */

.elementor-widget-html .elementor-widget-container,
.cinema-suites-section,
.cinema-card {
    display: block;
}

.cinema-suites-section {
    box-sizing: border-box;
    position: relative;
    padding-bottom: 40px; /* Pagination dots spacing */
}

/* ==========================================================================
   2. SWIPER ENGINE, CORNER FIXES & LAYERS STABILIZATION
   ========================================================================== */

.cinema-swiper-container {
    position: relative;
}

/* Standardized overflow clipping for Safari & Chrome rendering */
.cinema-swiper-container .swiper-slide {
    overflow: hidden !important; 
    border-radius: 16px; 
    isolation: isolate; 
    -webkit-mask-image: -webkit-radial-gradient(white, white);
    mask-image: radial-gradient(white, white);
    
    /* Disable layout transitions on the slide wrapper level */
    transform: none !important; 
    transition: none !important;
}

/* Base slide image setup */
.cinema-swiper-container .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    transition: transform 0.4s ease-in-out;
    transform: scale(1); 
    backface-visibility: hidden; 
    -webkit-backface-visibility: hidden;
}

/* Slide image hover effect */
.cinema-swiper-container .swiper-slide:hover img {
    transform: scale(1.05); 
}

/* Disable Astra Theme link overrides inside swiper layer */
.cinema-swiper-container .swiper-slide a,
.cinema-swiper-container .swiper-slide a:hover {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    transform: none !important;
}

/* ==========================================================================
   3. SHOWCASE CARDS, OVERLAYS & TEXT ANIMATIONS
   ========================================================================== */

/* Main boutique layout component */
.cinema-card {
    text-decoration: none;
    overflow: hidden !important;
    position: relative;
    border-radius: 16px;
    background-color: var(--ast-global-color-6);
    min-height: 75vh; 
    aspect-ratio: auto; 
    isolation: isolate; 
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; 
    -webkit-font-smoothing: antialiased;
    transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.cinema-card:hover {
    transform: translateY(-8px); 
    box-shadow: 0 24px 48px rgba(28, 26, 23, 0.16);
}

/* Image containment layer */
.cinema-img-wrapper,
.cinema-overlay {
    position: absolute;
    top: 0; 
    left: 0;
    height: 100%;
    width: 100%;
}

.cinema-img-wrapper {
    overflow: hidden !important;
    border-radius: 16px;
    isolation: isolate; 
}

.cinema-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.cinema-card:hover .cinema-img-wrapper img {
    transform: scale(1.04);
}

/* Visual gradients */
.cinema-overlay {
    z-index: 1;
    background: linear-gradient(to top, rgba(28, 26, 23, 0.85) 0%, rgba(28, 26, 23, 0.4) 20%, rgba(28, 26, 23, 0) 45%);
    transition: background 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.cinema-card:hover .cinema-overlay {
    background: linear-gradient(to top, rgba(28, 26, 23, 0.85) 0%, rgba(28, 26, 23, 0.55) 40%, rgba(28, 26, 23, 0) 70%);
}

/* Meta wrapper slide up logic */
.cinema-content {
    position: absolute;
    bottom: 0; 
    left: 0; 
    width: 100%;
    padding: 35px 30px;
    z-index: 2;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    transform: translateY(calc(100% - 115px));    
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.cinema-card:hover .cinema-content {
    transform: translateY(0);
}

/* Editorial header link hover animation */
.cinema-title {
    color: #FFFFFF;
    margin: 0 0 15px 0;
    letter-spacing: 1.5px;
    display: block; 
    position: relative; 
    width: max-content; 
    max-width: 100%; 
}

.cinema-title::after {
    content: '';
    position: absolute;
    bottom: -4px; 
    left: 0; 
    height: 1px;
    background-color: var(--ast-global-color-0); 
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    width: 0; 
}

.cinema-card:hover .cinema-title::after {
    width: 100%; 
}

/* Suite amenities block fade state */
.cinema-description {
    line-height: 1.6;
    color: var(--ast-global-color-4); 
    margin: 0;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease 0.2s, 
                transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.15s;
}

.cinema-card:hover .cinema-description {
    opacity: 1;
    transform: translateY(0);
}

/* Swiper slider pagination design */
.swiper-pagination-bullet {
    background: #ffffff !important;
    opacity: 0.4 !important;
}

.swiper-pagination-bullet-active {
    background: var(--ast-global-color-0) !important;
    opacity: 1 !important;
    width: 18px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

/* ==========================================================================
   4. DESCRIPTION - AMENITIES ICONS & TYPOGRAPHY
   ========================================================================== */

.cinema-card, 
.cinema-card a {
    text-decoration: none; 
}

.cinema-content .cinema-description {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 16px;
    color: var(--ast-global-color-4);
}

.suite-info-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--ast-global-color-4);
}

.suite-icon {
    width: 20px;
    height: 20px;
    fill: var(--ast-global-color-4);
    display: inline-block;
}

.suite-divider {
    color: var(--ast-global-color-4);
    opacity: 0.4;
}

/* ==========================================================================
   5. BREAKPOINTS & RESPONSIVE TOUCH ENGINE (MAX-WIDTH: 1200px)
   ========================================================================== */

/* Handheld interface logic: locks metadata overlay open */
@media (max-width: 1200px) {
    .cinema-card .cinema-content { 
        transform: translateY(0); 
        padding: 30px 20px; 
        background: linear-gradient(to top, rgba(28, 26, 23, 0.95) 0%, rgba(28, 26, 23, 0.6) 60%, rgba(28, 26, 23, 0) 100%);
    }
    
    .cinema-card .cinema-description {
        opacity: 1; 
        transform: translateY(0); 
        transition: none; 
        margin-top: 10px;
        
        /* DESKTOP VIEWPORTS: Lock strictly into a single horizontal row */
        display: flex !important;
        flex-wrap: nowrap; 
        justify-content: flex-start;
        align-items: center;
        min-width: 0;
    }

    .cinema-card .suite-divider {
        display: inline-block;
        opacity: 0.4;
    }
    
    .cinema-title::after {
        width: 100%;
    }
}

/* ==========================================================================
   5B. CINEMATIC CARDS - GLOBAL ICONS GRID SPECIFICITY
   ========================================================================== */
.suite-info-item {
    white-space: nowrap; 
    flex-shrink: 0;
    display: inline-flex;
    align-items: center; 
    line-height: 1;
}

.suite-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 2px;
    height: 1em; 
    font-size: 1em; 
}

/* 💻 LAPTOPS padding containment triggers safely without touch metrics */
@media (max-width: 1500px) {
    .cinema-swiper-container .cinema-content {
        padding: 35px 15px !important;
    }
}

/* ==========================================================================
   5C. HANDHELD PORTRAIT ENGINE - 1 CARD ROW (MAX-WIDTH: 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
    .cinema-card {
        min-height: 60vh; 
    }
}

/* 📱 ULTRA-MOBILE VIEW (Explicit custom constraints from 650px and below) */
@media (max-width: 650px) {
    .cinema-card {
        min-height: 65vh;
    }
    /* Allow wrap on Mobile for 2 rows description */
    .cinema-card .cinema-description {
        gap: 12px; 
        font-size: 15px; 
        flex-wrap: wrap; 
        row-gap: 8px; 
        column-gap: 14px;         
    }
    /* Remove Divider */
    .cinema-card .suite-divider {
        display: none;
    }    
}












/* ==========================================================================
   1. AVAILABILITY CHECK - FLATPICKR CALENDAR (MOBILE OPTIMIZED)
   ========================================================================== */

/* Core calendar container layout */
.flatpickr-calendar {
    background: var(--ast-global-color-5) !important; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
}

/* Fix για σωστό κεντράρισμα του ημερολογίου σε mobile οθόνες */
@media (max-width: 650px) {
    .flatpickr-calendar {
        left: 50% !important;
        transform: translateX(-50%) !important;
        max-width: 100% !important;
    }
}

/* Individual day cell hover interaction */
.flatpickr-day:hover {
    background: var(--ast-global-color-8) !important; 
}

/* Current calendar day marker style */
.flatpickr-day.today {
    border-color: var(--ast-global-color-8) !important; 
}

/* Selected date range boundaries initialization */
.flatpickr-day.selected, 
.flatpickr-day.startRange, 
.flatpickr-day.endRange {
    background: var(--ast-global-color-0) !important;  
    border-color: var(--ast-global-color-0) !important;   
}

/* ==========================================================================
   2. SPLIT BOOKING BAR - HORIZONTAL 3-COLUMN DESKTOP LAYOUT
   ========================================================================== */

/* Main glassmorphism component box definition */
.split-booking-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 12px;
    padding: 10px 10px 10px 25px;
    width: 100%;
    max-width: 700px; 
    box-sizing: border-box;
    transition: border-color 0.3s ease, background 0.3s ease;
}

.split-booking-bar:hover {
    border-color: rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.12);
}

/* Check-in and Check-out block wrappers */
.split-booking-bar__field {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    cursor: pointer;
}

.split-booking-bar__field label {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: 4px;
}

/* Input element normalization against theme overrides */
.split-booking-bar__field input {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    color: #ffffff !important;
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
    width: 100%;
}

/* Segment dividers separation line */
.split-booking-bar__divider {
    width: 1px;
    height: 35px;
    background-color: rgba(255, 255, 255, 0.25);
    margin: 0 25px;
    flex-shrink: 0;
}

/* Main primary booking execution trigger */
.split-booking-submit {
    color: var(--ast-global-color-6) !important; 
    border-color: var(--ast-global-color-6) !important; 
    padding: 16px 30px;
    cursor: pointer;
    margin-left: 15px;
    flex-shrink: 0;
    transition: border-color 0.3s ease;
    background: transparent; /* Διασφάλιση ομοιομορφίας */
}

.split-booking-submit:hover {
   border-color: var(--ast-global-color-0) !important;  
}

/* ==========================================================================
   3. PLACEHOLDER ENGINE & RESPONSIVE GRID CONVERSION
   ========================================================================== */

/* Universal placeholder text properties standardization */
.split-booking-bar__field input::placeholder,
.compact-booking-input::placeholder {
    color: var(--ast-global-color-8) !important;
    opacity: 1 !important;
}

/* Tablet and landscape handheld structural transformation */
@media (max-width: 1024px) {
    .split-booking-bar {
        display: grid;
        grid-template-columns: repeat(2, 1fr); 
        gap: 16px 12px; 
        padding: 20px;
        max-width: 480px; 
        margin: 20px auto 0 auto;
    }

    .split-booking-bar__field {
        width: 100%;
        text-align: left; 
    }

    .split-booking-bar__field label {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .split-booking-bar__field input {
        font-size: 14px !important;
        text-align: left !important;
    }

    .split-booking-bar__divider {
        display: none; 
    }
    
    /* Boundary definition for side-by-side arrangement */
    .split-booking-bar__field:first-child {
        border-right: 1px solid rgba(255, 255, 255, 0.15);
        padding-right: 12px;
    }

    /* Submit trigger full width horizontal layout conversion (Changed to Class) */
    .split-booking-submit {
        grid-column: span 2 !important; 
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 4px !important;
        padding: 14px 20px !important; 
        font-size: 13px !important;
        text-align: center !important;
    }
}

/* Micro-screen optimization viewport scale adjustments */
@media (max-width: 400px) {
    .split-booking-bar {
        max-width: 92%;
        padding: 16px;
        gap: 12px 10px;
    }
    .split-booking-bar__field label { 
        font-size: 10px; 
    }
    .split-booking-bar__field input { 
        font-size: 11px !important; 
    }
}

/* ==========================================================================
   4. COMPACT BOOKING BAR - HORIZONTAL 1-COLUMN DESKTOP LAYOUT
   ========================================================================== */

/* Compact layout shell declaration */
.compact-booking-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(15px); 
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 10px 10px 10px 25px;
    width: 100%;
    max-width: 600px;
    margin: 30px auto 0 auto;
    box-sizing: border-box;
    transition: border-color 0.3s ease, background 0.3s ease;
}

.compact-booking-bar:hover {
    border-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.12);
}

.compact-booking-bar__wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.compact-booking-bar__wrapper label {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 4px;
}

/* Secondary bar text inputs normalization */
.compact-booking-input {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    color: #ffffff !important; 
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
    width: 100%;
}

/* Secondary primary booking execution trigger */
.compact-booking-submit {
    color: var(--ast-global-color-6) !important; 
    border-color: var(--ast-global-color-6) !important; 
    padding: 16px 30px;
    cursor: pointer;
    flex-shrink: 0;
    transition: border-color 0.3s ease;
    background: transparent; /* Διασφάλιση ομοιομορφίας */
}

.compact-booking-submit:hover {
    border-color: var(--ast-global-color-0) !important;     
}



/* ==========================================================================
   5. COMPACT BAR RESPONSIVE CONVERSION (MAX-WIDTH: 1220px)
   ========================================================================== */

@media (max-width: 1220px) {
    /* Stack horizontal container elements into single vertical layout */
    .compact-booking-bar {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px; 
        padding: 20px;
        max-width: 480px; 
        margin: 20px auto 0 auto;
    }

    .compact-booking-bar__wrapper {
        width: 100%;
        text-align: left;
    }

    .compact-booking-input {
        text-align: left !important;
        font-size: 14px !important;
    }

    .compact-booking-submit {
        width: 100% !important;
        padding: 14px 20px !important;
        font-size: 13px !important;
    }
}

/* Micro-screen optimization layout scaling */
@media (max-width: 400px) {
    .compact-booking-bar {
        max-width: 92%;
        padding: 16px;
        gap: 12px 10px;
    }
    .compact-booking-bar__wrapper label { 
        font-size: 10px; 
    }
    .compact-booking-input { 
        font-size: 11px !important; 
    }
}







/* ==========================================================================
   UNIVERSAL CTA BUTTONS COMPONENT
   ========================================================================== */

/* Universal flexbox container for centering buttons globally */
.nalo-cta-container {
  display: flex !important; /* Protects layout structural positioning */
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 25px;
}

/* Core minimal luxury text link formatting element */
.nalo-cta-btn {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.85rem !important; 
  font-weight: 600 !important;
  color: #515151 !important; 
  text-decoration: none !important;
  letter-spacing: 2px !important; 
  position: relative;
  padding-bottom: 6px;
  transition: color 0.3s ease !important;
}

/* Baseline underline dynamic aesthetic construction */
.nalo-cta-btn::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d4c5b9; 
  transform: scaleX(0.4);    
  transform-origin: bottom center;
  /* Fixed syntax: target transitions operate simultaneously without conflicts */
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
              background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Cursor interaction text palette variation state */
.nalo-cta-btn:hover {
  color: var(--ast-global-color-0) !important;  
}

/* Expands underlying visual link line cleanly across full text dimensions */
.nalo-cta-btn:hover::after {
  transform: scaleX(1); 
  background-color: var(--ast-global-color-0); 
}

/* ==========================================================================
   UNIVERSAL CTA BUTTONS - RESPONSIVE UI ADJUSTMENTS (MAX-WIDTH: 768px)
   ========================================================================== */
@media (max-width: 768px) {
  .nalo-cta-container {
    margin-top: 30px !important;
  }
  
  .nalo-cta-btn {
    font-size: 0.8rem !important;
    letter-spacing: 1.5px !important;
  }
}






/* ==========================================================================
   VINTAGE GALLERY OVERFLOW - SINGLE SUITE INTERIOR LAYOUT
   ========================================================================== */

/* 1. Stage Initialization: Allows sidebar images to bleed out freely */
.vintage-carousel,
.vintage-carousel .elementor-image-carousel-wrapper,
.vintage-carousel .swiper {
    position: relative;
    overflow: visible !important; /* Forces layout breakout against elementor clipping */
}

/* 2. Image Base State Normalization */
.vintage-carousel .swiper-slide-image {
    display: block;
    visibility: visible;
    filter: none;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Prevents image distortion during layout shifts */
}

/* 3. Off-Center Elements State: Fades side photos for center focus */
.vintage-carousel .swiper-slide {
    opacity: 0.35; 
    /* Optimized transition targets only required attributes for rendering speed */
    transition: opacity 0.4s ease-in-out;
}

/* 4. Active Elements State: Highlights active slide and cursor interaction elements */
.vintage-carousel .swiper-slide-active,
.vintage-carousel .swiper-slide:hover {
    opacity: 1; 
}

/* 5. Structural Aesthetics: Adds subtle baseline drop-shadow depth */
.vintage-carousel .elementor-image-carousel {
    filter: drop-shadow(0px 16px 32px rgba(0, 0, 0, 0.04));
}

/* ==========================================================================
   6. VINTAGE GALLERY - RESPONSIVE MOBILE UPGRADE (MAX-WIDTH: 767px)
   ========================================================================== */
@media (max-width: 767px) {
    /* Enforces stable luxury height on mobile viewports without breaking corner clipping */
    .vintage-carousel .swiper-slide-image {
        height: 45vh !important; 
    }
    
    /* Defines container padding to let off-center bleed frames peek dynamically */
    .vintage-carousel {
        padding: 0;
        box-sizing: border-box;
    }
}








/* ==========================================================================
   CONTACT PAGE - MINIMALIST INTERACTIVE MAP
   ========================================================================== */

/* 1. Base State: Elegant custom editorial grayscale map overlay */
.elementor-widget-html iframe {
    filter: grayscale(100%) contrast(110%) brightness(95%);
    /* Optimized transition targets only required attributes for rendering speed */
    transition: filter 0.5s ease-in-out;
}

/* 2. Interactive State: Smooth native color restoration on viewport engagement */
.elementor-widget-html iframe:hover {
    filter: grayscale(0%) contrast(100%) brightness(100%);
}


















/* ==========================================================================
   EXPERIENCES - FRONTPAGE
   ========================================================================== */

/* ==========================================================================
   1. KYTHNOS ACCORDION SLIDER - MAIN STRUCTURAL LAYOUT
   ========================================================================== */

/* Main flexbox containment stage configuration */
.kythnos-accordion-slider {
  display: flex !important; 
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 75vh;
  gap: 0; 
  border-radius: 8px;
  overflow: hidden !important; 
  padding: 0;
  box-sizing: border-box;
}

/* Individual vertical column panels initialization */
.kythnos-accordion-slider .accordion-panel {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important; 
  align-items: center !important;    
  width: 25% !important;              
  flex-grow: 1 !important;            
  flex-shrink: 0 !important;          
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative !important;
  padding: 30px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* ==========================================================================
   2. OVERLAYS & TEXT CONTAINER ELEMENTS
   ========================================================================== */

/* Baseline scrim definition for photograph balance integration */
.kythnos-accordion-slider .panel-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.15) !important; 
  z-index: 1 !important;
  transition: background-color 0.4s ease !important;
  pointer-events: none !important;
}

/* Darkens backdrop scrim selectively during explicit cursor focus */
.kythnos-accordion-slider .accordion-panel:hover .panel-overlay {
  background-color: rgba(0, 0, 0, 0.35) !important;
}

/* Typography metadata wrapper block */
.kythnos-accordion-slider .panel-content {
  position: relative !important;
  z-index: 2 !important;
  color: #ffffff !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 280px !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important; 
}

/* ==========================================================================
   3. CONTENT KEYFRAME ANIMATIONS & DESKTOP HOVER ENGINE
   ========================================================================== */

/* Editorial header link position initialization */
.kythnos-accordion-slider .panel-title {
  font-family: 'EB Garamond', serif !important;
  font-size: 2.2rem !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.5px !important;
  opacity: 0 !important;
  transform: translateY(-40px) !important;
  /* Fixed syntax: important flag placed correctly at the very end of comma separated attributes */
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
              transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Descriptions sub-text content blocks */
.kythnos-accordion-slider .panel-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  opacity: 0 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  transform: translateY(40px) !important;
  /* Fixed syntax: important flag placed correctly at the very end of comma separated attributes */
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
              transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Expands active panel column dimension space allocation */
.kythnos-accordion-slider:hover .accordion-panel:hover {
  width: 46% !important;
}

/* Compresses surrounding non-hover items proportionally */
.kythnos-accordion-slider:hover .accordion-panel:not(:hover) {
  width: 18% !important;
}

/* Triggers slide animations simultaneously upon layout interaction */
.kythnos-accordion-slider .accordion-panel:hover .panel-title,
.kythnos-accordion-slider .accordion-panel:hover .panel-text {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Suspends title entrance animation during card sizing execution */
.kythnos-accordion-slider .accordion-panel:hover .panel-title {
  transition-delay: 0.2s !important;
}

/* Sequences description appearance shortly after header presentation text */
.kythnos-accordion-slider .accordion-panel:hover .panel-text {
  transition-delay: 0.35s !important;
  opacity: 0.85 !important;
}


/* ==========================================================================
   4. RESPONSIVE ENGINE & HANDHELD INTERACTION LAYOUT (MAX-WIDTH: 768px)
   ========================================================================== */

@media (max-width: 768px) {
  /* Converts horizontal panels into a structured vertical card stack */
  .kythnos-accordion-slider {
    flex-direction: column !important; 
    height: 750px !important; 
  }
  
  /* Panel box dimension realignment for vertical expansion logic */
  .kythnos-accordion-slider .accordion-panel {
    width: 100% !important;
    height: 25% !important;
    padding: 20px !important;
    transition: height 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
  }
  
  /* Vertical stack expansion tracking on active touch interactions */
  .kythnos-accordion-slider:hover .accordion-panel:hover {
    width: 100% !important;
    height: 40% !important;
  }

  .kythnos-accordion-slider:hover .accordion-panel:not(:hover) {
    width: 100% !important;
    height: 20% !important;
  }
  
  /* Locks metadata visible permanently on touch interfaces to optimize Mobile UX */
  .kythnos-accordion-slider .panel-title,
  .kythnos-accordion-slider .panel-text {
    opacity: 1 !important;
    transform: translateY(0) !important;
    white-space: normal !important; 
    transition-delay: 0s !important; 
  }
  
  /* Handheld typography text proportional downscaling */
  .kythnos-accordion-slider .panel-title {
    font-size: 1.8rem !important;
  }

  .kythnos-accordion-slider .panel-text {
    font-size: 0.85rem !important;
  }
}







/* ==========================================================================
   EXPERIENCES PAGE
   ========================================================================== */
   
/* ==========================================================================
   1. SPLIT-SCREEN SHOWCASE - CORE DESKTOP LAYOUT
   ========================================================================== */

/* Main layout component block definition */
.split-experiences-container {
    display: flex;
    width: 100%;
    max-width: 100%; 
    margin: 40px auto;
    padding: 0;
    box-sizing: border-box;
    justify-content: space-between; 
}

/* Mid-range laptop symmetry adjustment viewport range */
@media (max-width: 1300px) and (min-width: 1025px) {
    .split-experiences-container .split-left-col {
        flex: 0 0 38%;
        max-width: 38%;
    }
    .split-experiences-container .split-right-col {
        flex: 0 0 58%;
        max-width: 58%;
    }
}

/* Zebra row-reverse layout inversion mechanism */
@media (min-width: 1025px) {
    .split-experiences-container.split-reverse {
        flex-direction: row-reverse;
    }
}

/* Left structural list column positioning */
.split-experiences-container .split-left-col {
    flex: 0 0 38%; 
    max-width: 38%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

.split-left-col .split-section-title {
    font-size: calc(var(--ast-global-font-size-base) * 0.82);
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #515151; 
    opacity: 0.6;
    margin-bottom: 30px;
}

.split-left-col .split-exp-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Individual list item interactive rows structure */
.split-exp-list .split-exp-item {
    display: flex;
    align-items: center;
    padding: 24px 0;
    border-bottom: 1px solid rgba(81, 81, 81, 0.15);
    cursor: pointer;
    transition: border-color 0.3s ease;
}

.split-exp-list .split-exp-item.active {
    border-bottom-color: #515151;
}

.split-exp-item .split-item-num {
    font-size: calc(var(--ast-global-font-size-base) * 0.76);
    font-weight: 600;
    color: #515151;
    opacity: 0.4;
    margin-right: 25px;
    transition: color 0.3s ease, opacity 0.3s ease;
}

.split-exp-item .split-item-name {
    font-size: calc(var(--ast-global-font-size-base) * 1.3);
    font-weight: 400;
    color: #515151;
    opacity: 0.7;
    transition: color 0.3s ease, opacity 0.3s ease;
}

.split-exp-item.active .split-item-num {
    color: #515151;
    opacity: 1;
}

.split-exp-item.active .split-item-name {
    color: #515151;
    opacity: 1;
    font-weight: 500;
    transform: translateX(5px);
    transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

/* ==========================================================================
   2. RIGHT COLUMN CONTENT PANES - GRID STACK ARCHITECTURE
   ========================================================================== */

.split-experiences-container .split-right-col {
    flex: 0 0 58%; 
    max-width: 58%;
    position: relative;
    box-sizing: border-box;
}

/* Pristine desktop grid initialization completely protected from swiper wrapper blocks */
@media (min-width: 1025px) {
    .split-experiences-container .split-right-col {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto;
    }

    .split-right-col .split-content-pane {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
                    transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
                    visibility 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        box-sizing: border-box;
    }

    .split-right-col .split-content-pane.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

.split-content-pane .split-img-wrapper {
    width: 100%;
    height: 360px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

.split-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: auto; 
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.split-content-pane:hover .split-img-wrapper img {
    transform: scale(1.04);
}

.split-content-pane .split-text-box {
    padding-top: 25px;
    box-sizing: border-box;
}

.split-text-box h3 {
    font-size: var(--ast-global-heading-3-font-size, 32px);
    color: #515151;
    margin: 0 0 12px 0;
}

.split-text-box p {
    font-size: var(--ast-global-font-size-base);
    color: #5C534E;
    line-height: 1.6;
    margin: 0 0 15px 0;
    display: block; 
}

.split-text-box .split-meta {
    font-size: calc(var(--ast-global-font-size-base) * 0.76);
    font-weight: 600;
    color: #515151;
    opacity: 0.6;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}



/* ==========================================================================
   3. INTERNAL INTERACTION COMPONENTS - CTA LINKS
   ========================================================================== */

.split-text-box .split-cta-wrapper {
    margin-top: 25px;
}

.split-cta-wrapper .split-cta-link {
    font-size: calc(var(--ast-global-font-size-base) * 0.76);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #515151;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-bottom: 4px;
    transition: color 0.3s ease;
}

.split-cta-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #515151;
    transform: scaleX(0.3);
    transform-origin: bottom left;
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

.split-cta-link:hover::after {
    transform: scaleX(1);
}

.split-cta-link .cta-arrow {
    margin-left: 6px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.split-cta-link:hover .cta-arrow {
    transform: translateX(4px);
    color: var(--ast-global-color-0);
}

/* ==========================================================================
   4. HANDHELD ENGINE - RUNTIME SWIPER HOOKS & CORE RENDERING RESETS
   ========================================================================== */

@media (max-width: 1024px) {
    .split-experiences-container {
        flex-direction: column;
        gap: 0;
        padding: 35px 15px 20px 15px;
        margin: 20px auto;
        box-sizing: border-box;
        width: 100%;
    }

    .split-left-col {
        display: block; 
        flex: 0 0 100%;
        max-width: 100% !important; 
        padding: 0 !important; 
    }

    .split-exp-list {
        display: none;
    }

    .split-section-title {
        display: block !important;
        font-size: calc(var(--ast-global-font-size-base) * 0.82);
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #515151; 
        margin-bottom: 20px;
        text-align: center;
    }

    /* Track Layout: Core Swiper container fallback styles to enforce horizontal context */
    .split-right-col.swiper {
        display: block !important;
        position: relative !important;
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 5px 5px 20px 5px !important;
        z-index: 1;
    }

    /* FIX: Core Swiper library structural reset. Forces horizontal row layout across all browsers */
    .split-right-col .swiper-wrapper {
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1;
        box-sizing: content-box !important; /* Critical Swiper specification */
        will-change: transform;
    }

    /* Card Bounds: Strictly enforces slider architecture boundaries */
    .split-right-col .split-content-pane.swiper-slide {
        position: relative !important;
        display: block !important;
        flex: 0 0 100% !important; 
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        flex-shrink: 0 !important; /* Forces the browser to keep items aligned on a single line */
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        background: var(--ast-global-color-5);
        border: 1px solid #eee;
        border-radius: 16px;
        padding: 15px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.02);
        box-sizing: border-box !important;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        
        /* Reset desktop grid allocation structures */
        grid-column: auto !important;
        grid-row: auto !important;
        height: auto !important;
    }

    .split-content-pane:hover {
        transform: translateY(-6px);
        box-shadow: 0 16px 40px rgba(0,0,0,0.06);
    }

    .split-img-wrapper {
        height: 220px;
        border-radius: 12px;
    }

    .split-text-box {
        padding-top: 15px;
        min-height: auto !important; 
    }

    .split-text-box h3 {
        font-size: var(--ast-global-heading-4-font-size, 24px);
        color: #515151; 
        margin-bottom: 6px;
    }

    .split-text-box p {
        font-size: calc(var(--ast-global-font-size-base) * 0.88); 
        color: #5C534E; 
        line-height: 1.5;
        margin-bottom: 15px;
        display: block; 
    }

    .split-meta {
        font-size: calc(var(--ast-global-font-size-base) * 0.65);
        color: #515151;
        opacity: 0.6;
    }

    /* Interface Pagination Framework Settings */
    .split-mobile-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin-top: 25px;
        width: 100%;
    }

    .split-mobile-dots .split-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ccc !important;
        opacity: 0.4 !important;
        border: 1px solid rgba(81, 81, 81, 0.2);
        cursor: pointer;
        display: inline-block;
        transition: background-color 0.3s ease, width 0.3s ease, border-radius 0.3s ease, opacity 0.3s ease !important;
    }

    .split-mobile-dots .split-dot.active {
        background: var(--ast-global-color-0) !important;
        opacity: 1 !important;
        width: 18px !important;
        border-radius: 4px !important;
        border-color: var(--ast-global-color-0);
    }
}

/* Suppresses pagination node tracking layer on broad viewports */
@media (min-width: 1025px) {
    .split-mobile-dots {
        display: none;
    }
}

/* Consolidated downscaling rule sets text metrics for dense handheld portrait screens */
@media (max-width: 768px) {
    .split-text-box p {
        font-size: calc(var(--ast-global-font-size-base) * 0.76) !important; 
        color: #5C534E !important; 
    }
}











/* ==========================================================================
   HAMBURGER MENU - FROSTED GLASS LOOK
   ========================================================================== */

@media (max-width: 921px) {
    /* 1. Αποτροπή οριζόντιου scroll στην οθόνη του κινητού */
    html, body {
        overflow-x: hidden !important;
        position: relative;
        width: 100%;
    }

    /* 2. Σταθεροποίηση Ύψους και Πλάτους στα 3/4 (75%) της οθόνης */
    .ast-mobile-popup-drawer.ast-mobile-popup-left {
        width: 75% !important;
        max-width: 75% !important;
        height: 100vh !important; /* Καλύπτει όλο το ύψος χωρίς κενά στην κορυφή */
        top: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: 5px 0 25px rgba(0, 0, 0, 0.35) !important; /* Premium σκιά για βάθος */
    }

    /* 3. FIX: Στόχευση του σωστού wrapper για την εξάλειψη του λευκού background του Astra */
    #ast-mobile-popup-wrapper .ast-mobile-popup-drawer.ast-mobile-popup-left .ast-mobile-popup-inner {
        height: 100% !important;
        box-sizing: border-box;
        padding-top: 60px !important; /* Χώρος στην κορυφή για το κουμπί "X" */
        
        /* 
         * Υπερνικά το εργοστασιακό λευκό φόντο εφαρμόζοντας το σκούρο ημιδιαφανές χρώμα 
         * και το premium "γυάλινο" θόλωμα (Frosted Glass).
         */
        background: rgba(18, 18, 18, 0.45) !important; 
        backdrop-filter: blur(25px) !important; 
        -webkit-backdrop-filter: blur(25px) !important;
    }

    /* 4. Ομαλοποίηση του Astra Overlay (του σκοτεινού φόντου στα δεξιά) */
    .ast-mobile-popup-drawer-overlay {
        background-color: rgba(0, 0, 0, 0.4) !important;
        left: 75% !important; /* Ξεκινάει ακριβώς εκεί που τελειώνει το μενού */
        width: calc(100% - 75%) !important; /* Καλύπτει το υπόλοιπο 25% */
    }

    /* 5. LUXURY ANIMATION: Τα links "ξεπροβάλλουν" ομαλά ένα-ένα από αριστερά */
    body.ast-main-header-nav-open .ast-mobile-popup-drawer .ast-mobile-menu-wrap ul li {
        animation: naloMenuLinkReveal 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;
        opacity: 0;
    }

    /* Stagger effect */
    body.ast-main-header-nav-open .ast-mobile-popup-drawer .ast-mobile-menu-wrap ul li:nth-child(1) { animation-delay: 0.05s !important; }
    body.ast-main-header-nav-open .ast-mobile-popup-drawer .ast-mobile-menu-wrap ul li:nth-child(2) { animation-delay: 0.10s !important; }
    body.ast-main-header-nav-open .ast-mobile-popup-drawer .ast-mobile-menu-wrap ul li:nth-child(3) { animation-delay: 0.15s !important; }
    body.ast-main-header-nav-open .ast-mobile-popup-drawer .ast-mobile-menu-wrap ul li:nth-child(4) { animation-delay: 0.20s !important; }
    body.ast-main-header-nav-open .ast-mobile-popup-drawer .ast-mobile-menu-wrap ul li:nth-child(5) { animation-delay: 0.25s !important; }

    @keyframes naloMenuLinkReveal {
        from {
            opacity: 0;
            transform: translateX(-20px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }
}



/* ==========================================================================
    ΣΕΛΙΔΑ ΣΟΥΙΤΕΣ
   ========================================================================== */

.elementor-widget-html .split-cta-link {
    font-weight: 500; 
}

@media (min-width: 1025px) {
    .elementor-widget-image-box.nalo-suites-grid,
    .elementor-widget-image-box.nalo-suites-grid .elementor-widget-container,
    .nalo-suites-grid .elementor-image-box-wrapper {
        height: 100%;
    }

    .nalo-suites-grid .elementor-image-box-wrapper {
        display: flex;
        flex-direction: column;
    }

    .nalo-suites-grid .elementor-image-box-content {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .nalo-suites-grid .elementor-image-box-description {
        flex-grow: 1;
        margin-bottom: 0;
    }
}

.nalo-suites-grid .elementor-image-box-img {
    overflow: hidden !important;
    border-radius: 16px;
    -webkit-mask-image: -webkit-radial-gradient(white, white);
    mask-image: radial-gradient(white, white);
}

.nalo-suites-grid .elementor-image-box-img img {
    transition: transform 0.4s ease-in-out;
    width: 100%;
    height: auto;
}

@media (min-width: 1025px) {
    .nalo-suites-grid .elementor-image-box-wrapper:hover .elementor-image-box-img img {
        transform: scale(1.05);
    }
}




















/* Κεντρικό container του τίτλου */
.wh-suite-title {
  display: flex;
  flex-direction: row; 
  flex-wrap: wrap;     
  align-items: baseline; 
  column-gap: 8px;     
  row-gap: 4px;        
  margin-bottom: 15px;
}

.wh-suite-title .suite-type {
  font-family: inherit; 
  text-transform: none;
}

.wh-suite-title .suite-view {
  font-family: inherit; 
  font-size: 20px; 
  font-weight: 400;
  font-style: italic;
  color: #8c8275; 
  letter-spacing: 0.5px;
}

/* 📱 Ρυθμίσεις ΑΠΟΚΛΕΙΣΤΙΚΑ για οθόνες Tablet (765px έως 1024px) */
@media (max-width: 1024px) {
  .wh-suite-title {
    flex-direction: column;   
    align-items: flex-start;  
    row-gap: 0px;              
  }
  
  .wh-suite-title .suite-view {
    margin-top: -2px;        
  }
}







/* ==========================================================================
    ΣΕΛΙΔΑ ΣΥΛΛΟΓΗ: ΚΟΥΜΠΙΑ ΚΑΤΗΓΟΡΙΩΝ-ΦΙΛΤΡΩΝ
   ========================================================================== */

.uael-masonry-filter {
    border-radius: 6px; 
    border: 1px solid #e0e0e0; 
}