/* =====================================================================
   responsive.css — السلوك المتجاوب
   Desktop أولًا مع نقاط كسر: 1080 / 960 / 820 / 680 / 560
   ===================================================================== */

@media (max-width: 1080px){
  /* الترويسة — قائمة جوال */
  .main-nav{
    display:none;position:absolute;top:100%;right:0;left:0;
    flex-direction:column;background:var(--card);border-bottom:1px solid var(--line);
    padding:12px 24px 20px;box-shadow:var(--shadow-md);
  }
  .main-nav.open{display:flex}
  /* لوحة الجوال خلفيتها بطاقة فاتحة، فتعود الروابط لألوان النص الأساسية */
  .main-nav a{padding:14px;font-size:17px;color:var(--ink)}
  .main-nav a:hover{background:var(--green-tint);color:var(--green-700)}
  .main-nav a.active{color:var(--green-700)}
  .sub-toggle{color:var(--ink)}
  .sub-toggle:hover{background:var(--green-tint);color:var(--green-700)}
  .has-sub.active .sub-toggle{color:var(--green-700)}
  .nav-toggle{display:inline-flex}
  .header-actions{margin-inline-start:0}
  .header-actions .btn{min-height:42px;padding:8px 16px;font-size:14px}
  .has-sub{width:100%}
  .sub-toggle{width:100%;justify-content:space-between;padding:14px;font-size:17px}
  .sub-menu{position:static;min-width:0;border:none;box-shadow:none;background:transparent;padding:0 14px 8px}

  .camel-grid{grid-template-columns:repeat(2,1fr)}
  .auction-grid{grid-template-columns:repeat(2,1fr)}
  .store-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 960px){
  .services-grid{grid-template-columns:1fr}
  .mini-hero .hero-inner{grid-template-columns:1fr;padding-block:44px 64px}
  .mini-hero .hero-visual{display:none}
  .detail-grid{grid-template-columns:1fr}
  .detail-side{position:static}
  .live-grid{grid-template-columns:1fr}
  .policy-layout{grid-template-columns:1fr}
  .policy-toc{position:static;display:flex;flex-wrap:wrap;gap:4px}
  .policy-toc a{flex:1 1 auto;white-space:nowrap}
  .stat-tiles{grid-template-columns:repeat(2,1fr)}

  /* الفلاتر الجانبية تتحول للوحة قابلة للطي */
  /* minmax(0,1fr) وليس 1fr — حتى لا يفرض المحتوى العريض (جداول min-width) تجاوزًا أفقيًا */
  .with-sidebar{grid-template-columns:minmax(0,1fr)}
  .with-sidebar.sidebar-end{grid-template-columns:minmax(0,1fr)}
  .filter-toggle-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    width:100%;min-height:48px;border:1.5px solid var(--line);border-radius:12px;
    background:var(--card);font-weight:600;margin-bottom:16px;
  }
  .filter-toggle-btn svg{width:18px;height:18px;color:var(--gold-600)}
  .filter-panel{display:none}
  .filter-panel.open{display:block;margin-bottom:20px}
}

@media (max-width: 820px){
  .cta-band{flex-direction:column;align-items:flex-start;padding:36px 28px}
  .spec-list{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .media-uploader{grid-template-columns:repeat(2,1fr)}
  .stepper .step{font-size:11.5px}
  .criteria{grid-template-columns:104px 1fr 40px;font-size:13px}
}

@media (max-width: 680px){
  .camel-grid,.camel-grid.cols-2{grid-template-columns:1fr}
  .auction-grid{grid-template-columns:1fr}
  .store-grid{grid-template-columns:repeat(2,1fr)}
  .gallery{grid-template-columns:repeat(3,1fr)}
  .section-title h2{font-size:26px}
  .page-header h1{font-size:24px}
  .wizard-actions{flex-direction:column-reverse}
  .wizard-actions .btn{width:100%}
  .wizard-actions .side{width:100%;flex-direction:column}
  .sort-row{align-items:stretch;flex-direction:column}
  .live-price{flex-direction:column;align-items:flex-start}
}

@media (max-width: 600px){
  .footer-grid{grid-template-columns:1fr}
}

@media (max-width: 560px){
  .brand-tag{display:none}
  #globalSearchBtn{display:none}
  /* ترويسة من صفّين: العلامة وزر القائمة أعلى، وأدوات التحكم (ومنها مبدّل الأنماط) في صف كامل أسفلهما */
  .header-inner{flex-wrap:wrap;min-height:0;padding-block:10px;gap:10px}
  .brand{order:1}
  .nav-toggle{order:2;margin-inline-start:auto}
  .header-actions{order:3;width:100%;justify-content:space-between;margin-inline-start:0;gap:8px}
  .header-actions .btn{min-height:44px}
  .otp-inputs{gap:6px}
  .otp-inputs input{width:38px;height:50px;font-size:19px}
  .auth-card{padding:26px 20px}
  .stat-tiles{grid-template-columns:1fr 1fr}
  .store-grid{grid-template-columns:1fr}
  .media-uploader{grid-template-columns:1fr}
  .container{padding-inline:18px}
  .profile-head{padding:22px 20px}
  /* صف الدور: تهبط منطقة الحالة/الإجراء إلى سطر مستقل بدل مزاحمة النص
     — أي عدد من العناصر داخل .r-side لا يمكنه فرض تمرير أفقي (RT-01) */
  .role-item{flex-wrap:wrap}
  .role-item .r-side{flex:1 0 100%;margin-inline-start:0;justify-content:flex-start}
  .pagination a:not(.current):not(:first-child):not(:last-child){display:none}
  .pagination .dots{display:none}
}