/* Згенеровано css_bundle_v1 20261020_1144. Порядок блоків = порядок у шаблоні. */

/* ===== nav-landscape (було: live.html.heex, рядок 1) ===== */
@media (pointer: coarse) and (orientation: landscape) and (max-height: 500px) { body:has(input:not([type=file]):not([type=checkbox]):not([type=radio]):focus, textarea:focus, select:focus) .site-nav { position: static !important; } }

/* ===== nav-desktop-v1 (було: live.html.heex, рядок 2) ===== */
@media (min-width: 768px) {
  #desktop-nav { gap: 6px !important; }
  #desktop-nav :is(.nav-main, .nav-tools) > a, #desktop-nav .nav-tools > form > button { font-family: inherit !important; height: 40px; display: inline-flex !important; align-items: center; padding: 0 14px !important; border-radius: 999px !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: 0.01em; color: rgba(255,255,255,0.84) !important; text-decoration: none; transition: background 0.15s ease, color 0.15s ease; }
  #desktop-nav :is(.nav-main, .nav-tools) > a:hover, #desktop-nav .nav-tools > form > button:hover { background: rgba(255,255,255,0.09) !important; color: #ffffff !important; }
  #desktop-nav :is(.nav-main, .nav-tools) > a[href="/seller/listings/new"], #desktop-nav :is(.nav-main, .nav-tools) > a[href="/register"] { margin: 0 8px !important; padding: 0 20px !important; background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%) !important; color: #ffffff !important; font-weight: 700 !important; box-shadow: 0 4px 14px rgba(124,58,237,0.45), inset 0 1px 0 rgba(255,255,255,0.22); }
  #desktop-nav :is(.nav-main, .nav-tools) > a[href="/seller/listings/new"]:hover, #desktop-nav :is(.nav-main, .nav-tools) > a[href="/register"]:hover { background: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%) !important; }
  #desktop-nav :is(.nav-main, .nav-tools) > a.nav-ico { width: 40px; padding: 0 !important; justify-content: center; color: #c4b5fd !important; position: relative; }
  #desktop-nav :is(.nav-main, .nav-tools) > a.nav-ico:hover { color: #ffffff !important; }
  #desktop-nav :is(.nav-main, .nav-tools) > a.nav-ico > span { top: 3px !important; right: 2px !important; width: 15px !important; height: 15px !important; font-size: 9.5px !important; box-shadow: 0 0 0 2px #33145e; }
  #desktop-nav #theme-toggle-btn { width: 40px; height: 40px; padding: 0 !important; margin-left: 8px !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 50% !important; border: 1px solid rgba(221,214,254,0.32) !important; background: rgba(255,255,255,0.07) !important; color: #c4b5fd !important; }
  #desktop-nav #theme-toggle-btn:hover { background: rgba(255,255,255,0.15) !important; color: #ffffff !important; }
  #desktop-nav .nav-langs { gap: 2px !important; padding: 3px; border: 1px solid rgba(221,214,254,0.32); border-radius: 999px; background: rgba(255,255,255,0.05); }
  #desktop-nav .nav-langs > a { border-radius: 999px !important; padding: 5px 10px !important; font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: 0.05em; line-height: 1.3; text-decoration: none !important; font-family: inherit; }
}

/* ===== nav-type-v1 (було: live.html.heex, рядок 18) ===== */
@media (min-width: 768px) {
  .site-nav > a:first-child > span { font-size: 30px !important; letter-spacing: 1.5px !important; font-weight: 700 !important; }
  .site-nav > a:first-child > svg { width: 50px; height: 50px; }
  #desktop-nav :is(.nav-main, .nav-tools) > a, #desktop-nav .nav-tools > form > button { font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.01em !important; height: 40px; }
  #desktop-nav :is(.nav-main, .nav-tools) > a[href="/seller/listings/new"], #desktop-nav :is(.nav-main, .nav-tools) > a[href="/register"] { font-weight: 700 !important; }
  #desktop-nav .nav-langs > a { font-size: 12px !important; letter-spacing: 0.06em !important; }
}

