/*
 * Dare Bear galleries and home contrast.
 * Deliberately CSS-only: no catalog, form, or navigation scripts are changed.
 */

/* Organizacija događaja — supplied photographs replace the former placeholder. */
body.dbr-site.dbvg-events-page .dbvg-gallery-note {
  color: var(--db-sky, #72cbdc) !important;
}

body.dbr-site.dbvg-events-page .dbvg-events-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 24px);
  margin: 0 0 clamp(54px, 7vw, 88px);
}

body.dbr-site.dbvg-events-page .dbvg-events-gallery a {
  display: block;
  overflow: hidden;
  min-height: 0;
  aspect-ratio: 4 / 3;
  border: 1px solid rgba(209, 241, 247, 0.28);
  border-radius: 12px;
  background: rgba(4, 27, 39, 0.5);
  box-shadow: 0 14px 30px rgba(0, 13, 22, 0.18);
}

body.dbr-site.dbvg-events-page .dbvg-events-gallery img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 180ms ease;
}

body.dbr-site.dbvg-events-page .dbvg-events-gallery a:nth-child(4) img {
  object-position: center 24%;
}

@media (hover: hover) {
  body.dbr-site.dbvg-events-page .dbvg-events-gallery a:hover img {
    transform: scale(1.035);
  }
}

/* Ponuda štampanih materijala — fifth image joins the existing references. */
body.dbr-site.dbvg-print-page .dbv-reference-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

body.dbr-site.dbvg-print-page .dbvg-print-reference {
  display: block;
  color: inherit;
  text-decoration: none;
}

body.dbr-site.dbvg-print-page .dbvg-print-reference img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}

body.dbr-site.dbvg-print-page .dbvg-print-reference span {
  display: block;
  margin: 14px 0;
}

/* Početna — title, supporting text, and all CTAs stay visible over the forest. */
body.dbr-site.dbfv-forest.home .db-hero-copy :is(.db-eyebrow, h1, h1 strong, .db-lead) {
  color: #f7fdff !important;
  text-shadow: 0 2px 14px rgba(0, 12, 20, 0.42);
}

body.dbr-site.dbfv-forest.home .db-hero-copy .db-eyebrow {
  color: #9ce6f1 !important;
}

body.dbr-site.dbfv-forest.home .db-hero-copy h1 strong {
  color: #9de8f2 !important;
}

body.dbr-site.dbfv-forest.home .db-hero-copy .db-lead {
  color: #e1f3f6 !important;
}

body.dbr-site.dbfv-forest.home .db-hero-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

body.dbr-site.dbfv-forest.home .db-hero-links a {
  box-sizing: border-box;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  color: #f7fdff !important;
  background: rgba(3, 25, 37, 0.9) !important;
  border: 1px solid rgba(204, 241, 247, 0.52) !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 22px rgba(0, 12, 20, 0.22) !important;
  text-shadow: none !important;
}

body.dbr-site.dbfv-forest.home .db-hero-links a:first-child {
  color: #052537 !important;
  background: #91deeb !important;
  border-color: #91deeb !important;
}

body.dbr-site.dbfv-forest.home .db-hero-links a:hover,
body.dbr-site.dbfv-forest.home .db-hero-links a:focus-visible {
  color: #052537 !important;
  background: #d1f6fa !important;
  border-color: #d1f6fa !important;
}

body.dbr-site.dbfv-forest.home .db-section-light :is(h2, h3, p, span, strong, b, li) {
  color: #edfaff !important;
}

body.dbr-site.dbfv-forest.home .db-section-light .db-eyebrow {
  color: #9ce6f1 !important;
}

@media (max-width: 1100px) {
  body.dbr-site.dbvg-print-page .dbv-reference-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.dbr-site.dbvg-events-page .dbvg-events-gallery {
    grid-template-columns: 1fr;
  }

  body.dbr-site.dbvg-print-page .dbv-reference-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.dbr-site.dbfv-forest.home .db-hero-links a {
    width: 100%;
  }
}