/* Менюто на сайта: лентата горе и разгънатото меню на телефон.
 *
 * Живееше вписано в четири страници наведнъж, буква по буква едно и също.
 * Оттук го ползват и те, и правните страници, за да няма пето копие и за да
 * не се разминат след първата поправка.
 *
 * Маркъпът, който тези правила очакват: header.shapka с a.znak, nav.patish и
 * button.burger[data-otvori], плюс div.mmenu[data-mmenu][hidden] с
 * button.zatvori[data-zatvori]. Поведението е в assets/js/menu.js.
 */

/* Лентата горе е менюто на сайта, същото като на всяка друга страница:
   логото вляво, страниците в средата, златният бутон вдясно. На телефон
   редът се свива до лого и бургер, а страниците минават в цял екран. */
.shapka {
  position: sticky; top: 0; z-index: 90;
  display: flex; align-items: center; justify-content: space-between; gap: 1.2rem;
  padding: 0.9rem max(clamp(1.2rem, 4vw, 3.6rem), calc((100% - 1200px) / 2));
  background: #FFFFFF;
  /* Същите две състояния като лентата на началната страница: бледа рамка,
     докато сме горе, по-плътна и със сянка, щом страницата тръгне. Там го
     прави `paintNav` от компонента, тук го прави menu.js. */
  border-bottom: 1px solid rgba(184,147,79,0.3);
  transition: border-color 0.45s, box-shadow 0.45s;
}
.shapka[data-lepnata="1"] {
  border-bottom-color: rgba(184,147,79,0.55);
  box-shadow: 0 4px 18px rgba(59,44,33,0.08);
}
.shapka .znak { flex: none; display: block; }
/* същият филтър като на другите страници: логото е светло и на
   кремавия фон се губи без него */
.shapka img {
  height: 44px; width: auto; display: block;
  filter: brightness(.42) saturate(1.2);
}
.patish { display: flex; align-items: center; gap: 0.85rem; }
/* Златният бутон е изключен: той идва от хъба със свой пълен вид и
   правилата за съседните връзки му налагаха друга дебелина, друг размер
   и друг шрифт. Оттам идваше и усещането, че не е от същия сайт. */
.patish a:not([data-dd-btn]) {
  font-size: 0.9rem; font-weight: 500; color: #3B2C21;
  white-space: nowrap; transition: color 0.35s ease;
}
.patish a:not([data-dd-btn]):hover { color: #8A6B3F; }

[data-dd-btn] { transition: filter 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease; }
[data-dd-btn]:hover {
  filter: brightness(1.22) saturate(1.08);
  box-shadow: 0 14px 30px rgba(138,107,63,0.45), inset 0 0 0 2px rgba(59,44,33,0.9);
  transform: translateY(-2px);
}

.burger {
  display: none; width: 48px; height: 48px; flex: none;
  align-items: center; justify-content: center;
  border: 1px solid rgba(184,147,79,0.4); border-radius: 5px;
  background: rgba(184,147,79,0.12); cursor: pointer;
}
.burger span {
  display: block; width: 20px; height: 1.6px; background: #262320;
  box-shadow: 0 -6px 0 #262320, 0 6px 0 #262320;
}

.mmenu {
  position: fixed; inset: 0; z-index: 95;
  display: flex; flex-direction: column; justify-content: flex-start; gap: 0.2rem;
  overflow-y: auto; padding: 4.6rem clamp(1.4rem, 7vw, 3rem) 2.5rem;
  background: #FFFFFF;
}
.mmenu[hidden] { display: none; }
.mmenu a:not([data-dd-btn]) {
  padding: 0.72rem 0; border-bottom: 1px solid rgba(184,147,79,0.4);
  font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.7rem;
  color: #262320;
}
.zatvori {
  position: absolute; top: 1.1rem; right: 1.2rem; width: 48px; height: 48px;
  border: 1px solid rgba(184,147,79,0.4); border-radius: 5px;
  background: transparent; color: #262320; font-size: 1.5rem; cursor: pointer;
}

@media (max-width: 1300px) {
  .patish { display: none; }
  .burger { display: flex; }
}

/* Разгъващите панели при апаратите, линиите под връзките и отбелязването
   на текущата страница са в navigacia.css, общо за всички страници. */