:root {
  --ayla-bordo: #6B0F1A;
  --ayla-beige: #EADDCB;
  --ayla-offwhite: #FAF7F2;
  --ayla-softsand: #DDD0C2;

  --font-main: 'Playfair Display', serif;
  --font-logo: 'Prata', serif;
  --font-sublogo: 'Montserrat', sans-serif;

}

body {
  background-color: var(--ayla-offwhite);
  font-family: var(--font-main);
  color: #333;
}

/* LOGO */
.logo-main {
  font-family: var(--font-logo);
  font-size: 32px;
  color: var(--ayla-bordo);
}

/* HERO */
.hero-section {
  background-image: url('images/Ayla - baner.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 90vh;
  position: relative;
}


.hero-overlay {
  background-color: rgba(107, 15, 26, 0.35);
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}

.hero-content {
  position: relative;
  z-index: 2;
  top: 40%;
  color: white;
}

.hero-title {
  font-family: var(--font-logo);
  font-size: 64px;
}

.hero-subtitle {
  font-family: var(--font-sublogo);
  font-size: 22px;
  letter-spacing: 2px;
}

/* BUTTONS */
.btn-reserve {
  background-color: var(--ayla-bordo);
  color: white;
  padding: 10px 22px;
  border-radius: 30px;
  font-family: var(--font-sublogo);
  transition: 0.3s;
}

.btn-reserve:hover {
  background-color: #4d0b14;
  color: white;
}

/* SECTIONS */
.section-padding {
  padding: 80px 0;
}

.section-title {
  font-size: 36px;
  color: var(--ayla-bordo);
  margin-bottom: 20px;
}

.section-text {
  font-size: 18px;
  line-height: 1.7;
}

/* PRICE LIST */
.price-list {
  list-style: none;
  padding: 0;
  font-size: 18px;
}

.price-list li {
  padding: 8px 0;
  border-bottom: 1px solid var(--ayla-softsand);
}

/* FOOTER */
.footer {
  background-color: var(--ayla-beige);
  padding: 30px 0;
}

.footer-link,
.social-link {
  color: var(--ayla-bordo);
  text-decoration: none;
  margin: 0 5px;
}

.footer-link:hover,
.social-link:hover {
  text-decoration: underline;
}

/* BACKGROUND BLOCKS */
.bg-offwhite {
  background-color: var(--ayla-offwhite);
}

#makeupCarousel img {
  max-height: 650px;
  object-fit: cover;
}

.carousel-img {
  max-width: 70%;        /* fotka nebude cez celú šírku */
  max-height: 500px;     /* obmedzenie výšky */
  object-fit: cover;     /* pekné orezanie */
  margin: 0 auto;        /* centrovanie */
  display: block;        /* aby margin auto fungoval */
  border-radius: 12px;   /* jemné zaoblenie */
  box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* luxusný tieň */
}

/* Zviditeľnenie šípok */
.carousel-control-prev,
.carousel-control-next {
  width: 8%;                 /* zmenšíme klikaciu plochu */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);         /* spraví šípky biele – viditeľné na tmavom pozadí */
}

/* Posun šípok bližšie k obrázku */
.carousel-control-prev {
  left: 10%;
}

.carousel-control-next {
  right: 10%;
}

.form-control:focus {
  border-color: var(--ayla-bordo);       /* tvoje bordové */
  box-shadow: 0 0 0 0.2rem rgba(128, 0, 32, 0.25); /* jemný bordový glow */
}