@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Open+Sans:wght@400;500;700&display=swap');

/* ---------- Base styles ---------- */
html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  scroll-behavior: smooth;
  font-family: sans-serif;
}

body.menu-open {
  overflow: hidden;
}

/* ---------- Navbar ---------- */
nav {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fffdf9; /* ivory */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

#navbar {
  transition: height 0.3s ease-in-out;
}

#navbar.menu-open {
  height: 100vh;
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
}

/* ---------- Sections ---------- */
.section {
  height: 100vh;
  padding-top: 80px; /* offset for fixed navbar */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
}

/* ---------- Custom ---------- */
/* Menu link animation */
.menu-link {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.menu-link.show {
  transform: translateY(0);
  opacity: 1;
}

.hero-bg {
  background-image: linear-gradient(rgb(70 90 110 / 50%), rgb(88 88 88 / 10%)),
    url('../images/kamena_vourla_7.webp');
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.text-shadow {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card-shadow {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.slider-container {
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
.slider-container::-webkit-scrollbar {
  display: none;
}
.slide {
  scroll-snap-align: start;
}

/* ---------- Mobile ---------- */
.mobile-full-height {
  height: -webkit-fill-available;
  height: -moz-available; /* fallback for Firefox */
  height: fill-available; /* standard */
}