/* ===========================
   NASLOV WEDDINGS SEKCIJE
   =========================== */

.wedding-section {
  padding-top: 6rem;
  padding-bottom: 5rem;
}

.upper-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #d8c599;
  margin-bottom: 0.5rem;
}

.site-section-heading {
  font-size: 42px;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-weight: 400;
  color: #ffffff;
}

/* ===========================
   GRID S KARTICAMA
   =========================== */

.wedding-grid {
  /* malo više zraka između redova na manjim ekranima */
}

@media (min-width: 992px) {
  .wedding-grid .col-lg-4 {
    margin-bottom: 2.5rem;
  }
}

/* ===========================
   KARTICE VJENČANJA
   (slika gore, tekst ispod)
   =========================== */

.wedding-card {
  display: block;
  text-decoration: none;
  color: inherit;
}

.wedding-card-image-wrapper {
  position: relative;
  overflow: hidden;
  /* border-radius: 18px; */
}

/* Slika – full width, bez grayscalea */
.wedding-card-image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  filter: none !important; /* pregazi grayscale s ostatka sajta */
  transform: scale(1);
  transition:
    transform 0.4s ease,
    opacity 0.4s ease;
}

/* Hover: lagani zoom-in */
.wedding-card:hover .wedding-card-image-wrapper img {
  transform: scale(1.04);
  opacity: 0.96;
}

/* Tijelo kartice – tekst ispod slike */
.wedding-card-body {
  padding-top: 1.2rem;
}

/* Meta info: lokacija, godina... */
.wedding-card-meta {
  font-family: "times new roman", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  margin-bottom: 0.35rem;
  opacity: 0.8;
}

/* Naslov kartice */
.wedding-card-title {
  font-family: "times new roman", serif;
  font-size: 22px;
  margin-bottom: 0.35rem;
  color: #ffffff;
}

/* Kratki opis */
.wedding-card-description {
  font-family: "times new roman", sans-serif;
  font-size: 13px;
  line-height: 1.6;
  max-width: 90%;
  color: #d6d6d6;
}

/* Hover efekt na tekstu – suptilan pomak gore */
.wedding-card:hover .wedding-card-body {
  transform: translateY(-2px);
  transition: transform 0.25s ease;
}

/* ===========================
   MALO FINOG TWEAKANJA ZA MOBITEL
   =========================== */

@media (max-width: 767.98px) {
  .wedding-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .site-section-heading {
    font-size: 32px;
  }

  .wedding-card-title {
    font-size: 20px;
  }

  .wedding-card-description {
    max-width: 100%;
  }
}
/* ===========================
   SINGLE WEDDING PAGE – HERO
   =========================== */

.wedding-hero {
  padding-top: 5rem;
  padding-bottom: 3rem;
}

.wedding-title {
  font-family: "Cormorant Garamond", serif;
  font-size: 2.6rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fafafa;
  margin-bottom: 41px;
  text-align: center;
}

.wedding-meta {
  font-family: "times new roman", sans-serif;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #c9bda3;
  margin-bottom: 1.6rem;
  text-align: center;
}

.wedding-hero-image {
  border-radius: 18px;
  overflow: hidden;
}

.wedding-hero-image img {
  width: 100%;
  display: block;
  transform: scale(1);
  transition:
    transform 0.5s ease,
    opacity 0.5s ease;
}

.wedding-hero-image:hover img {
  transform: scale(1.03);
  opacity: 0.98;
}

/* ===========================
   CONTENT BLOK
   =========================== */

.wedding-content {
  padding-bottom: 5rem;
}

.wedding-short-description {
  font-family: "times new roman", sans-serif;
  font-size: 24px;
  line-height: 1.7;
  font-weight: 400;
  color: #e4e4e4;
  max-width: 720px;
  margin: 0 auto 2.8rem;
  text-align: center;
}

/* Tablet */
@media (max-width: 768px) {
  .wedding-short-description {
    line-height: 1.55;
    font-size: 20px;
  }
}

/* Mobitel */
@media (max-width: 480px) {
  .wedding-short-description {
    line-height: 1.45;
    font-size: 18px;
  }
}

.wedding-body {
  max-width: 100%;
  margin: 0 auto 3rem;
}

