/* طبقة الزجاج — هوية حيدر 2026-10-15 (تصميم/هوية_مميزة_2026-10-15/اتجاه_زجاج.html بلون «ورد مطفي»).
   - السطوح اللي بمسار الصفحة: أبيض نص شفاف + حافة ضوء، بلا blur (وراها بس الخلفية الناعمة — الضباب ما يضيف شي ويثقّل).
   - العناصر اللي تطوف فوق الصور أو المحتوى: blur حقيقي (الهيدر، الشريط اللي تحت، لوح البطاقة، لوح الهيرو).
   - الأسعار والفورمات والنوافذ: --glass-solid شبه مصمت حتى تتقرا.
   - المتصفح اللي ما يدعم backdrop-filter، أو الجهاز اللي طالب «تقليل الشفافية»: نفس الشكل بأرضية مصمتة. */

/* الخلفية: بقع ورد ناعمة ثابتة — الزجاج يحتاج شي وراه */
body { background: transparent; }
body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(55vmax 55vmax at 92% 12%, var(--blob-1) 0%, transparent 62%),
    radial-gradient(60vmax 60vmax at 0% 55%, var(--blob-2) 0%, transparent 62%),
    radial-gradient(50vmax 50vmax at 75% 95%, var(--blob-3) 0%, transparent 62%),
    var(--bg);
}

/* لون واحد للهوية — ألوان الفئات الـ١٢ (cats.css) كانت ضوضاء ويّا الورد */
[data-cat] { --accent: var(--c-brand); }

/* ---------- سطوح بمسار الصفحة ---------- */
.pkg, .details, .terms, .strip__row, .hall-addon, .addon, .album-card, .trust__item, .steps__list li,
.extra-link, .faq, .visit-card, .about-point, .back-link, .visit-strip, .place, .btn--ghost, .chip, .related .chip {
  background: var(--glass-bg); border: 1px solid var(--glass-edge); box-shadow: var(--glass-sh);
}
.pkg--rec { background: var(--glass-solid); border: 2px solid var(--accent-line); box-shadow: var(--glass-sh), var(--sh-glow); }
.strip__row.is-rec { background: var(--glass-solid); border: 2px solid var(--accent-line); }
.trust { gap: 8px; background: none; border: 0; border-radius: 0; overflow: visible; }
.trust__item { border-radius: var(--r-lg); }
.steps__list--mini li { background: var(--glass-bg); }
.compare-table tbody th { background: var(--card-2); }
.hours__table { background: var(--glass-solid); border: 1px solid var(--glass-edge); }

/* أشياء لازم تتقرا زين: الفورمات والمدخلات والنوافذ */
.lead-form, .field input, .field select, .field textarea, .faq-search input, .chat__form input {
  background: var(--glass-solid); border-color: var(--line-strong);
}
.lead-form { border: 1px solid var(--glass-edge); box-shadow: var(--glass-sh); }

/* ---------- عناصر تطوف (blur حقيقي) ---------- */
/* قائمة «المزيد» مو هنا (المجلس الثالث 2026-10-29): جوّه الشريط اللي هو أصلاً مضبّب، فالـblur ما يشتغل والنص يبين من وراها —
   تبقى بأرضية الكارت الصلبة من layout.css (.tab-more__menu). */
.site-header, .tab-bar, .cat-card__body, .cat-card__women, .cat-head__work, .hero__inner,
.cookie-banner, .chat, .date-sheet {
  background: var(--glass-solid); border: 1px solid var(--glass-edge); box-shadow: var(--glass-sh);
}
.site-header { border-width: 0 0 1px; box-shadow: none; }
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .site-header, .tab-bar, .cat-card__body, .cat-card__women, .cat-head__work, .hero__inner {
    background: rgba(255, 255, 255, .5); -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur);
  }
  .cookie-banner, .chat, .date-sheet { -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); }
}
@media (prefers-reduced-transparency: reduce) {
  .site-header, .tab-bar, .cat-card__body, .cat-card__women, .cat-head__work, .hero__inner,
  .cookie-banner, .chat, .date-sheet { background: var(--card-2); -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* ---------- المحطة الثانية: الألبومات · «من شغلنا» · النوافذ · الفوتر ---------- */
.album-model__link { background: var(--glass-bg); border: 1px solid var(--glass-edge); box-shadow: var(--glass-sh); border-radius: var(--r-lg); }
.album-dialog, .date-sheet { background: var(--glass-solid); }
/* ورا النوافذ: الصفحة تتضبّب بلون الورد بدل السواد */
.date-sheet::backdrop, .album-dialog::backdrop { background: rgba(62, 43, 50, .42); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
/* صور «من شغلنا» والريلات: زوايا ناعمة بدل مربعات مقصوصة */
.work__grid { gap: 8px; }
.work__link { border-radius: var(--r-md); }
.reel__link { border-radius: var(--r-lg); }
.reel__play { background: rgba(255, 255, 255, .28); border: 1px solid rgba(255, 255, 255, .5); -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); }
.site-footer { background: var(--glass-bg); border-top: 1px solid var(--glass-edge); }
@media (prefers-reduced-transparency: reduce) {
  .date-sheet::backdrop, .album-dialog::backdrop { -webkit-backdrop-filter: none; backdrop-filter: none; }
  .album-dialog, .date-sheet { background: var(--card-2); }
}