/* Main Page Styles */

/* Base Page Layout - body styles moved to core/base.css */

/* Main Content Layout */
.site-container {
  padding-right: 20px;
}

.tab-content{
  margin-top: -1px;
}

/* Balance paddings on small screens */
@media (max-width: 575.98px) {
  .site-container { padding-left: 0; padding-right: 0; }
}

/* Section Styles */
.section {
  width: 60px;
  min-width: 60px;
  text-transform: uppercase;
  font-family: var(--font-compact);
  line-height: 1.2;
  align-self: center;
  text-align: right;
  padding-right: 9px;
  font-size: 94%;
  color: rgb(var(--color-text-muted));
}

.rotate-high {
  transform: rotate(180deg);
  writing-mode: vertical-rl;
}

/* Page Header */
.page-header {
  cursor: default;
  font-variant: small-caps;
}

h1 {
  font-size: 200%; 
  margin: 0.2em;
}

/* Interactive Elements */
.fade {
  -webkit-transition-duration: 0.08s;
  transition-duration: 0.08s;
  -o-transition-duration: 0.08s;
  -moz-transition-duration: 0.08s;
}

/* Language Selector (legacy) */
#lng {
  display: inline-block;
  top: 50%;
  transform: translate(0, -45%);
  max-height: 40px;
  z-index: 100;
}

.dd-option-text, .dd-selected-text, .dd-pointer {
  display: none;
}

.dd-option-image, .dd-selected-image {
  max-width: 20px!important;
}

.dd-option {
  padding: 6px!important;
}

.dd-container, div.dd-select, ul.dd-options {
  width: 44px!important;
}

.dd-select {
  background: none!important; 
  border: none!important;
  padding: 0px!important;
}

/* Navigation - z-index moved to components/navbar.css and components/ui/user-menu.css */

/* Search Elements */
.filesList {
  position: relative; 
  background: rgb(var(--color-canvas));
}

.search-panel {
  height: 5px;
}

.search-request-text {
  display: inline-block;
}

.search-line {
  z-index: var(--z-sticky);
  position: sticky;
  /* iOS Safari: учитываем safe-area-inset-top чтобы элемент не уходил выше выреза */
  padding-top: env(safe-area-inset-top, 0px);
  top: env(safe-area-inset-top, 0px);
}

/* Фильтры и их dropdown должны быть выше search-line */
.search-line #filters-div,
.search-line .filters,
.search-line .treeselect {
  z-index: 1040;
}

/* Highlight Styles */
.highlihgt, h { 
  display: inline; 
  background-color: rgba(var(--audio-highlight-color), var(--audio-highlight-opacity));
  display: inline-block; 
  border-radius: 5px;
}

h {
  font-weight: normal;
  background-color: rgba(var(--audio-highlight-color), var(--audio-highlight-opacity));
  display: inline-block; 
  border-radius: 5px;
}

/* Responsive Main Page */
@media screen and (max-width: 800px) {
  #file-list-container .file-item{padding-left: 32px !important;}
  .fnd_searchbox {
    height: 2.4rem;
  }

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

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

@media (max-width: 360px) {
  .page-header {
    white-space: normal !important;
  }
}
#file-list-container .file-item {
  padding-left: 35px;
}
/* Mobile layout improvements */
@media (max-width: 575px) {
  #file-list-container .file-item{padding-left: 22px !important;}
  #file-list-container .file-item .type-rail{width: 15px !important;}
  .container-lg {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 0 !important;
  }

  .search-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .search-line {
    padding-top: 0 !important;
  }

  .search-card .form-control {
    font-size: 0.95rem;
  }
  .footer {    margin-top: 0 !important; }
}