/* osnovna tipografija za tekst priče */
.wedding-body p {
  font-family: "times new roman", sans-serif;
  font-size: 14px;
  line-height: 1.8; /* Desktop */
  color: #e4e4e4;
  margin-bottom: 1.6rem;
  text-align: left;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* Tablet */
@media (max-width: 768px) {
  .wedding-body p {
    line-height: 1.7;
  }
}

/* Mobitel */
@media (max-width: 480px) {
  .wedding-body p {
    line-height: 1.55;
    font-size: 13px;
  }
}

.wedding-body h2,
.wedding-body h3 {
  font-family: "Cormorant Garamond", serif;
  color: #ffffff;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/* ===========================
   GALERIJA
   =========================== */

.wedding-gallery {
  margin-top: 1rem;
}

.wedding-gallery-item {
  margin-bottom: 1.5rem;
}

.wedding-gallery-image {
  border-radius: 14px;
  overflow: hidden;
}

.wedding-gallery-image img {
  width: 100%;
  display: block;
  transform: scale(1);
  transition:
    transform 0.4s ease,
    opacity 0.4s ease;
}

.wedding-gallery-image:hover img {
  transform: scale(1.04);
  opacity: 0.98;
}

/* ===========================
   RESPONSIVE
   =========================== */

@media (max-width: 767.98px) {
  .wedding-hero {
    padding-top: 4rem;
    padding-bottom: 2.5rem;
  }

  .wedding-title {
    font-size: 2.2rem;
  }

  .wedding-content {
    padding-bottom: 4rem;
  }
}
/* HERO SLIDER */

.wedding-hero-slider {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 2rem;
}

.wedding-hero-slider img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* Swiper navigacija boja */
.swiper-button-next,
.swiper-button-prev {
  color: #ffffff;
}

.swiper-pagination-bullet {
  background: #ffffff;
}
.wedding-hero-slider {
  position: relative;
  width: 100%;
  max-width: 1100px; /* da ne bude preširoko na ogromnim ekranima */
  margin: 2rem auto 3rem; /* centrirano + malo zraka gore/dolje */

  overflow: hidden;

  /* fiksna visina / omjer tako da sve slike izgledaju uredno */
  height: 60vh; /* visina 60% viewporta */
  max-height: 650px; /* ali ne preko 650px */
  min-height: 380px; /* da ne bude premalo na manjim laptopima */
}

/* Swiper unutra mora ispuniti cijeli taj okvir */
.wedding-hero-slider .swiper-wrapper,
.wedding-hero-slider .swiper-slide {
  height: 100%;
}

/* Sve slike se režu unutar istog okvira */
.wedding-hero-slider img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover; /* ključ: cropaj umjesto rastezanja */
}

@media (max-width: 767.98px) {
  .wedding-hero-slider {
    height: 55vh;
    max-height: 520px;
    border-radius: 16px;
  }
}

.wedding-hero-slider .swiper-button-next,
.wedding-hero-slider .swiper-button-prev {
  color: #ffffff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.wedding-hero-slider .swiper-button-prev {
  left: 10px;
}

.wedding-hero-slider .swiper-button-next {
  right: 10px;
}

.wedding-hero-slider .swiper-pagination {
  bottom: 12px;
}

.wedding-hero-slider .swiper-pagination-bullet {
  background: #ffffff;
  opacity: 0.4;
}

.wedding-hero-slider .swiper-pagination-bullet-active {
  opacity: 1;
}
.wedding-card-image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 4px;

  /* FIKSNA VISINA ZA SVE SLIKE */
  height: 400px; /* možeš promijeniti — 320–420px najbolje izgleda */
}

.wedding-card-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* cropaj sliku kako treba */
  transition:
    transform 0.4s ease,
    opacity 0.4s ease;
}
/* Osnovni stil */
.wedding-meta-small {
  font-size: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: -2rem;
}

/* Tablet (<= 768px) */
@media (max-width: 768px) {
  .wedding-meta-small {
    font-size: 11px;
    letter-spacing: 0.7px;
  }
}

/* Mobitel (<= 480px) */
@media (max-width: 480px) {
  .wedding-meta-small {
    font-size: 10px;
    letter-spacing: 0.5px;
  }
}
.romance-gallery-clean {
  max-width: 900px;
  margin: 60px auto 0;
}

.romance-gallery-item {
  margin-bottom: 32px;
}

.romance-gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  filter: none !important;
}