/* HoReCa vertical (/parteneriat/horeca/) — page-scoped only.
   Structure comes from site.css (.subpage-section, .cards-3-grid, .section-head,
   .cta-row, .faq__list). This file adds: card chrome for the bare 3-grids,
   the green band, the proof strip, and an AA-safe primary button scoped to
   --green-deep (site's .cta--primary uses --green = white-on-green fails AA). */

@layer pages {
  .horeca .page-hero--compact {
    padding-bottom: 56px;
  }

  .horeca__wrap {
    max-width: var(--container);
    margin: 0 auto;
  }

  /* Benefit / gamă cards inside .cards-3-grid */
  .horeca-card {
    padding: 32px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
  }

  .horeca-card h3 {
    margin: 0 0 10px;
    color: var(--green-deep);
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2;
  }

  .horeca-card p {
    margin: 0;
    color: var(--muted-strong);
    font-size: 15px;
    line-height: 1.55;
  }

  /* Green band — honors 80/20; warm-cream text on --green-deep */
  .horeca-band {
    background: var(--green-deep);
    color: var(--warm-cream);
  }

  .horeca-band__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 56px;
    align-items: center;
  }

  .horeca-band__media {
    margin: 0;
    border-radius: var(--radius-md);
    overflow: hidden;
  }

  .horeca-band__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .horeca-band__eyebrow {
    margin: 0 0 12px;
    color: var(--warm-cream);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
  }

  .horeca-band h2 {
    margin: 0 0 20px;
    color: #fff;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: var(--fs-40);
    line-height: 1.18;
  }

  .horeca-band h2 em {
    font-style: italic;
    font-weight: 400;
    color: var(--green-tint);
  }

  .horeca-band__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .horeca-band__list li {
    padding-left: 24px;
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    color: var(--warm-cream);
  }

  .horeca-band__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--green-tint);
  }

  .horeca-band__list strong {
    color: #fff;
  }

  /* Proof strip — 3 verified numbers */
  .horeca-proof {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    text-align: center;
  }

  .horeca-proof__num {
    display: block;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: var(--fs-40);
    line-height: 1;
    color: var(--green-deep);
  }

  .horeca-proof__label {
    margin: 10px 0 0;
    color: var(--muted-strong);
    font-size: 15px;
    line-height: 1.4;
  }

  /* Closing CTA — AA-safe filled button (white on --green-deep) */
  .horeca-close {
    text-align: center;
  }

  .horeca-close .cta-row {
    justify-content: center;
  }

  .cta--deep {
    background: var(--green-deep);
    color: #fff;
  }

  .cta--deep:hover,
  .cta--deep:focus-visible {
    background: var(--green-hover);
    outline: none;
  }

  @media (max-width: 768px) {
    .horeca .page-hero--compact {
      padding-bottom: 96px;
    }

    .horeca-band__grid {
      grid-template-columns: 1fr;
      gap: 32px;
    }

    .horeca-band__media {
      order: -1;
    }

    .horeca-proof {
      grid-template-columns: 1fr;
      gap: 32px;
    }
  }
}