/* ============================================================
   Profile theme — «Доверие» (default, free)
   Bank-grade minimal. The base look comes from .pfx
   (unified-styles.blade.php); the shared two-column booking layout
   (.pfx-teach / .pfx-book) lives there too. This file is the dovserie
   skin — applied to EVERY default profile (teacher and regular alike),
   so the «Доверие» mockup polish lands for all. Scoped under
   .pfx--theme-dovserie so it never bleeds into other themes.
   ============================================================ */

/* Cover — the «Доверие» signature: deep navy gradient + a soft sky glow,
   used when the owner hasn't set a custom cover image/colour (a custom
   colour/image inline-overrides this, so personal covers are untouched).
   This refreshes the default band on every profile. */
.pfx--theme-dovserie .pfx-cover{
  background:
    radial-gradient(ellipse 58% 92% at 80% 8%, rgba(56,189,248,.22), transparent 60%),
    linear-gradient(120deg, #0f1d33 0%, #16233f 58%, #1b2c49 100%);
}
[data-theme="light"] .pfx--theme-dovserie .pfx-cover{
  background:
    radial-gradient(ellipse 58% 92% at 80% 8%, rgba(56,189,248,.20), transparent 60%),
    linear-gradient(120deg, #d7e5f6 0%, #e5edf8 55%, #eef3fc 100%);
}

/* Cover + avatar proportions matched to the «Доверие» mockup: a calmer 176px
   band, a 124px avatar whose centre sits on the cover↔card seam, and the
   identity block top-aligned beside it. */
.pfx--theme-dovserie .pfx-cover{ height: 176px; }
@media (max-width: 600px){ .pfx--theme-dovserie .pfx-cover{ height: 130px; } }
.pfx--theme-dovserie .pfx-avatar-wrap{ margin-top: -62px; }
.pfx--theme-dovserie .pfx-card--hero .pfx-hero__avatar{ width: 124px; height: 124px; font-size: 50px; }
.pfx--theme-dovserie .pfx-card--hero .pfx-hero{ align-items: flex-start; }
.pfx--theme-dovserie .pfx-hero__body{ padding-top: 8px; }
@media (max-width: 600px){
  .pfx--theme-dovserie .pfx-avatar-wrap{ margin-top: -48px; }
  .pfx--theme-dovserie .pfx-card--hero .pfx-hero__avatar{ width: 92px; height: 92px; font-size: 38px; }
}

/* Hero typography — a touch larger / tighter for a more premium identity. */
.pfx--theme-dovserie .pfx-hero__name{ font-size: 28px; letter-spacing: -.5px; }
.pfx--theme-dovserie .pfx-hero__headline{ font-size: 15.5px; }

/* Section cards — slightly stronger titles + a calm hover lift, matching the
   mockup's crisp card rhythm. */
.pfx--theme-dovserie .pfx-card__title{ font-size: 17px; }
.pfx--theme-dovserie .pfx-body .pfx-card{ transition: border-color .18s ease, box-shadow .18s ease; }
.pfx--theme-dovserie .pfx-body .pfx-card:hover{ border-color: var(--pfx-border-strong); }

/* Booking rail card sits on the elevated surface (unchanged behaviour). */
.pfx--theme-dovserie .pfx-book__card{ background: var(--pfx-surface); }

/* ── Mobile V5 — link-in-bio: a centered, compact identity card; booking
   sits right under it (it already reflows above content), full-width CTAs,
   and everything constrained to the viewport (no horizontal overflow). ── */
@media (max-width: 600px){
  /* Centered identity (avatar over name, centered meta + proof row). */
  .pfx--theme-dovserie .pfx-card--hero .pfx-hero{ flex-direction: column; align-items: center; text-align: center; gap: var(--pfx-s3); }
  .pfx--theme-dovserie .pfx-avatar-wrap{ margin-top: -52px; }
  .pfx--theme-dovserie .pfx-hero__body{ width: 100%; min-width: 0; padding-top: 0; }
  .pfx--theme-dovserie .pfx-hero__name{ justify-content: center; font-size: 23px; }
  .pfx--theme-dovserie .pfx-hero__prof,
  .pfx--theme-dovserie .pfx-hero__sub,
  .pfx--theme-dovserie .pfx-stats{ justify-content: center; }
  .pfx--theme-dovserie .pfx-hero__body > div[style*="flex"]{ justify-content: center; }
  .pfx--theme-dovserie .pfx-cta-row{ justify-content: center; flex-wrap: wrap; }

  /* Keep the whole booking unit inside the viewport (was clipping right). */
  .pfx--theme-dovserie .pfx-teach,
  .pfx--theme-dovserie .pfx-teach__main,
  .pfx--theme-dovserie .pfx-book,
  .pfx--theme-dovserie .pfx-book__card,
  .pfx--theme-dovserie .pfx-cal{ min-width: 0; max-width: 100%; }
  .pfx--theme-dovserie .pfx-book__cta,
  .pfx--theme-dovserie .pfx-cal .pfx-btn--block{ width: 100%; }
}