/* BusTop v2.2.2 — live recovery, interaction and visual QA hotfix */
:root{--bt-page-max:1180px;--bt-feed-max:650px;}

/* JS yüklenemese bile ana sayfa görünür kalır. */
.reveal{opacity:1!important;transform:none!important;}

/* Hata ekranı */
.error-card{max-width:760px;margin:36px auto;padding:30px;border-radius:22px;}
.bt-error-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.bt-error-detail{margin:14px 0;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--bg);}
.bt-error-detail summary{cursor:pointer;font-weight:750;color:var(--primary);}

/* Public home */
.premium-hero{min-height:auto;padding:84px 0 72px;}
.premium-hero .hero-grid{align-items:center;gap:54px;}
.premium-hero .hero-copy{max-width:680px;}
.premium-hero .hero-copy h1{font-size:clamp(42px,5.6vw,76px);line-height:1.02;letter-spacing:-.055em;}
.premium-hero .hero-copy .lead{font-size:clamp(17px,2vw,21px);line-height:1.65;max-width:720px;}
.premium-hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap;}

/* Login — iki panel birbirine taşmasın */
.login-split{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(420px,.85fr)!important;align-items:stretch!important;}
.login-brand-panel,.login-form-panel{min-width:0!important;}
.login-form-panel{display:flex!important;align-items:center!important;justify-content:center!important;padding:38px!important;background:var(--surface)!important;}
.login-card{width:min(100%,460px)!important;max-width:460px!important;margin:0!important;padding:28px!important;position:relative!important;inset:auto!important;transform:none!important;}
.login-card-header{margin-bottom:20px!important;}
.login-card-header h1{font-size:30px!important;line-height:1.1!important;}
.login-form{display:grid;gap:14px;}
.login-field{display:grid;gap:7px;}
.login-field label{font-weight:700;font-size:13px;}
.login-remember-row{margin:0!important;}

/* Discover */
.discover-page,.discover-wrap,.discover-layout{width:min(calc(100% - 24px),var(--bt-page-max));margin-inline:auto;}
.discover-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:24px!important;align-items:start;}
.discover-grid,.profile-discover-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
.discover-card,.profile-discover-card{min-width:0!important;border-radius:20px!important;overflow:hidden;}
.discover-filters,.discover-sort,.discover-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none;}
.discover-filters a,.discover-sort a,.discover-tabs a{flex:0 0 auto!important;white-space:nowrap!important;}

/* Marketplace / jobs */
.mk-wrap{width:min(calc(100% - 24px),var(--bt-page-max))!important;max-width:var(--bt-page-max)!important;margin-inline:auto!important;}
.mk-head{padding:24px 28px!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:22px!important;box-shadow:var(--shadow-sm)!important;align-items:center!important;}
.mk-h1{display:flex;align-items:center;gap:12px;font-size:clamp(30px,4vw,44px)!important;}
.mk-h1::before{content:"";width:4px;height:36px;border-radius:99px;background:var(--primary);}
.mk-search{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,260px) auto!important;gap:10px!important;padding:8px!important;margin:16px 0 10px!important;}
.mk-search input{min-width:0!important;background:var(--bg)!important;border-radius:12px!important;padding:0 14px!important;}
.mk-search .btn{min-width:120px!important;}
.mk-chips{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0 12px!important;margin-bottom:14px!important;scroll-snap-type:x proximity;}
.mk-chip{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;line-height:1!important;padding:11px 15px!important;border-radius:999px!important;scroll-snap-align:start;}
.mk-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:start;}
.mk-card{display:block!important;width:100%!important;min-width:0!important;color:inherit!important;text-decoration:none!important;border-radius:20px!important;overflow:hidden!important;background:var(--surface)!important;border:1px solid var(--border)!important;}
.mk-card-img{aspect-ratio:16/10!important;}
.mk-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:48px;margin:0 0 12px!important;font-size:18px!important;line-height:1.32!important;color:var(--text)!important;text-decoration:none!important;}
.mk-card-title:empty::after{content:"İlan başlığı belirtilmemiş";color:var(--muted);}
.mk-price{font-size:23px!important;color:var(--primary)!important;margin-bottom:8px;}
.mk-meta{min-height:20px;}
.mk-city{padding-top:12px;margin-top:12px!important;border-top:1px solid var(--border);}
.mk-empty{min-height:230px;display:grid;place-content:center;}

/* Form stüdyoları */
.bt-file-field__input{pointer-events:auto!important;}
.bt-file-field__drop{width:100%;}
.bt-file-field__preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;}

/* Social feed */
.bt-social-page{min-height:calc(100dvh - 74px);}
.bt-social-shell{width:min(1120px,calc(100% - 24px));}
.bt-social-post{overflow:hidden;}
.bt-post-carousel__track{touch-action:pan-y pinch-zoom;}
.bt-post-carousel__slide img,.bt-post-carousel__slide video{max-width:100%;}
.bt-inline-comment-form button{min-width:58px;}

/* Reels */
.bt-reels-page{min-height:calc(100dvh - 74px);}
.bt-reel-card{isolation:isolate;}
.bt-reel-video{background:#020617;}

/* Buttons */
button,.btn,a[role="button"]{touch-action:manipulation;}
button:disabled,.btn:disabled{opacity:.62;cursor:not-allowed;}

/* Theme */
[data-theme="dark"] body{background:var(--bg);color:var(--text);}
[data-theme="dark"] .mk-head,[data-theme="dark"] .login-form-panel{background:var(--surface)!important;}

@media (max-width:1024px){
  .login-split{grid-template-columns:1fr 1fr!important;}
  .discover-layout{grid-template-columns:minmax(0,1fr)!important;}
  .discover-side{display:none!important;}
  .discover-grid,.profile-discover-grid,.mk-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  .premium-hero{padding:48px 0 42px;}
  .premium-hero .hero-grid{grid-template-columns:1fr!important;gap:28px;}
  .premium-hero .hero-copy h1{font-size:clamp(38px,12vw,56px);}
  .hero-visual{display:none!important;}
  .login-page-wrap{padding:10px!important;}
  .login-split{display:block!important;min-height:auto!important;border-radius:22px!important;}
  .login-brand-panel{display:none!important;}
  .login-form-panel{padding:12px!important;}
  .login-card{padding:22px 18px!important;border:0!important;box-shadow:none!important;}
  .mk-wrap{width:min(calc(100% - 14px),100%)!important;padding-inline:0!important;}
  .mk-head{padding:18px!important;border-radius:18px!important;align-items:stretch!important;}
  .mk-head>.btn{width:100%!important;}
  .mk-search{grid-template-columns:minmax(0,1fr)!important;}
  .mk-search .btn{width:100%!important;}
  .mk-grid,.discover-grid,.profile-discover-grid{grid-template-columns:minmax(0,1fr)!important;}
  .mk-card-img{aspect-ratio:16/9!important;}
  .bt-social-shell{width:100%!important;}
  .bt-error-actions>*{flex:1 1 150px;}
}
@media (max-width:420px){
  .mk-head{padding:16px!important;}
  .mk-h1{font-size:30px!important;}
  .mk-chip{font-size:12px!important;padding:10px 13px!important;}
  .login-card-header h1{font-size:26px!important;}
}
