/* Header + top menu */

.site-header{
  position: relative;
  background:#fff;
  padding:2px 14px 2px;
}

.site-header::after{
  content:"";
  display:block;
  width:100%;
  height:3px;
  margin-top:2px;
  border-radius:2px;
  background: linear-gradient(90deg,#60a5fa,#818cf8,#a78bfa);
  opacity:.45;
}

.site-header-inner{
  max-width:1100px;
  margin:0 auto;
  padding:5px 14px 2px;
  display:flex;
  align-items:center;
  gap:16px;
}

.site-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:inherit;
}

.site-icon{ display:flex; align-items:center; justify-content:center; }
.site-icon img{ display:block; width:32px; height:32px; }

.site-text{ display:flex; flex-direction:column; line-height:1.1; }
.site-title{ font-size:20px; font-weight:700; color:#1e3a8a; }
.site-description{ font-size:13px; color:#6b7280; }

/* Навигация */
.site-nav{ margin-left:auto; }
.top-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:16px;
  align-items:center;
}
.top-menu a{ text-decoration:none; font-weight:600; color:#1f2937; }
.top-menu a:hover{ text-decoration:underline; }

/* Подменю (выпадашка) */
.top-menu .menu-item-has-children{ position:relative; }
.top-menu .sub-menu{
  display:none;
  position:absolute;
  left:0;
  top:100%;
  min-width:200px;
  list-style:none;
  margin:10px 0 0;
  padding:10px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,0.08);
}
.top-menu .menu-item-has-children:hover > .sub-menu{ display:block; }

/* Бургер */
.site-burger{
  display:none;
  margin-left:auto;
  width:44px;
  height:44px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  align-items:center;
  justify-content:center;
}
.site-burger-lines{
  width:20px;
  height:2px;
  background:#111827;
  position:relative;
  display:block;
}
.site-burger-lines::before,
.site-burger-lines::after{
  content:"";
  position:absolute;
  left:0;
  width:20px;
  height:2px;
  background:#111827;
}
.site-burger-lines::before{ top:-6px; }
.site-burger-lines::after{ top:6px; }

/* Mobile */
@media (max-width: 820px){
  .site-burger{ display:flex; }
  .site-nav{
    position:absolute;
    left:14px;
    right:14px;
    top:100%;
    margin:0;
    display:none;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:12px;
    box-shadow:0 14px 40px rgba(0,0,0,0.12);
    z-index:50;
  }
  .top-menu{ flex-direction:column; align-items:stretch; gap:8px; }
  .top-menu a{ padding:10px 12px; display:block; border-radius:10px; }
  .top-menu a:hover{ background:#f1f5f9; text-decoration:none; }

  body.menu-open .site-nav{ display:block; }

  /* Подменю в мобильном: показываем как вложенный список */
  .top-menu .sub-menu{
    display:block;
    position:static;
    border:none;
    box-shadow:none;
    margin:0;
    padding:0 0 0 12px;
  }
}