/* FlaroCity ClubOS Phase 11.7 - cleanup/fix pass
   Fixes: oversized/cropped banner image text, /clubs/profile flow, empty states, cleaner heroes. */

:root{
  --fc-page-max: 1680px;
}

/* STOP the weird huge cropped generated banner images */
.fc-visual-hero,
.fc-visual-hero.small{
  position:relative !important;
  min-height:0 !important;
  height:auto !important;
  overflow:hidden !important;
  padding:30px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,56,209,.33) !important;
  background:
    radial-gradient(circle at 88% 15%, rgba(255,56,209,.18), transparent 35%),
    radial-gradient(circle at 18% 85%, rgba(56,189,248,.10), transparent 36%),
    linear-gradient(135deg, rgba(7,10,20,.96), rgba(35,12,51,.82) 52%, rgba(8,10,18,.96)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 18px 58px rgba(0,0,0,.18) !important;
}
.fc-visual-hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.28;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent 0 2%, rgba(0,194,255,.35) 2.2% 2.35%, transparent 2.5% 9%,
      rgba(255,56,209,.25) 9.1% 9.25%, transparent 9.5% 92%,
      rgba(0,194,255,.35) 92.1% 92.25%, transparent 92.5% 98%,
      rgba(255,56,209,.35) 98.1% 98.25%, transparent 98.4%);
}
.fc-visual-hero img{
  display:none !important;
}
.fc-visual-hero-overlay{
  position:relative !important;
  inset:auto !important;
  min-height:0 !important;
  display:block !important;
  padding:0 !important;
  background:transparent !important;
}
.fc-visual-hero-overlay h2{
  font-size:clamp(30px, 3.2vw, 48px) !important;
  line-height:1.05 !important;
  margin:0 0 8px !important;
  max-width:760px !important;
  color:#fff !important;
  text-shadow:0 0 20px rgba(255,56,209,.46) !important;
}
.fc-visual-hero-overlay p{
  max-width:720px !important;
  margin:0 !important;
  color:#dbe7ff !important;
  line-height:1.45 !important;
  font-size:16px !important;
}
.fc-visual-hero .fc-actions{
  margin-top:16px !important;
}

/* Cleaner layout spacing */
.fc-main{
  max-width:none !important;
}
.fc-card,
.fc-section,
.fc-device-config-card{
  background:
    radial-gradient(circle at 100% 0%, rgba(255,56,209,.075), transparent 38%),
    linear-gradient(180deg, rgba(18,24,39,.88), rgba(7,9,18,.95)) !important;
}
.fc-card-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:16px;
}
.fc-list-card{
  padding:18px !important;
}
.fc-list-card-top{
  display:flex;
  gap:14px;
  align-items:center;
}
.fc-list-card-top > img{
  width:56px;
  height:56px;
  object-fit:contain;
  padding:10px;
  border-radius:16px;
  background:#05060d;
  border:1px solid rgba(255,56,209,.26);
}

/* Stepper polish */
.fc-stepper{
  margin-top:18px !important;
}
.fc-step{
  min-height:68px !important;
}
.fc-step-title{
  font-size:14px !important;
}
.fc-step-sub{
  font-size:11px !important;
}

/* Empty state: smaller and cleaner */
.fc-empty-pro{
  padding:24px 16px !important;
}
.fc-empty-pro img{
  max-width:280px !important;
  width:64% !important;
  opacity:.92 !important;
}

/* Copy config blocks are easier to read */
.fc-copyable{
  position:relative !important;
}
.fc-copy-button{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  z-index:2 !important;
}
.fc-config-box,
pre.fc-config-box{
  overflow:auto !important;
  white-space:pre-wrap !important;
  word-break:break-word !important;
  padding:18px !important;
  padding-top:48px !important;
  border-radius:18px !important;
  background:#05050d !important;
  border:1px solid rgba(255,56,209,.34) !important;
}

/* Fix club profile split layout */
.fc-club-profile-grid{
  display:grid !important;
  grid-template-columns:minmax(300px,.75fr) minmax(520px,1.25fr) !important;
  gap:18px !important;
}
@media(max-width:1100px){
  .fc-club-profile-grid{
    grid-template-columns:1fr !important;
  }
}

/* Create flow is less huge and more balanced */
.fc-create-flow{
  grid-template-columns:minmax(520px,1.1fr) minmax(360px,.9fr) !important;
}
@media(max-width:1100px){
  .fc-create-flow{
    grid-template-columns:1fr !important;
  }
}

/* Buttons */
.fc-btn.small{
  padding:8px 12px !important;
  font-size:12px !important;
}
.fc-action-row{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

/* Footer always clean */
.fc-footer{
  margin-top:28px !important;
  padding-top:18px !important;
  border-top:1px solid rgba(168,85,247,.25) !important;
}

/* When old pages still use giant hero art, this forces the text to stay readable */
.fc-visual-hero-overlay > div{
  max-width:760px !important;
}