/* =========================================================
   APOLLO NETWORKS — FASE 14
   Mobile + UX + acabamento responsivo
   ========================================================= */
:root{
  --pl-purple:#8b5cf6;
  --pl-purple-2:#a855f7;
  --pl-pink:#ec4899;
  --pl-bg:#08090d;
  --pl-surface:#10111a;
  --pl-text:#f7f7fb;
  --pl-muted:#9699a8;
}

html{scroll-padding-top:78px}
body{-webkit-tap-highlight-color:transparent}
button,a,input,select,textarea{touch-action:manipulation}
:focus-visible{outline:2px solid #c084fc!important;outline-offset:3px}

/* Mobile-safe containers */
@media(max-width:900px){
  .header-inner,.section-container{width:min(calc(100% - 28px),1240px)}
  .main-navigation{margin-left:18px;gap:18px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .main-navigation::-webkit-scrollbar{display:none}
  .header-favorites-button{margin-left:auto;flex:0 0 auto}

  .prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prompt-card-content{padding:13px}
  .prompt-card-content h3{font-size:13px}
  .prompt-card-footer{align-items:flex-start;flex-direction:column}
  .prompt-view-button{font-size:10px}

  .prompt-detail{margin:35px auto;padding:0 18px}
  .prompt-detail-grid{grid-template-columns:1fr;gap:24px}
  .detail-image img{max-height:none;aspect-ratio:1/1;object-fit:cover}
  .actions{flex-wrap:wrap}
  .actions button{flex:1 1 150px;min-height:46px}

  .collections-shell,.favorites-page{margin:34px auto;padding-left:18px;padding-right:18px}
  .collections-shell .section-title,.favorites-heading{align-items:flex-start;flex-direction:column}
  .collections-shell h1,.favorites-heading h1{font-size:34px}
  .section-title>button,.back-button{width:100%;text-align:center;min-height:46px}
  .collections-grid,.favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

  .submission-grid,.security-actions-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
  .site-header{position:sticky}
  .header-inner{min-height:64px;gap:12px}
  .brand{font-size:18px;flex:0 0 auto}
  .main-navigation{margin-left:6px;gap:14px;min-width:0}
  .main-navigation a{font-size:11px}
  .site-header [data-user-nav]{gap:8px}
  .site-header [data-user-nav] a,.site-header [data-user-nav] button{font-size:11px}
  .header-favorites-button{height:34px;padding:0 10px;font-size:10px}

  .hero-section{padding:48px 0 34px}
  .hero-content h1{font-size:clamp(34px,11vw,48px);letter-spacing:-1.6px}
  .hero-content p{font-size:13px}
  .search-wrapper{max-width:none}
  .search-wrapper input{height:48px}
  .category-pills{gap:6px}
  .category-pill{min-height:34px;padding:0 11px}

  .categories-section,.prompts-section{padding:42px 0}
  .section-heading h2{font-size:23px}
  .category-grid,.prompt-grid{grid-template-columns:1fr 1fr;gap:10px}
  .category-card{padding:14px;border-radius:13px}
  .category-icon{width:32px;height:32px;margin-bottom:9px}
  .category-card-content strong{font-size:12px}
  .category-card-content small{font-size:9px}
  .prompt-image-wrapper{aspect-ratio:1/1}
  .favorite-button{width:34px;height:34px}

  .library-toolbar{align-items:stretch;flex-direction:column}
  .library-toolbar-info,.sort-control{width:100%}
  .sort-control select{flex:1}

  .f10-container{width:min(calc(100% - 28px),1240px)}
  .f10-header-inner{gap:10px}
  .f10-nav{overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .f10-nav::-webkit-scrollbar{display:none}
  .f10-nav>a{font-size:11px}
  .f10-hero-grid{gap:28px}
  .f10-hero{padding:52px 0 38px}
  .f10-hero h1{font-size:clamp(38px,11vw,54px)}
  .f10-hero p{font-size:14px}
  .f10-search{height:54px;margin-top:22px}
  .f10-hero-actions{flex-direction:column}
  .f10-btn{width:100%;min-height:48px}
  .f10-section{padding:50px 0}
  .f10-section-head{align-items:flex-start;flex-direction:column;gap:8px}
  .f10-section-head h2{font-size:25px}
  .f10-category-grid,.f10-creators,.f10-prompt-grid{grid-template-columns:1fr 1fr;gap:10px}
  .f10-category{min-height:145px;padding:15px}
  .f10-card-body{padding:13px}
  .f10-card-body h3{font-size:14px}
  .f10-card-body p{font-size:11px}
  .f10-cta{padding:26px;align-items:stretch;flex-direction:column}
  .f10-cta h2{font-size:25px}
  .f10-footer-grid{flex-direction:column}
  .f10-footer-links{gap:30px}

  .f10-explore{padding-bottom:60px}
  .f10-filter-row{display:grid!important;grid-template-columns:1fr 1fr!important}
  .f10-filter-row label:last-child{grid-column:1/-1}

  .account-shell{padding:20px 14px!important}
  .account-card{width:min(100%,520px)!important;padding:24px 20px!important}
  .account-head{align-items:flex-start!important}
  .account-tabs{grid-template-columns:1fr 1fr!important}
  .social-button,.primary-action{min-height:50px!important}

  .admin-login-page{padding:18px!important}
  .admin-login-card{width:min(100%,560px)!important;padding:26px 20px!important}
  .admin-intro{gap:12px!important}
  .admin-intro h1{font-size:26px!important}
  .admin-links{flex-wrap:wrap;gap:8px!important}

  .create-shell{width:min(calc(100% - 28px),1100px)!important;margin:35px auto!important}
  .create-hero{grid-template-columns:1fr!important;padding:24px!important;gap:18px!important}
  .create-hero h1{font-size:36px!important}
  .create-form{padding:20px!important}
  .create-form button{width:100%;min-height:48px}

  .profile-shell{padding-left:16px!important;padding-right:16px!important}
  .profile-hero{grid-template-columns:1fr!important;text-align:left}
  .profile-avatar{margin:0!important}
}

@media(max-width:480px){
  .header-inner{width:calc(100% - 20px)}
  .main-navigation a:nth-child(n+3){display:none}
  .site-header [data-user-nav] a:not(.user-nav-profile){display:none}
  .header-favorites-button{display:none}

  .category-grid,.prompt-grid,.f10-category-grid,.f10-creators,.f10-prompt-grid,.collections-grid,.favorites-grid{grid-template-columns:1fr}
  .prompt-card-footer{flex-direction:row;align-items:center}
  .prompt-image-wrapper{aspect-ratio:1.15/1}
  .section-heading{margin-bottom:18px}
  .section-heading h2{font-size:21px}

  .f10-nav>a:nth-child(n+2){display:none}
  .f10-hero-preview{transform:none}
  .f10-preview-image{min-height:230px}
  .f10-category{min-height:130px}
  .f10-card-media{aspect-ratio:1.15/1}
  .f10-section-head h2{font-size:23px}
  .f10-filter-row{grid-template-columns:1fr!important}
  .f10-filter-row label:last-child{grid-column:auto}

  .prompt-detail{padding:0 14px;margin-top:25px}
  .prompt-detail h1{font-size:30px}
  .stats{gap:12px;flex-wrap:wrap}
  pre{font-size:12px;padding:16px}
  .actions button{flex-basis:100%}

  .account-card{padding:22px 16px!important}
  .account-tabs{grid-template-columns:1fr!important}
  .admin-topbar{padding:12px!important}
  .admin-page-title{font-size:19px!important}
  .admin-content{padding:18px 12px!important}
  .admin-form-grid,.admin-stats-grid{grid-template-columns:1fr!important}
  .admin-table-wrapper{margin-left:-4px;margin-right:-4px}

  .submission-card{flex-direction:column!important}
  .submission-card-image{width:100%!important;height:170px!important;flex-basis:auto!important}
}

/* Touch targets */
@media(pointer:coarse){
  button,a,select{min-height:40px}
  .favorite-button,.f10-fav{min-height:40px;min-width:40px}
}

/* Prevent long content from breaking layouts */
.prompt-card-content h3,.f10-card-body h3,.admin-table td,.admin-table th{overflow-wrap:anywhere}
input,textarea,select{max-width:100%}
textarea{resize:vertical}

/* Admin mobile drawer polish */
.admin-sidebar-overlay{display:none}
@media(max-width:760px){
  .admin-sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(2px);z-index:90;opacity:0;pointer-events:none;transition:.2s}
  .admin-sidebar-overlay.active{opacity:1;pointer-events:auto}
  .admin-sidebar{z-index:100}
  .admin-topbar{z-index:80}
}

/* Accessibility / motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}