/* Responsive Styles and Media Queries */

/* Desktop Large Screens */
@media screen and (min-width: 1152px) {
  /* Large desktop styles */
}

/* Desktop Standard */
@media screen and (max-width: 800px) {
  .fnd_searchbox {
    height: 2.4rem;
  }

  #lng {
    top: 50%;
    transform: translate(0, -45%);
  }
}

/* Tablet Portrait */
@media (max-width: 768px) {
  .login-container::before {
    /* Login container before adjustments */
  }

  .login-title {
    /* Login title adjustments */
  }

  .toast-container {
    /* Toast container adjustments */
  }

  .toast {
    /* Toast adjustments */
  }

  .success-actions {
    /* Success actions adjustments */
  }

  .btn-resend, .btn-back {
    /* Button adjustments */
  }

  .countdown-timer {
    /* Countdown timer adjustments */
  }

  .countdown-section {
    /* Countdown section adjustments */
  }

  .video-background {
    /* Video background adjustments */
  }

  .video-overlay {
    /* Video overlay adjustments */
  }

  .login-content {
    /* Login content adjustments */
  }

  .login-title, .login-subtitle {
    /* Login title and subtitle adjustments */
  }

  .form-group {
    /* Form group adjustments */
  }
}

/* Tablet Landscape */
@media (max-width: 768px) and (orientation: landscape) {
  .language-floating-container {
    /* Language floating container adjustments */
  }

  .language-floating-btn {
    /* Language floating button adjustments */
  }

  .language-floating-menu {
    /* Language floating menu adjustments */
  }

  .login-container {
    /* Login container adjustments */
  }

  .login-form, .success-state {
    /* Login form and success state adjustments */
  }

  .login-header {
    /* Login header adjustments */
  }

  .form-group {
    /* Form group adjustments */
  }

  .countdown-timer {
    /* Countdown timer adjustments */
  }

  .countdown-text {
    /* Countdown text adjustments */
  }

  .countdown-section {
    /* Countdown section adjustments */
  }

  .countdown-number {
    /* Countdown number adjustments */
  }
}

/* Mobile Portrait */
@media (max-width: 576px) {
  .page-header {
    font-size: 100%;
    line-height: 1.05;
  }

  .file-list-header {
    width: 70px;
    min-width: 70px;
  }

  .tt-link-div.name {
    font-family: var(--font-compact);
    font-size: 90%;
  }

  .tt-link-div.header {
    font-size: 80%;
  }

  .tt-link-div.language {
    width: 15px;
    padding: 0 2px;
  }

  .tt-link-div.material-type {
    width: 30px;
  }

  .tt-link-div.format-type-container {
    padding: 0 2px;
  }

  .tt-link-div.format-type.img-box {
    width: 13px;
    height: 13px;
    min-width: 13px;
  }

  .text-sm-narrow {
    font-family: var(--font-compact);
  }

  /* General mobile improvements */
  body {
    font-size: 0.95rem;
  }

  /* Compact headings */
  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.3rem; }
  h3 { font-size: 1.15rem; }
  h4 { font-size: 1.05rem; }
  h5 { font-size: 1rem; }
  h6 { font-size: 0.95rem; }

  /* Compact buttons */
  .btn {
    padding: 8px 12px;
    font-size: 0.9rem;
  }

  .btn-sm {
    padding: 6px 10px;
    font-size: 0.85rem;
  }
}

/* Mobile Small */
@media (max-width: 400px) {
  .login-title {
    /* Login title adjustments */
  }

  .countdown-timer {
    /* Countdown timer adjustments */
  }

  .countdown-section {
    /* Countdown section adjustments */
  }

  .countdown-number {
    /* Countdown number adjustments */
  }
}

/* Mobile Very Small */
@media (max-width: 360px) {
  .page-header {
    white-space: normal !important;
  }

  .treeselect-list {
    position: relative!important;
  }
}

/* Mobile Responsive Breakpoints */
@media (max-width: 480px) {
  /* Mobile specific adjustments */
}

@media (min-width: 481px) and (max-width: 768px) {
  /* Tablet specific adjustments */
}

@media (min-width: 769px) and (max-width: 1200px) {
  /* Desktop medium specific adjustments */
}

@media (min-width: 1201px) {
  /* Desktop large specific adjustments */
}

/* Responsive Font Sizes */
@media (min-width: 576px) {
  .filters {
    justify-content: flex-end;
  }

  .card-number {
    right: 97%;
  }

  .card-nav-panel button {
    width: 120px;
    height: 40px;
  }

  .fs-sm-5 {
    font-size: 1.25rem !important;
  }

  .fs-sm-6 {
    font-size: 1rem !important;
  }

  .fs-sm-7 {
    font-size: 0.9rem !important;
  }

  .fs-sm-8 {
    font-size: 0.8rem !important;
  }

  .fs-sm-9 {
    font-size: 0.7rem !important;
  }
}

@media (min-width: 768px) {
  .card-number {
    right: 98%;
  }
}

@media (min-width: 992px) {
  .filters {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .card-number {
    right: 98.5%;
  }
}

@media (min-width: 1200px) {
  .card-number {
    right: 99%;
  }
}

/* Accessibility - Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .video-background {
    display: none !important;
  }

  .video-overlay {
    background: rgb(var(--color-canvas)) !important;
  }
}

/* Accessibility - High Contrast */
@media (prefers-contrast: high) {
  :root {
    /* High contrast color adjustments */
  }

  .form-input {
    /* Form input high contrast adjustments */
  }

  .btn-primary {
    /* Button high contrast adjustments */
  }
}