/* Responsive layout and touch refinements for ADMIN.BA Market. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,iframe{max-width:100%}
main,.content-shell,.market-layout,.single-layout,.messages-layout,.account-dashboard,.account-forms{min-width:0}
button,.button,select,input[type=button],input[type=submit]{touch-action:manipulation}
:focus-visible{outline:2px solid #a994ff;outline-offset:3px}

@media(max-width:900px){
  .market-layout{grid-template-columns:minmax(0,1fr)}
  .left-sidebar,.right-sidebar{display:none}
  .account-dashboard{grid-template-columns:minmax(0,1fr)}
  .single-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}
  .single-content{padding:18px}
  .listing-grid,.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer-main{grid-template-columns:minmax(0,1.3fr) minmax(150px,.7fr);gap:26px}
  .footer-trust{grid-column:1/-1}
  .topbar{height:74px;gap:12px}
  .brand-mark{width:62px;height:52px}
  .brand-mark svg{width:60px;height:48px}
  .brand-wordmark strong{font-size:24px}
  .brand-wordmark b{font-size:17px}
  .brand-pitch{display:none}
  .account-actions{gap:8px}
  .account-link{display:none}
  .top-post{min-height:42px;padding-inline:12px}
  .mobile-nav-toggle{display:grid;width:44px;height:44px;flex:0 0 44px;margin-left:0}
  .nav-wrap{border-top:0}
  .nav-inner{display:block;width:100%;min-height:0}
  .main-navigation{position:absolute;top:74px;left:0;right:0;display:none;max-height:calc(100dvh - 128px);overflow-y:auto;padding:8px 16px 12px;border-top:1px solid #1c2b43;border-bottom:1px solid #24334b;background:#0a1220;box-shadow:0 12px 22px #0006;overscroll-behavior:contain}
  .main-navigation.is-open{display:block}
  .nav-menu{display:flex;height:auto;flex-direction:column;align-items:stretch;gap:2px}
  .nav-menu>li{display:block}
  .nav-menu>li>a{min-height:46px;padding:0 10px;border:0;border-radius:6px;font-size:14px}
  .nav-menu>li.current-menu-item>a,.nav-menu>li.current_page_item>a{background:#171d4b}
  .nav-dropdown,.nav-menu .sub-menu{position:static;display:none;max-height:38vh;overflow:auto;margin:0 0 5px 18px;padding:4px;border:0;border-left:1px solid #344264;border-radius:0;background:#0d1727;box-shadow:none}
  .nav-categories:focus-within .nav-dropdown,.nav-categories.mobile-expanded .nav-dropdown,.nav-menu .menu-item-has-children.mobile-open>.sub-menu{display:block}
  .nav-dropdown a,.nav-menu .sub-menu a{min-height:40px;padding:8px 10px;white-space:normal}
  .mobile-account-links{display:grid;gap:2px;padding-top:8px;border-top:1px solid #23314a}
  .mobile-account-links a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;color:#cbd7e9;font-size:13px}
  .mobile-account-links .icon{width:17px;height:17px;color:#8e82ff}
  .nav-search{width:auto;padding:8px 16px 10px}
  .search-form{height:44px}
  .search-field{font-size:16px}
  .search-submit{width:48px;flex-basis:48px}
}

/* Collapse the full navigation before tablet widths become crowded. */
@media(max-width:760px){
  .wrap{width:min(100% - 32px,1488px)}
  .topbar{height:64px;gap:8px}
  .brand{min-width:0;gap:7px}
  .brand-mark{width:46px;height:44px}
  .brand-mark svg{width:46px;height:42px}
  .brand-wordmark strong{font-size:20px}
  .brand-wordmark b{font-size:14px}
  .brand>.custom-logo{max-width:min(43vw,190px);max-height:48px}
  .brand-pitch{display:none}
  .account-actions{gap:7px}
  .account-link{display:none}
  .top-post{width:auto;min-width:0;height:42px;min-height:42px;padding:0 12px}
  .top-post .icon{width:18px;height:18px}
  .mobile-nav-toggle{display:grid;width:44px;height:44px;flex:0 0 44px;margin-left:0}
  .nav-wrap{border-top:0}
  .nav-inner{display:block;width:100%;min-height:0}
  .main-navigation{position:absolute;top:64px;left:0;right:0;display:none;max-height:calc(100dvh - 118px);overflow-y:auto;padding:8px 16px 12px;border-top:1px solid #1c2b43;border-bottom:1px solid #24334b;background:#0a1220;box-shadow:0 12px 22px #0006;overscroll-behavior:contain}
  .main-navigation.is-open{display:block}
  .nav-menu{display:flex;height:auto;flex-direction:column;align-items:stretch;gap:2px}
  .nav-menu>li{display:block}
  .nav-menu>li>a{min-height:46px;padding:0 10px;border:0;border-radius:6px;font-size:14px}
  .nav-menu>li.current-menu-item>a,.nav-menu>li.current_page_item>a{background:#171d4b}
  .nav-dropdown,.nav-menu .sub-menu{position:static;display:none;max-height:38vh;overflow:auto;margin:0 0 5px 18px;padding:4px;border:0;border-left:1px solid #344264;border-radius:0;background:#0d1727;box-shadow:none}
  .nav-categories:focus-within .nav-dropdown,.nav-categories.mobile-expanded .nav-dropdown,.nav-menu .menu-item-has-children.mobile-open>.sub-menu{display:block}
  .nav-dropdown a,.nav-menu .sub-menu a{min-height:40px;padding:8px 10px;white-space:normal}
  .mobile-account-links{display:grid;gap:2px;padding-top:8px;border-top:1px solid #23314a}
  .mobile-account-links a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;color:#cbd7e9;font-size:13px}
  .mobile-account-links .icon{width:17px;height:17px;color:#8e82ff}
  .nav-search{width:auto;padding:8px 16px 10px}
  .search-form{height:44px}
  .search-field{font-size:16px}
  .search-submit{width:48px;flex-basis:48px}
  .market-layout{margin-top:10px;margin-bottom:30px}
  .single-layout{grid-template-columns:minmax(0,1fr);gap:13px}
  .single-aside{position:static;order:-1}
  .single-main{order:0}
  .single-image{aspect-ratio:1.45}
  .single-title-row h1{font-size:clamp(21px,4.5vw,26px)}
  .single-price{font-size:22px}
  .single-meta{gap:9px}
  .single-aside{padding:15px}
  .seller-contact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content-shell{width:100%;margin:20px auto 38px;padding-inline:16px}
  .content-card,.form-card{padding:18px}
  .form-card{max-width:none}
  .account-forms{grid-template-columns:minmax(0,1fr)}
  .form-grid,.technical-field-grid{grid-template-columns:minmax(0,1fr);gap:13px}
  .form-field.full{grid-column:auto}
  .form-control,.archive-filter input,.archive-filter select{min-height:46px;font-size:16px}
  .form-field textarea.form-control{min-height:140px}
  .form-field input[type=file]{min-height:52px;padding:10px}
  .form-field.full>.button,.form-card form>.button{width:100%;min-height:48px}
  .archive-tools{align-items:stretch;flex-direction:column;padding:11px}
  .archive-tools-advanced .archive-filter{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .archive-tools-advanced .archive-filter>*{width:100%;min-width:0!important;max-width:none}
  .archive-tools-advanced .archive-filter input[type=search]{grid-column:1/-1}
  .archive-tools-advanced .archive-filter input[type=number]{width:100%}
  .archive-tools-advanced .archive-filter .button{min-height:46px}
  .archive-count{line-height:1.6}
  .listing-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .listing-card{min-width:0}
  .listing-image{aspect-ratio:1.3}
  .listing-body{padding:9px}
  .listing-title{min-height:0;font-size:12px;line-height:1.4}
  .listing-specs{font-size:10px}
  .listing-price{font-size:15px}
  .listing-location{font-size:10px}
  .favorite-button{width:38px;height:38px}
  .compare-button{min-height:40px}
  .category-tiles{display:flex;overflow-x:auto;gap:10px;padding:2px 1px 10px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .category-tile{flex:0 0 148px;min-height:145px;scroll-snap-align:start}
  .category-tile img{height:78px}
  .section-heading{align-items:flex-start;gap:8px;margin-top:22px}
  .section-heading h2{font-size:16px}
  .section-link{min-height:40px;align-self:center}
  .contact-grid,.steps-grid{grid-template-columns:minmax(0,1fr)}
  .seller-listing-row{align-items:flex-start;flex-wrap:wrap}
  .seller-listing-info{min-width:0}
  .seller-listing-actions{width:100%;max-width:none;justify-content:flex-start;gap:7px;padding-left:0}
  .seller-listing-actions form{display:flex;flex:1 1 145px;min-width:0}
  .seller-listing-actions .button{width:100%;min-height:42px;padding-inline:9px;font-size:11px}
  .seller-listing-actions select{max-width:none;min-height:42px;font-size:14px}
  .seller-gallery-manage{gap:8px}
  .seller-gallery-manage label{min-width:calc(50% - 5px)}
  .seller-gallery-manage img{width:100%;height:auto;aspect-ratio:1.3;object-fit:cover}
  .technical-spec-table>div{grid-template-columns:minmax(0,1fr);gap:3px}
  .pagination,.seller-pagination{flex-wrap:wrap;gap:6px}
  .pagination .page-numbers,.seller-pagination .page-numbers{min-width:42px;height:42px}
  .adminba-listings-map{min-height:min(62dvh,520px);height: min(62dvh,520px)}
  .map-page .page-heading{margin-bottom:14px}
  .compare-overlay{padding:10px}
  .compare-dialog{width:100%;max-height:calc(100dvh - 20px);padding:20px 12px}
  .compare-dialog h2{margin-right:78px;font-size:19px}
  .compare-close{right:10px;top:10px;min-height:42px}
  .compare-table-wrap{max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .compare-table{min-width:500px}
  .compare-bar{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));left:10px;gap:7px;padding:9px}
  .compare-bar>span{font-size:11px}
  .compare-bar .button{min-height:42px;padding:7px 9px}
  .seller-store-contact-fields{grid-template-columns:minmax(0,1fr)}
  .seller-store-contact-fields .button{grid-column:auto;justify-self:stretch;min-height:46px}
  .seller-store-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .seller-review{padding:12px}
  .messages-layout{grid-template-columns:minmax(0,1fr);min-height:0}
  .message-inbox{max-height:310px}
  .message-thread-list{max-height:250px}
  .message-thread-link{min-height:66px;padding:11px 12px}
  .message-conversation{min-height:0}
  .message-conversation-heading{gap:9px;padding:12px}
  .message-listing-price{font-size:12px}
  .message-history{min-height:260px;max-height:58dvh;padding:14px 10px}
  .chat-message{max-width:90%}
  .message-compose{padding:11px}
  .message-compose textarea{min-height:92px;font-size:16px}
  .message-compose>div{align-items:stretch;flex-direction:column}
  .message-compose small{max-width:none;line-height:1.5}
  .message-compose .button{width:100%;min-height:46px}
  .seller-message-box textarea{font-size:16px}
  .seller-message-box .button{min-height:46px}
  .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 15px;padding-top:26px;padding-bottom:24px}
  .footer-brand,.footer-trust{grid-column:1/-1}
  .footer-links a{min-height:36px;display:flex;align-items:center}
  .footer-bottom>.wrap{align-items:flex-start;flex-direction:column;gap:5px;padding-block:13px}
}

@media(max-width:460px){
  .wrap{width:min(100% - 24px,1488px)}
  .topbar{gap:6px}
  .brand{gap:5px}
  .brand-mark{width:39px}
  .brand-mark svg{width:40px}
  .brand-wordmark strong{font-size:18px}
  .brand-wordmark b{font-size:13px}
  .top-post{width:40px;min-width:40px;padding:0}
  .top-post-label{display:inline-block!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .mobile-nav-toggle{width:42px;height:42px;flex-basis:42px}
  .hero-banner{min-height:300px;background-position:30% center;background-size:auto 100%}
  .hero-copy{right:14px;bottom:17px;width:82%}
  .hero-copy h1{font-size:23px}
  .hero-copy>p{font-size:15px}
  .hero-features{max-width:270px;gap:7px 11px;white-space:normal}
  .content-shell{padding-inline:12px}
  .content-card,.form-card{padding:15px}
  .page-heading h1,.content-card h1,.form-card h1{font-size:22px}
  .single-content{padding:14px}
  .single-title-row{flex-direction:column;gap:10px}
  .single-action-buttons{width:100%;justify-content:flex-start}
  .single-action-buttons .favorite-button{position:static;flex:0 0 40px}
  .single-action-buttons .compare-button{min-height:40px}
  .seller-contact{grid-template-columns:minmax(0,1fr)}
  .archive-tools-advanced .archive-filter{grid-template-columns:minmax(0,1fr)}
  .archive-tools-advanced .archive-filter input[type=search]{grid-column:auto}
  .listing-grid,.archive-grid{gap:8px}
  .listing-image{aspect-ratio:1.12}
  .listing-body{padding:8px 7px}
  .listing-title{font-size:12px}
  .listing-specs{font-size:10px}
  .listing-price{font-size:14px}
  .listing-location{font-size:10px}
  .category-tile{flex-basis:136px}
  .section-heading h2{font-size:15px}
  .seller-profile-header{gap:11px;padding:14px}
  .seller-profile-avatar .avatar{width:58px;height:58px}
  .seller-profile-header h1{font-size:20px}
  .seller-store-hero{padding:16px 13px}
  .seller-store-main{gap:10px}
  .seller-store-avatar{width:54px;height:54px;flex-basis:54px}
  .seller-store-identity h1{font-size:20px;overflow-wrap:anywhere}
  .seller-store-stats{gap:12px 8px}
  .seller-store-stats strong{font-size:16px}
  .messages-layout{gap:11px}
  .message-conversation-heading>div:nth-child(2){min-width:0}
  .message-listing-price{max-width:78px;white-space:normal;text-align:right}
  .footer-main{grid-template-columns:minmax(0,1fr)}
  .footer-brand,.footer-trust{grid-column:auto}
}

@media(prefers-reduced-motion:reduce){.category-tile,.listing-card,.listing-image>img{transition:none!important}}

/* Trust and moderation controls */
.seller-verified,.verification-pending{display:inline-flex;align-items:center;gap:5px;margin:4px 0;padding:4px 9px;border:1px solid #2c755d;border-radius:999px;background:#102a25;color:#94f0cb;font-size:11px;font-weight:750}
.verification-pending{border-color:#584b85;background:#211b3c;color:#c9bbff}
.seller-block-form,.seller-trust-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}
.seller-block-form .button,.seller-trust-actions .button,.conversation-safety-actions .button{min-height:40px}
.conversation-safety-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);background:#0c1422}
.conversation-safety-actions form{margin:0}
.conversation-safety-actions .report-details{margin:0}
.conversation-safety-actions .report-details summary,.report-details summary{display:flex;align-items:center;min-height:40px;padding:0 10px;border:1px solid var(--line-strong);border-radius:6px;background:#111a2b;color:#c4d0e4}
.conversation-safety-actions .report-details form{min-width:min(320px,80vw);padding:10px;border:1px solid var(--line);border-radius:7px;background:#0c1422}
.conversation-safety-actions .report-details textarea,.report-details textarea{min-height:90px}
.moderation-feedback{display:inline-block;margin-top:5px;color:#ffce8b;font-size:11px;line-height:1.5}
.verification-settings{display:grid;gap:9px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.verification-settings h3{margin:0;font-size:16px}
.verification-settings .button{justify-self:start}
@media(max-width:760px){
  .seller-block-form .button,.seller-trust-actions .button{min-height:44px}
  .conversation-safety-actions{align-items:stretch;flex-direction:column}
  .conversation-safety-actions>form,.conversation-safety-actions>details{width:100%}
  .conversation-safety-actions>form .button,.conversation-safety-actions .report-details summary{width:100%;justify-content:center}
  .conversation-safety-actions .report-details form{min-width:0}
  .seller-trust-actions{align-items:stretch}
  .seller-trust-actions>form,.seller-trust-actions>details{flex:1 1 100%}
  .seller-trust-actions .button,.seller-trust-actions .report-details summary{width:100%;justify-content:center}
}