/* ============================================================
   arinis-v3-1-4-mobile-photo-flow.css — Ariniș Colibița v3.1.4
   Corecție strictă pentru telefon: cardurile peste poze devin
   aproape transparente și nu se mai suprapun peste secțiunea următoare.
   Conținutul public rămâne neschimbat.
   ============================================================ */

/* Mic polish general: fotografia rămâne vedeta, textul are doar suport minim. */
body .hero__floating-card {
  background: linear-gradient(145deg, rgba(255,252,246,.32), rgba(255,252,246,.18)) !important;
  border-color: rgba(255,255,255,.38) !important;
  box-shadow: 0 18px 56px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.28) !important;
  backdrop-filter: blur(7px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(7px) saturate(1.02) !important;
}

body .hero__floating-meta div {
  background: rgba(255,255,255,.24) !important;
  border-color: rgba(255,255,255,.28) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}

body .hero__floating-label {
  background: rgba(255,255,255,.18) !important;
}

/* Telefon: cardul devine aproape complet transparent, iar panoul de jos intră în fluxul paginii. */
@media (max-width: 680px) {
  body .hero--cinematic {
    display: block !important;
    min-height: auto !important;
    overflow: hidden !important;
    padding-bottom: 0 !important;
  }

  body .hero__bg {
    background-position: center top !important;
  }

  body .hero::before {
    background:
      linear-gradient(180deg, rgba(8,14,12,.24) 0%, rgba(8,14,12,.02) 30%, rgba(8,14,12,.18) 72%, rgba(8,14,12,.32) 100%),
      linear-gradient(90deg, rgba(8,14,12,.34) 0%, rgba(8,14,12,.08) 46%, rgba(8,14,12,.04) 100%) !important;
  }

  body .hero__shell {
    display: block !important;
    padding-top: 6.2rem !important;
    padding-bottom: .8rem !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body .hero__content--luxury {
    max-width: 100% !important;
  }

  body .hero__floating-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 1.25rem !important;
    padding: 1.05rem !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg, rgba(255,252,246,.18), rgba(255,252,246,.08)) !important;
    border: 1px solid rgba(255,255,255,.30) !important;
    box-shadow: 0 14px 42px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.18) !important;
    backdrop-filter: blur(3px) saturate(1.01) !important;
    -webkit-backdrop-filter: blur(3px) saturate(1.01) !important;
  }

  body .hero__floating-card h2,
  body .hero__floating-card p,
  body .hero__floating-meta strong,
  body .hero__floating-meta span {
    text-shadow: 0 2px 12px rgba(255,255,255,.34), 0 8px 24px rgba(0,0,0,.18) !important;
  }

  body .hero__floating-label {
    background: rgba(255,255,255,.30) !important;
    border-color: rgba(255,255,255,.34) !important;
  }

  body .hero__floating-meta {
    gap: .55rem !important;
  }

  body .hero__floating-meta div {
    padding: .72rem .82rem !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.14) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    box-shadow: none !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
  }

  /* Important: nu mai stă absolut peste card / peste secțiunea următoare. */
  body .hero__bottom-band {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: .85rem auto 1.25rem !important;
    padding: 0 1rem !important;
    z-index: 2 !important;
    background: transparent !important;
  }

  body .hero__bottom-band-inner {
    width: 100% !important;
    padding: .9rem 1rem !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(8,13,11,.18), rgba(8,13,11,.26)) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 14px 42px rgba(0,0,0,.10) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
  }

  body .hero-stat {
    padding-block: .35rem !important;
  }

  body .page-home .home-intro {
    margin-top: 0 !important;
    padding-top: clamp(2.6rem, 9vw, 4rem) !important;
  }
}

@media (max-width: 420px) {
  body .hero__shell {
    padding-top: 5.9rem !important;
  }

  body .hero__floating-card {
    background: linear-gradient(145deg, rgba(255,252,246,.15), rgba(255,252,246,.06)) !important;
  }

  body .hero__bottom-band {
    padding-inline: .5rem !important;
  }

  body .hero__bottom-band-inner {
    background: linear-gradient(180deg, rgba(8,13,11,.16), rgba(8,13,11,.24)) !important;
  }
}

/* v3.3 — aliniere titluri sectiuni: label deasupra titlului */
body .section-title .label {
  display: inline-flex !important;
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body .section-title h2 {
  display: block !important;
  width: 100% !important;
  clear: both !important;
}