/* ============================================================
   arinis-v3-1-3-photo-cards.css — Ariniș Colibița v3.1.3
   Strict vizual: cardurile/overlay-urile peste imagini sunt mai
   transparente, astfel încât fotografiile să rămână reprezentative.
   Nu modifică textele, structura sau imaginile.
   ============================================================ */

:root {
  --v313-glass-white: rgba(255, 252, 246, .54);
  --v313-glass-white-soft: rgba(255, 252, 246, .42);
  --v313-glass-dark: rgba(8, 13, 11, .28);
  --v313-glass-dark-soft: rgba(8, 13, 11, .18);
  --v313-glass-line: rgba(255,255,255,.34);
  --v313-text-shadow: 0 8px 30px rgba(0,0,0,.44);
}

/* Card principal peste poza de home: mai transparent, dar lizibil. */
body .hero__floating-card {
  background: linear-gradient(145deg, rgba(255,252,246,.58), rgba(255,252,246,.40)) !important;
  border: 1px solid rgba(255,255,255,.56) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.48) !important;
  backdrop-filter: blur(11px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(11px) saturate(1.05) !important;
}

body .hero__floating-label,
body .page-hero .label,
body .hero__eyebrow,
body .home-category-card__kicker {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.22) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

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

/* Pozele din cardurile mari de pe home trebuie să domine vizual. */
body .home-category-card__overlay {
  background:
    linear-gradient(180deg, rgba(8,12,10,0) 0%, rgba(8,12,10,.06) 38%, rgba(8,12,10,.42) 100%),
    radial-gradient(circle at 80% 12%, rgba(217,180,115,.12), transparent 28%) !important;
}

body .home-category-card__content {
  padding: 1.25rem 1.25rem 1.35rem !important;
  text-shadow: var(--v313-text-shadow) !important;
}

body .home-category-card h3,
body .home-category-card p,
body .home-category-card__meta {
  text-shadow: var(--v313-text-shadow) !important;
}

body .home-category-card p {
  color: rgba(255,255,255,.90) !important;
}

/* Scenic card: fotografia rămâne vizibilă, textul are doar gradient minim jos. */
body .home-emotion__scenic::after {
  background: linear-gradient(180deg, rgba(12,15,17,0) 0%, rgba(12,15,17,.08) 42%, rgba(12,15,17,.48) 100%) !important;
}

body .home-emotion__scenic-caption {
  text-shadow: var(--v313-text-shadow) !important;
}

/* Imagini de categorie din meniul restaurant: overlay mai fin. */
body .meniu-cat-hero-overlay {
  background:
    linear-gradient(90deg, rgba(18,34,27,.46) 0%, rgba(18,34,27,.18) 50%, rgba(18,34,27,.05) 100%) !important;
  text-shadow: var(--v313-text-shadow) !important;
}

/* Hero global: puțin mai puțin întunecat, pentru fotografii mai vii. */
body .hero::before,
body .page-hero::before {
  background:
    linear-gradient(180deg, rgba(7,11,10,.22) 0%, rgba(7,11,10,.04) 24%, rgba(7,11,10,.10) 62%, rgba(7,11,10,.42) 100%),
    linear-gradient(90deg, rgba(7,11,10,.48) 0%, rgba(7,11,10,.18) 34%, rgba(7,11,10,.02) 64%, rgba(7,11,10,.10) 100%) !important;
}

body .hero__bg,
body .page-hero__bg,
body .home-category-card__image,
body .home-emotion__scenic img,
body .meniu-cat-hero img {
  filter: saturate(1.10) contrast(1.03) brightness(.98) !important;
}

/* Banda/panoul informativ de jos rămâne discret, nu acoperă agresiv fotografia. */
body .hero__bottom-band-inner {
  background: linear-gradient(180deg, rgba(11,18,15,.24), rgba(11,18,15,.34)) !important;
  border-color: rgba(255,255,255,.16) !important;
  backdrop-filter: blur(9px) !important;
  -webkit-backdrop-filter: blur(9px) !important;
}

/* Carduri foto din galerie/listări: păstrăm textul lizibil, dar nu înecăm poza. */
body .gal-item .gal-inner::after,
body .gallery-item::after,
body .room-card__img::after {
  opacity: .55 !important;
}

@media (max-width: 900px) {
  body .hero__floating-card {
    background: linear-gradient(145deg, rgba(255,252,246,.68), rgba(255,252,246,.52)) !important;
    backdrop-filter: blur(10px) saturate(1.05) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.05) !important;
  }

  body .home-category-card__overlay,
  body .home-emotion__scenic::after {
    background: linear-gradient(180deg, rgba(8,12,10,0) 0%, rgba(8,12,10,.10) 38%, rgba(8,12,10,.56) 100%) !important;
  }

  body .meniu-cat-hero-overlay {
    background: linear-gradient(90deg, rgba(18,34,27,.54) 0%, rgba(18,34,27,.22) 100%) !important;
  }
}

@media (max-width: 560px) {
  body .hero__floating-card {
    background: rgba(255,252,246,.74) !important;
  }

  body .hero__floating-meta div {
    background: rgba(255,255,255,.55) !important;
  }
}