/* Общие стили */



.sticky-blocks {
  top: 60px; /* Высота вашего меню */
}



/* Навигация */
.glv-navbar {
  background-color: white;
  border-bottom: 2px solid black;
  padding-bottom: 0px;
  padding-top: 0px;
  max-height: 130px;
}

.glavnoe-menyu-fixed {
  z-index: 1030;
}

.glv-section-main-menu {
  background-color: #ffffff;
}

/* Логотип и текст */
.word1, .word2 {
  font-size: 1.8vw; 
  font-family: Tahoma; 
  color: #B3281D; 
  text-shadow: 1px 1px 1px #000; 
  line-height: 0.8;
  max-width: 12vw;
}

/* Стили меню */
.offcanvas.offcanvas-start {
  width: 380px !important;
}

.offcanvas-body {
  padding: 0;
}

.glv-navbar a.nav-link {
  color: #000000 !important;
  max-width: 110px;
  transform-origin: left bottom;
  transition: .5s transform ease;
  will-change: transform;
  line-height: 1.3em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.8em;
}

.glv-navbar a.nav-link:hover {
  transform: skewX(-8deg);
  text-decoration: underline;
}

.glv-navbar .nav-link {
  padding: 1rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.offcanvas-header {
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.glv-margin-top {
  margin-top: 88px;
}

/* Стили для второго меню (подарочные книги) */
.offcanvas.offcanvas-end {
  width: 320px !important;
}

#offcanvasGiftbooksNavbar .nav-link {
  color: #ecf0f1;
  border-bottom: 1px solid #34495e;
  padding: 15px 20px;
}

#offcanvasGiftbooksNavbar .nav-link.active {
  background-color: #e67e22;
  color: white !important;
} 

/* Адаптивные стили */
@media (min-width: 992px) {
  .navbar-expand-lg .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  
  .flex-grow-1 {
    flex: 1 1 0%;
  }
  
  .pe-5 {
    padding-right: 3rem !important;
  }
  
  .ps-5 {
    padding-left: 3rem !important;
  }
  
  .double-hamburgers {
    display: none;
  }
}


/*  форма поиска в шапке */
/* Основные стили формы */
.glv-inline-search {
  display: flex;
  align-items: center; /* Выравниваем элементы по вертикали */
  gap: 8px; /* Расстояние между полем и кнопкой */
  width: 100%;
  max-width: 500px; /* Можно регулировать по необходимости */
}

/* Стили для контейнера поля ввода */
.glv-inline-search .form-item {
  margin: 0 !important; /* Убираем стандартные отступы Drupal */
  flex-grow: 1; /* Поле занимает все доступное пространство */
}

/* Стили самого поля ввода */
.glv-inline-search .form-search {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  height: 40px; /* Фиксированная высота */
  box-sizing: border-box;
}

/* Стили для контейнера кнопки */
.glv-inline-search .form-actions {
  margin: 0 !important; /* Убираем стандартные отступы */
  flex-shrink: 0; /* Запрещаем сжимание кнопки */
}

/* Стили кнопки */
.glv-inline-search .form-submit {
  padding: 8px 16px;
  height: 40px; /* Такая же высота как у поля ввода */
  border: none;
  border-radius: 4px;
  background-color: #ae4221;
  color: white;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.3s;
}

.glv-inline-search .form-submit:hover {
  background-color: #ae4221;
}

/* Адаптация для мобильных */
@media (max-width: 480px) {
  .glv-inline-search {
    flex-direction: column; /* На маленьких экранах можно сделать вертикально */
    gap: 12px;
  }
  
  .glv-inline-search .form-item,
  .glv-inline-search .form-actions {
    width: 100%;
  }
}

/* иконка вместо текста */
.glv-inline-search .form-submit {
  text-indent: -9999px;
  background: #ae4221 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>') no-repeat center;
  width: 40px;
  padding: 0;
}

/* анимация при фокусе */
.glv-inline-search .form-search:focus {
  outline: none;
  border-color: #ae4221;
  box-shadow: 0 0 0 2px rgba(174,66,33,0.25);
}