/* Explain: Base reset and CSS for site styling with Mytilene harbor slideshow background. */
* {
    box-sizing: border-box;
}

html {
    background-color: #ffffff;
}

html, body {
    top: 0 !important;
    position: static !important;
}

body {
    overflow-x: hidden;
    background-color: transparent !important;
    font-family: var(--font-body) !important;
}

h1, h2, h3, h4, h5, h6, .card-title {
    font-family: var(--font-heading) !important;
}

[x-cloak] {
    display: none !important;
}

/* Google Translate Overrides - Πλήρης απόκρυψη των native στοιχείων της Google */
.skiptranslate iframe,
.goog-te-banner-frame {
    display: none !important;
    visibility: hidden !important;
}
body {
    top: 0 !important;
}

/* Full-page crossfading background slideshow (πανοραμικές λήψεις της Μυτιλήνης).
   Τα layers δημιουργούνται από το js/background-slideshow.js */
#site-bg-slideshow {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}

#site-bg-slideshow .site-bg-layer {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
}

#site-bg-slideshow .site-bg-layer.is-active {
    opacity: 1;
}