/* მარცხენა პანელი (skins/layouts/header.php) — ეკრანის სიმაღლეში ეტევა სქროლის გარეშე.
   ფიქსირებული დიდი დაშორებების ნაცვლად ქვედა ბლოკი (პოლიტიკა, სოციალური, copyright) ძირში იწევა. */
@media screen and (min-width: 768px) {
  .sidenav {
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: 100dvh;
    padding: clamp(20px, 4vh, 40px) 50px clamp(16px, 3vh, 28px);
  }

  .sidenav > * { flex-shrink: 0; }

  .sidenav .logos,
  .personal-sidenav .logos {
    margin-bottom: clamp(16px, 4.5vh, 50px);
  }

  /* ავტორიზებული */
  .personal-sidenav .user-name { margin-bottom: clamp(14px, 2.6vh, 28px); }
  .personal-sidenav .account-nav { margin-bottom: 24px; }
  .personal-sidenav .policy { margin-top: auto; margin-bottom: clamp(14px, 3vh, 32px); }

  /* სტუმარი */
  .sidenav .password-recovery { margin: clamp(10px, 1.6vh, 15px) 0 clamp(16px, 3vh, 30px); }
  .sidenav .login-btn { margin-bottom: clamp(14px, 2.6vh, 27px); }
  .sidenav .register-link:nth-of-type(1),
  .sidenav .register-link:nth-of-type(2) { margin-bottom: 24px; }
  .sidenav:not(.personal-sidenav) .alert { margin-bottom: 16px; }
  .sidenav:not(.personal-sidenav) > .social-media { margin-top: auto; }

  .sidenav .social-media { margin-bottom: clamp(14px, 2.6vh, 30px); }
}

/* დაბალი ეკრანები (ლეპტოპი, მასშტაბი 125%+) */
@media screen and (min-width: 768px) and (max-height: 760px) {
  .sidenav .logos { width: 64px; height: 64px; }
  .personal-sidenav .user-name { font-size: 15px; }
  .account-nav { gap: 8px; }
  .account-nav a { height: 40px; }
  .login-form input { height: 44px; }
  .login-btn { height: 42px; }
  .social-media a { width: 34px; height: 34px; }
  .social-media a img { max-width: 16px; max-height: 16px; }
  .copyright { gap: 6px; }
}

@media screen and (min-width: 768px) and (max-height: 600px) {
  .sidenav .logos { width: 52px; height: 52px; }
  .account-nav a { height: 36px; }
  .policy { gap: 3px; }
}

/* მობილური: პანელი ზედა ზოლის (100px) ქვემოთ იწყება — ბოლო აღარ იჭრება */
@media screen and (max-width: 767px) {
  .sidenav {
    height: calc(100vh - 100px);
    height: calc(100dvh - 100px);
  }
}