/* ===== nav-soft-v1 (було: live.html.heex, рядок 27) ===== */
.site-nav > a:first-child > span { color: #ece7fa !important; }
#desktop-nav :is(.nav-main, .nav-tools) > a, #desktop-nav .nav-tools > form > button { color: rgba(228, 222, 246, 0.82) !important; }
#desktop-nav :is(.nav-main, .nav-tools) > a:hover, #desktop-nav .nav-tools > form > button:hover { color: #f1edfb !important; }
#desktop-nav :is(.nav-main, .nav-tools) > a[href="/seller/listings/new"], #desktop-nav :is(.nav-main, .nav-tools) > a[href="/register"] { color: #f5f2fd !important; }
#burger-btn, #mobile-cart-icon { color: #e4def6 !important; }

/* ===== nav-active-v1 (було: live.html.heex, рядок 34) ===== */
@media (min-width: 768px) {
  #desktop-nav :is(.nav-main, .nav-tools) > a[href="/seller/listings/new"] { margin: 0 !important; padding: 0 14px !important; background: transparent !important; box-shadow: none !important; font-weight: 600 !important; color: rgba(228, 222, 246, 0.82) !important; }
  #desktop-nav :is(.nav-main, .nav-tools) > a[href="/seller/listings/new"]:hover { background: rgba(255,255,255,0.09) !important; color: #f1edfb !important; }
  #desktop-nav :is(.nav-main, .nav-tools) > a.is-active, #desktop-nav :is(.nav-main, .nav-tools) > a.is-active:hover { background: rgba(255,255,255,0.16) !important; color: #f5f2fd !important; box-shadow: inset 0 0 0 1px rgba(221,214,254,0.42) !important; }
  #desktop-nav :is(.nav-main, .nav-tools) > a.nav-ico.is-active { color: #f5f2fd !important; }
}
#mobile-menu a.is-active { color: #c4b5fd !important; font-weight: 700; background: rgba(255,255,255,0.07); border-radius: 8px; }

/* ===== nav-sym-v1 (було: live.html.heex, рядок 43) ===== */
#desktop-nav .nav-main, #desktop-nav .nav-tools { display: flex; align-items: center; gap: 6px; }
@media (min-width: 1600px) {
  .site-nav { display: grid !important; grid-template-columns: 1fr auto 1fr; column-gap: 24px; }
  .site-nav > a:first-child { grid-column: 1; justify-self: start; }
  #burger-btn, #mobile-cart-icon { display: none !important; }
  #desktop-nav { display: contents !important; }
  #desktop-nav .nav-main { grid-column: 2; gap: 8px; }
  #desktop-nav .nav-tools { grid-column: 3; justify-self: end; }
}

/* ===== mmenu-v1 (було: live.html.heex, рядок 121) ===== */
#mobile-menu.mm{position:absolute;top:56px;left:0;right:0;z-index:99;flex-direction:column;gap:2px;padding:10px 14px 16px;background:#33145e;box-shadow:0 18px 40px rgba(15,5,35,.45);max-height:calc(100dvh - 56px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;}
#mobile-menu .mm-item{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border-radius:12px;color:#ece7fa;text-decoration:none;font-size:16px;font-weight:500;background:none;border:1px solid transparent;width:100%;box-sizing:border-box;text-align:left;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;}
#mobile-menu .mm-item svg{flex:0 0 auto;width:20px;height:20px;color:#c4b5fd;}
#mobile-menu .mm-item:active,#mobile-menu .mm-item:hover{background:rgba(255,255,255,.08);}
#mobile-menu .mm-item.is-active{background:rgba(255,255,255,.14);border-color:rgba(196,181,253,.35);color:#fff;font-weight:600;}
#mobile-menu .mm-add{margin:6px 0;color:#fff;font-weight:600;background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 16px rgba(124,58,237,.35);}
#mobile-menu .mm-add svg{color:#fff;}
#mobile-menu .mm-add:hover,#mobile-menu .mm-add:active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);}
#mobile-menu .mm-badge{margin-left:auto;min-width:22px;height:22px;padding:0 7px;box-sizing:border-box;border-radius:999px;background:#ede9fe;color:#5b21b6;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;}
#mobile-menu .mm-sep{height:1px;margin:8px 4px;background:rgba(196,181,253,.18);}
#mobile-menu .mm-logout{color:#c4b5fd;}
#mobile-menu .mm-reg{color:#fff;font-weight:600;justify-content:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);margin-top:6px;}
#mobile-menu .mm-reg svg{color:#fff;}
#mobile-menu .mm-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 4px 0;}
#mobile-menu .mm-langs{display:inline-flex;gap:2px;padding:3px;border-radius:999px;border:1px solid rgba(196,181,253,.35);background:rgba(255,255,255,.06);}
#mobile-menu .mm-lang{min-width:44px;height:36px;padding:0 10px;box-sizing:border-box;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#d9d2ee;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.3px;}
#mobile-menu .mm-lang.is-on{background:rgba(255,255,255,.18);color:#fff;}
#mobile-menu .mm-theme{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(196,181,253,.35);background:rgba(255,255,255,.06);color:#ece7fa;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;}
#mobile-menu .mm-theme svg{width:18px;height:18px;color:#c4b5fd;}