/* AMORA shared mobile responsiveness improvements. */
@media (max-width: 768px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  body { -webkit-text-size-adjust: 100%; }
  *, *::before, *::after { box-sizing: border-box; }

  img, video, canvas, svg, iframe { max-width: 100%; }
  img, video { height: auto; }

  main, section, article, .wrap, .container, .page, .content,
  .feedPage, .accountPage, .fcWrap, .sub {
    max-width: 100% !important;
  }

  .wrap, .container, .page, .content, .feedPage, .accountPage, .fcWrap, .sub {
    width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  h1 { font-size: clamp(1.65rem, 8vw, 2.6rem) !important; line-height: 1.08; overflow-wrap: anywhere; }
  h2 { font-size: clamp(1.25rem, 6vw, 1.8rem); line-height: 1.18; overflow-wrap: anywhere; }
  h3 { overflow-wrap: anywhere; }
  p, a, button, input, select, textarea, label { overflow-wrap: anywhere; }

  input, select, textarea, button {
    max-width: 100%;
    min-height: 44px;
    font-size: 16px !important;
  }
  textarea { min-height: 96px; }

  .grid, .formGrid, .statsGrid, .cards, .cardGrid, .profileGrid,
  .plans, .countries, .stk, .photoGrid {
    grid-template-columns: 1fr !important;
  }

  .actions, .buttons, .buttonRow, .top, .head, .heroActions {
    flex-wrap: wrap !important;
  }
  .actions > button, .actions > a, .buttons > button, .buttons > a,
  .buttonRow > button, .buttonRow > a {
    max-width: 100%;
  }

  nav, .nav, .tabs, .topNav, .bottomNav, .menuBar {
    max-width: 100%;
  }
  .tabs {
    overflow-x: auto;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .tabs > * { flex: 0 0 auto; }

  table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  pre, code { max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; }

  .modal, [class*="modal" i] { max-width: 100vw; }
  .modal-content, .modalContent, [class*="modal-card" i], [class*="modalCard" i] {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: 88vh;
    overflow-y: auto;
  }

  .card, [class*="card" i] { max-width: 100%; }
  .bal, .money { font-size: clamp(1.8rem, 10vw, 2.6rem) !important; }

  .sourceRow, .sourceTotal { align-items: flex-start; }
  .sourceRow strong, .sourceTotal strong { white-space: normal !important; text-align: right; }

  .createdRow { min-width: 0; }
  .createdRow > * { min-width: 0; }

  .hero { min-width: 0; }
  .hero > div { min-width: 0; }

  /* Prevent fixed/bottom controls from extending beyond small screens. */
  [style*="position:fixed"], [style*="position: fixed"] { max-width: 100vw; }
}

@media (max-width: 480px) {
  .wrap, .container, .page, .content, .feedPage, .accountPage, .fcWrap, .sub {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .card, [class*="card" i], .panel { padding-left: 12px !important; padding-right: 12px !important; }
  .top { padding-left: 10px !important; padding-right: 10px !important; align-items: flex-start !important; }
  .top > div { max-width: 100%; }
  .avatar { width: 68px !important; height: 68px !important; flex: 0 0 68px; }
  .sourceRow, .sourceTotal { gap: 8px; }
}

/* AMORA shared identity + compact access status */
.brand,.logo,.aboutBrand,.profileBrand,.paradeBrand,.fcBrand,.roomBrand,.footerLogo{
  white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;
  flex-shrink:1!important;min-width:0!important;
}
.brand span,.logo span,.aboutBrand span,.profileBrand span,.paradeBrand span,.fcBrand span,.roomBrand span,.footerLogo span{
  white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;
}
.cmSubscriptionStatus{
  position:fixed;left:8px;bottom:8px;z-index:8990;
  display:inline-flex;align-items:center;gap:6px;max-width:calc(100vw - 90px);
  padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
  background:rgba(18,14,22,.90);backdrop-filter:blur(10px);color:#fff;text-decoration:none;
  box-shadow:0 5px 16px rgba(0,0,0,.24);font-family:Poppins,Arial,sans-serif;
}
.cmSubscriptionStatus span{font-size:8px;letter-spacing:.12em;opacity:.72;white-space:nowrap}
.cmSubscriptionStatus strong{font-size:10px;line-height:1;white-space:nowrap}
.cmSubscriptionStatus[data-state="trial"]{border-color:rgba(234,223,207,.35)}
.cmSubscriptionStatus[data-state="active"]{border-color:rgba(92,210,143,.35)}
.cmSubscriptionStatus[data-state="expired"]{border-color:rgba(255,108,139,.4)}
.cmSubscriptionStatus[hidden]{display:none!important}
body.giftOpen{overflow:hidden!important}
@media(max-width:700px){
  .brand,.logo,.aboutBrand,.profileBrand,.paradeBrand,.fcBrand,.roomBrand{
    font-size:clamp(.68rem,3.5vw,.9rem)!important;letter-spacing:clamp(1.2px,.7vw,3px)!important;
    max-width:42vw!important;
  }
  .brand img{width:34px!important;height:34px!important;flex:0 0 34px!important}
  .cmSubscriptionStatus{left:6px;bottom:6px;padding:4px 7px;gap:5px;max-width:calc(100vw - 86px)}
  .cmSubscriptionStatus span{font-size:7px}.cmSubscriptionStatus strong{font-size:9px}
}


/* AMORA utility navigation polish */
a[href="javascript:history.back()"],button[onclick*="history.back"],.backLink,.backLogin,.topPicsBack,.fcHeaderActions button,.wrap>a:first-child{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;background:rgba(255,255,255,.055)!important;color:#fff!important;text-decoration:none!important;font-family:'Poppins',system-ui,sans-serif;font-size:.72rem!important;font-weight:600!important;letter-spacing:.3px;box-shadow:none;backdrop-filter:blur(12px)}
a[href="javascript:history.back()"]:hover,button[onclick*="history.back"]:hover,.backLink:hover,.backLogin:hover,.topPicsBack:hover,.wrap>a:first-child:hover{background:rgba(234,223,207,.11)!important;border-color:rgba(234,223,207,.32)!important}