/* ===========================================================================
   Digitalpnd FX · responsive.css
   Breakpoints: 576 / 768 / 992 / 1200
   =========================================================================== */

/* ====== ≥1200 (large desktop) ====== */
@media(min-width:1200px){
  /* container is full-width (100%) across all breakpoints */
}

/* ====== ≤992 (tablet) ====== */
@media(max-width:992px){
  .nav-menu{
    position:fixed;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;
    background:rgba(5,3,10,.96);backdrop-filter:blur(22px);padding:1rem;gap:.3rem;
    border-bottom:1px solid var(--glass-border);transform:translateY(-160%);transition:transform var(--dur-slow) var(--ease);z-index:999;
/* ====== ≤992 (tablet / mobile sidebar drawer) ====== */
@media(max-width:992px){
  :root{--side-w:280px}
  .sidebar{
    transform:translateX(-100%);transition:transform var(--dur-slow) var(--ease);
    box-shadow:0 0 50px rgba(0,0,0,.5);
  }
  .sidebar.open{transform:translateX(0)}
  .main-shell{margin-left:0}
  .sidebar-toggle{display:grid;place-items:center}
  .sidebar-backdrop.show{display:block;opacity:1}
  .topbar-inner{padding-left:68px}
  .hero{padding:60px 0 40px}
}

/* ====== ≤768 (mobile) ====== */
@media(max-width:768px){
  .section{padding:64px 0}
  .container,.container-fluid{padding-inline:18px}
  .hero h1{font-size:2.2rem}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{width:100%}
  .footer-grid{grid-template-columns:1fr 1fr;gap:24px}
  .stat-card{padding:1.1rem}
  .stat-card .val{font-size:1.6rem}
  .auth-card{padding:1.8rem}
  .cal-item{flex-direction:column;gap:.4rem}
  .cal-time{min-width:0}
  .admin-side{position:static}
  .chart-box{height:380px}
  table.tbl{min-width:420px;font-size:.82rem}
  table.tbl th,table.tbl td{padding:.6rem .55rem}
  .glow-border::before{animation-duration:10s}
}

/* ====== ≤576 (small phone) ====== */
@media(max-width:576px){
  :root{--radius:16px;--radius-lg:18px}
  .container,.container-fluid{padding-inline:14px}
  .page-head{padding:32px 0 16px}
  .footer-grid{grid-template-columns:1fr}
  .widget,.card{padding:1.1rem}
  .fab{right:16px;bottom:16px;width:52px;height:52px;font-size:1.4rem}
  .brand{font-size:1.05rem}
  .nav-actions .lang-switch{display:none}
}