/* 

--------------
استایل منو _menu.html
--------------

*/


  /* --- Cream & Gold theme menu --- */
   :root{
    --cream:#fff7e6;
    --cream2:#f4ead4;
    --gold:#d4af37;
    --gold2:#b8860b;
    --ink:#2b2418;
    --line: rgba(184,134,11,.28);
    --shadow: 0 12px 28px rgba(43,36,24,.12);
    --radius: 18px;
    --container: 1200px;
  }

  /* تمام‌عرض واقعی */
  .site-header{
    width:100%;
    background: linear-gradient(180deg, var(--cream), var(--cream2));
    border-bottom: 1px solid var(--line);
  }

  .nav{ width:100%; }

  /* محتوا داخل کانتینر */
  .nav__container{
    max-width: var(--container);
    margin: 0 auto;
    padding: 14px 16px;
    display:flex;
    align-items:center;
    gap: 14px;
  }

  .nav__brand{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:var(--ink);
    font-weight:900;
  }
  .nav__logo{
    width:36px;height:36px;
    display:grid;place-items:center;
    border-radius: 14px;
    background: radial-gradient(circle at 30% 30%, #ffe8a6, var(--gold));
    box-shadow: 0 10px 22px rgba(184,134,11,.22);
  }
  .nav__title{ font-size: 1.05rem; letter-spacing:.2px; }

  .nav__links{
    list-style:none;
    display:flex;
    gap: 6px;
    margin:0;
    padding:0;
    flex:1;
    justify-content:center;
  }

  .nav__link{
    text-decoration:none;
    color:var(--ink);
    font-weight:700;
    padding: 10px 12px;
    border-radius: 14px;
    transition: .16s ease;
  }
  .nav__link:hover{
    background: rgba(212,175,55,.15);
    box-shadow: inset 0 0 0 1px rgba(184,134,11,.25);
  }

  .nav__actions{
    display:flex;
    gap:10px;
    align-items:center;
  }

  .btn{
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding: 10px 14px;
    border-radius: 14px;
    font-weight:800;
    transition: .16s ease;
    white-space: nowrap;
  }
  .btn--ghost{
    color: var(--ink);
    background: rgba(255,255,255,.35);
    box-shadow: inset 0 0 0 1px rgba(43,36,24,.12);
  }
  .btn--ghost:hover{
    background: rgba(255,255,255,.55);
    box-shadow: inset 0 0 0 1px rgba(184,134,11,.30), var(--shadow);
  }
  .btn--gold{
    color:#1f180c;
    background: linear-gradient(180deg, #ffe8a6, var(--gold));
    box-shadow: 0 10px 24px rgba(184,134,11,.26);
  }
  .btn--gold:hover{
    transform: translateY(-1px);
    background: linear-gradient(180deg, #ffedb9, var(--gold2));
  }
  .btn--full{ width:100%; }

  /* موبایل */
  .nav__toggle{
    display:none;
    width:44px;height:44px;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.45);
    cursor:pointer;
  }
  .nav__toggle span{
    display:block;
    width:18px;height:2px;
    background: var(--ink);
    margin: 5px auto;
    border-radius:2px;
    opacity:.85;
  }

  .nav__mobile{
    width:100%;
    border-top: 1px solid var(--line);
    background: rgba(255,255,255,.25);
  }
  .nav__mobile-inner{
    max-width: var(--container);
    margin:0 auto;
    padding: 12px 16px 16px;
    display:grid;
    gap: 10px;
  }
  .nav__mobile-link{
    text-decoration:none;
    color:var(--ink);
    font-weight:800;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.50);
    box-shadow: inset 0 0 0 1px rgba(43,36,24,.10);
  }

  .nav__mobile-actions{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:10px;
  }

  @media (max-width: 900px){
    .nav__links, .nav__actions{ display:none; }
    .nav__container{ justify-content: space-between; }
    .nav__toggle{ display:inline-block; }
  }
  @media (max-width: 420px){
    .nav__mobile-actions{ grid-template-columns: 1fr; }
  }
/* 
-------------
پایان استایل دهی _menu.html
-------------
*/