/* Front Page layout helpers
 * - Asigură că homepage-ul are un container părinte cu lățimea site-ului
 * - Păstrează comportamentul pentru blocurile alignfull/alignwide să poată "ieși" din container când e nevoie
 */

:root{
  --home-wide-max: 1440px; /* poți ajusta la nevoie */
}

/* Nimic special pe mobile; containerul din main.css gestionează deja lățimile/gutters */
@media (min-width: 992px){
  /* Containerul homepage-ului respectă sistemul de gutter din main.css */
  .front-page .et-home .container{
    width: calc(100% - (2 * var(--et-adaptive-gutter)));
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  /* Permit blocurilor alignfull să iasă din containerul homepage-ului (full-bleed controlat) */
  .front-page .et-home .entry-content .alignfull{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  /* Wide: mai lat decât containerul, dar nu full-bleed */
  .front-page .et-home .entry-content .alignwide{
    max-width: min(var(--home-wide-max), 100vw);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(12px, 2vw, 24px);
    padding-right: clamp(12px, 2vw, 24px);
    box-sizing: border-box;
  }
}

/* Spațiere de bază între secțiuni din homepage (opțional) */
.front-page .et-home-section{
  padding-top: 0;
}