/* ==========================================================================
   Pagina Evenimente (galerie)
   ========================================================================== */

/* Intro centrat pe 6 coloane */
.col-6-center { grid-column: 4 / span 6; }

/* Galeria de evenimente: 10 coloane centrate, 3 carduri pe rând */
.col-10-center { grid-column: 2 / span 10; }

.sectors {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: var(--spacing-md);
  row-gap: var(--spacing-md);
}

.sector-card { display: flex; flex-direction: column; gap: var(--spacing-xs); }
.sector-card__media { width: 100%; aspect-ratio: 16 / 9; }
.sector-card .btn-tertiary { align-self: flex-start; }

/* Contact: text pe stânga, imagine până la marginea ecranului pe dreapta */
.contact-fluid { overflow: hidden; }
.contact-fluid__regions { position: relative; display: flex; }
.contact-fluid__content {
  width: 50%;
  padding: var(--spacing-lg) calc(var(--spacing-lg) / 2) var(--spacing-lg) 0;
}
.contact-fluid__media { position: absolute; top: 0; bottom: 0; left: 50%; width: 50vw; }

.contact-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacing-xs) var(--spacing-sm); }
.contact-form .field--full { grid-column: 1 / -1; }
.contact-form .checkbox a { text-decoration: underline; text-underline-offset: 2px; }
.contact-form .btn { justify-self: start; }
.contact-form__note { grid-column: 1 / -1; font-weight: 700; }

@media (max-width: 1023px) {
  .col-6-center, .col-10-center { grid-column: 1 / -1; }
  .sectors { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--spacing-sm); }

  .contact-fluid > .container { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
  .contact-fluid__regions { flex-direction: column; gap: var(--spacing-lg); }
  .contact-fluid__content { width: 100%; padding: 0; }
  .contact-fluid__media { position: relative; left: auto; width: 100%; aspect-ratio: 1 / 1; max-height: 480px; }
}

@media (max-width: 767px) {
  .sectors { grid-template-columns: 1fr; }
  .contact-form { grid-template-columns: 1fr; }
}

/* Fotografii reale în cadrele definite */
img.sector-card__media { display: block; height: auto; object-fit: cover; }
.contact-fluid__media { overflow: hidden; }
.contact-fluid__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }

/* Galerie fără descrieri */
.gallery-item { margin: 0; }

/* Postere de evenimente */
.posters {
  display: flex;
  gap: var(--spacing-sm);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.posters::-webkit-scrollbar { display: none; }
.poster-card { flex: 0 0 calc((100% - 3 * var(--spacing-sm)) / 4); gap: var(--spacing-xxs); scroll-snap-align: start; }
.poster-card__media { width: 100%; aspect-ratio: 5 / 7; background: #111; overflow: hidden; margin-bottom: var(--spacing-xxxs); }
.poster-card__media img { display: block; width: 100%; height: 100%; object-fit: contain; }
.posters-nav button:hover { background: var(--color-black, #000); color: var(--color-white); }
.posters-nav button:disabled { opacity: 0.3; pointer-events: none; }
@media (max-width: 1023px) { .poster-card { flex-basis: calc((100% - 2 * var(--spacing-sm)) / 3); } }
@media (max-width: 767px) { .poster-card { flex-basis: calc((100% - var(--spacing-sm)) / 2); } }
/* Caruselul nu are voie să se lățească după conținut */
[data-carousel] { min-width: 0; max-width: 100%; }
.posters { width: 100%; }
