/* DayshaView mobile-first refinement — August 2026
   Keeps the desktop presentation intact while shortening mobile paths to action. */
.mobile-quick-nav,.mobile-action-dock,.mobile-reveal-button,.mobile-grid-toggle{display:none}

@media (max-width:720px){
  html{scroll-padding-top:66px}
  body{padding-bottom:74px}
  .container{width:min(100% - 28px,1140px)}

  /* Tighter vertical rhythm on phones without removing useful content. */
  .intro-section,.pillars-section,.collab-section,.exchange-section,.submit-section,.contact-section,
  .community-board-section,.dancers-section,.models-section,.designers-section,.photographers-section,
  .venues-studios-section,.calendar-section,.sponsors-section,.actor-directory-section,
  .entertainer-directory-section,.entertainer-opportunity-section,.designer-directory-section,
  .designer-opportunities,.spaces-directory-section,.space-submit-section,.standard-profile-section{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  .section-heading,.dancer-heading,.model-heading,.designer-heading,.photographer-heading{margin-bottom:24px!important}
  .dancer-heading h2,.model-heading h2,.designer-heading h2,.photographer-heading h2,
  .section-heading h2{font-size:clamp(2rem,9vw,2.65rem)!important;line-height:1.04}
  .hero{padding:52px 0 48px!important}
  .hero-lede{margin:20px 0;font-size:1.05rem}
  .hero-card{padding:18px}
  .pillar-card,.collab-card{min-height:0;padding:20px}
  .pillar-card h3,.collab-card h3{margin-top:16px}

  /* Persistent horizontal jump bar: tap instead of scrolling through every section. */
  .mobile-quick-nav{
    display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;
    position:sticky;top:0;z-index:19;padding:9px 14px;background:rgba(255,250,245,.97);
    border-bottom:1px solid var(--line);box-shadow:0 7px 18px rgba(50,17,37,.06)
  }
  .mobile-quick-nav::-webkit-scrollbar{display:none}
  .mobile-quick-nav a{
    flex:0 0 auto;text-decoration:none;color:var(--wine);background:#fff;border:1px solid var(--line);
    border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:850;white-space:nowrap
  }
  .mobile-quick-nav a:first-child{background:var(--wine);color:#fff;border-color:var(--wine)}

  /* Bottom action dock keeps the primary actions one tap away. */
  .mobile-action-dock{
    display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;
    background:rgba(28,17,26,.97);border-top:1px solid rgba(255,255,255,.15);
    padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
    box-shadow:0 -10px 30px rgba(24,8,18,.22)
  }
  .mobile-action-dock a{
    color:#fff;text-decoration:none;text-align:center;font-size:.72rem;font-weight:850;padding:8px 4px;
    border-right:1px solid rgba(255,255,255,.13)
  }
  .mobile-action-dock a:last-child{border-right:0}
  .mobile-action-dock strong{display:block;font-size:.95rem;line-height:1.1;margin-bottom:2px}

  /* Long forms stay available but no longer dominate the page until requested. */
  .mobile-reveal-button,.mobile-grid-toggle{
    width:100%;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);
    border-radius:14px;background:#fff;color:var(--wine);padding:14px 16px;font:inherit;font-size:.9rem;
    font-weight:850;box-shadow:0 8px 20px rgba(50,17,37,.08);cursor:pointer
  }
  .mobile-reveal-button{display:flex;margin:18px 0}
  .mobile-reveal-button::after,.mobile-grid-toggle::after{content:'+';font-size:1.35rem;line-height:1}
  .mobile-reveal-button[aria-expanded="true"]::after,.mobile-grid-toggle[aria-expanded="true"]::after{content:'–'}
  .mobile-collapsible-content.mobile-collapsed{display:none!important}

  /* Show the first three repetitive cards, then reveal the rest on demand. */
  .mobile-grid-toggle{display:flex;margin:12px 0 26px}
  .mobile-extra-item{display:none!important}
  .mobile-grid-expanded>.mobile-extra-item{display:block!important}

  /* Compact forms after the visitor intentionally opens one. */
  .form-card,.photographer-quick-form,.photographer-expansion-form,.standard-profile-form,.space-profile-form{padding:18px 14px!important}
  fieldset{padding:14px!important;margin-bottom:14px!important}
  input,select,textarea{padding:12px!important}
  .profile-expansion-panel>summary{padding:16px 14px!important}
  .directory-form-section,.model-directory-form-section,.photographer-directory-form-section,
  .venue-studio-form-section,.standard-profile-layout,.space-submit-layout{margin-top:24px!important;gap:22px!important}

  /* Keep cards readable but reduce dead space. */
  .dancer-opportunity-grid,.model-opportunity-grid,.designer-opportunity-grid,.photographer-opportunity-grid,
  .actor-grid,.entertainer-grid,.space-directory-grid,.photographer-profile-grid{gap:12px!important}
  .dancer-opportunity-grid article,.model-opportunity-grid article,.designer-opportunity-grid article,
  .photographer-opportunity-grid article,.entertainer-card,.designer-card,.actor-card{padding:18px!important}

  /* Existing header becomes lighter on mobile; quick nav + dock carry navigation. */
  .announcement{padding:7px 12px}
  .nav-wrap{min-height:76px!important}
  .brand-logo{height:62px!important}
  .site-header .brand{padding:5px 10px 5px 7px!important}
}