/* TALAVISTA — məlumat səhifələri (Haqqımızda, Bloq, Kömək, Qaydalar, Məxfilik siyasəti).
   customer-reservations.css + booking-page.css üzərində: eyni rənglər, şriftlər, kartlar. */
.pg-hero { display: grid; gap: 10px; margin-bottom: 22px; padding: 28px; border-radius: 18px; color: #fff;
    background: radial-gradient(700px 300px at 85% -20%, rgba(167, 139, 250, .35), transparent 60%), linear-gradient(135deg, #1b0f3d, var(--color-primary-dark)); }
.pg-hero small { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--color-primary-on-dark); }
.pg-hero h1 { margin: 0; font-size: clamp(28px, 3.4vw, 40px); font-weight: 900; letter-spacing: -.5px; }
.pg-hero p { margin: 0; max-width: 760px; line-height: 1.6; color: rgba(255, 255, 255, .86); }
.pg-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 22px; align-items: start; }
.pg-toc { position: sticky; top: 84px; display: grid; gap: 4px; padding: 14px; }
.pg-toc b { margin-bottom: 6px; font-size: 13px; font-weight: 900; }
.pg-toc a { padding: 7px 10px; border-radius: 9px; font-size: 14px; font-weight: 600; color: var(--rv-muted) !important; text-decoration: none; }
.pg-toc a:hover { background: var(--color-primary-softer); color: var(--color-primary) !important; }
.pg-body { display: grid; gap: 16px; min-width: 0; }
.pg-body section { scroll-margin-top: 90px; }
.pg-body h2 { margin: 0 0 10px; font-size: 21px; font-weight: 900; letter-spacing: -.3px; }
.pg-body h3 { margin: 16px 0 6px; font-size: 16px; font-weight: 800; }
.pg-body p, .pg-body li { line-height: 1.65; color: var(--rv-ink); }
.pg-body ul { margin: 6px 0 0; padding-left: 20px; display: grid; gap: 6px; }
.pg-note { padding: 14px 16px; border: 1px solid #f3dfa6; border-radius: 12px; background: var(--color-gold-soft); color: var(--color-gold-dark); font-weight: 600; line-height: 1.55; }
.pg-facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.pg-fact { padding: 16px; border: 1px solid var(--rv-line); border-radius: 14px; background: #fff; }
.pg-fact b { display: block; margin-bottom: 6px; font-size: 15px; font-weight: 900; color: var(--color-primary); }
.pg-fact span { color: var(--rv-muted); font-size: 14px; line-height: 1.55; }
.pg-faq details { border: 1px solid var(--rv-line); border-radius: 12px; background: #fff; }
.pg-faq details + details { margin-top: 8px; }
.pg-faq summary { padding: 14px 16px; font-weight: 800; cursor: pointer; list-style: none; }
.pg-faq summary::-webkit-details-marker { display: none; }
.pg-faq summary::after { content: "+"; float: right; color: var(--color-primary); font-weight: 900; }
.pg-faq details[open] summary::after { content: "−"; }
.pg-faq details > div { padding: 0 16px 14px; color: var(--rv-ink); line-height: 1.65; }
.pg-empty { display: grid; justify-items: center; gap: 10px; padding: 48px 20px; text-align: center; }
.pg-empty b { font-size: 19px; font-weight: 900; }
.pg-empty p { margin: 0; max-width: 520px; color: var(--rv-muted); }
.pg-updated { color: var(--rv-soft); font-size: 13px; }

@media (max-width: 900px) {
    .pg-layout { grid-template-columns: 1fr; }
    .pg-toc { position: static; }
}

/* ---------------- Giriş / qeydiyyat kartı (customer/register.html, login.html) ---------------- */
.au-main {
  padding: 34px 16px 64px;
}

.au-card {
  position: relative;
  overflow: hidden;
  padding-top: 0;
  border-radius: 22px;
  box-shadow: var(--shadow-card);
}

.au-head {
  margin: 0 -16px 18px;
  padding: 26px 20px 20px;
  border-bottom: 1px solid var(--color-border);
  background: linear-gradient(160deg, var(--color-primary-softer) 0%, var(--color-surface) 100%);
  text-align: center;
}

.au-mark {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
  border-radius: 14px;
  background: var(--gradient-brand);
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  box-shadow: var(--shadow-button);
}

.au-head small {
  display: block;
  color: var(--color-primary);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1px;
}

.au-head h1 {
  margin: 6px 0 6px;
  color: var(--color-primary-ink);
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -0.3px;
}

.au-head .cu-lead {
  max-width: 380px;
  margin: 0 auto;
}

.au-perks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.au-perks li {
  padding: 5px 11px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  color: var(--color-text-secondary);
  font-size: 12px;
  font-weight: 700;
}

.au-perks li::before {
  content: "✓ ";
  color: var(--color-success);
  font-weight: 900;
}

/* Hüquqi sənədlər: nömrəli siyahı, alt başlıqlar, yenilənmə tarixi (hero), şüar */
.pg-body ol { margin: 6px 0 0; padding-left: 22px; display: grid; gap: 6px; }
.pg-body h3:first-of-type { margin-top: 4px; }
.pg-hero .pg-updated { margin-top: 10px; }
.pg-slogan { margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(0, 0, 0, .08); }
.pg-toc a { overflow-wrap: anywhere; }
/* Qeydiyyat: məcburi razılıq xanası (sənəd adları keçiddir) */
.au-consent { display: grid; grid-template-columns: 20px 1fr; gap: 10px; align-items: start; margin: 4px 0 12px; padding: 12px 14px; border: 1px solid var(--rv-line); border-radius: 12px; background: #fafafc; font-size: 13.5px; line-height: 1.55; color: var(--rv-ink); cursor: pointer; }
.au-consent input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: #5b21b6; cursor: pointer; }
.au-consent a { color: #5b21b6; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.au-consent:focus-within { border-color: #7c3aed; box-shadow: 0 0 0 3px rgba(124, 58, 237, .15); }
@media (max-width: 480px) { .au-consent { font-size: 13px; padding: 11px 12px; } .au-consent input { width: 20px; height: 20px; } }
/* TALAVISTA loqosu (qızılı qartal) giriş kartında */
.au-mark:has(.tv-logo-img) { padding: 0; overflow: hidden; background: #2e1065; }
.au-mark .tv-logo-img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }

/* TALAVISTA loqosu (qartal + ad, şəffaf fon) — ad və ikonun yerində */
.au-wordmark { display: flex; justify-content: center; margin-bottom: 4px; }
.au-wordmark .tv-wordmark { display: block; width: auto; max-width: 100%; height: 64px; }