/* ============ MENIU — STANDARD UNIC pt. toate paginile ============ */

/* Bază */
:root { --sidebar: 250px; }              /* desktop */
.menu-open{
  position: fixed; top:0; left:0;
  width: var(--sidebar); height: 100vh;
  background:#EFF9F0; z-index:1000; overflow:hidden;
}
.menu-open .logo{ width:200px; margin:32px 20px 0; }
.menu-open ul{ list-style:none; margin:240px 0 0; padding:0; }
.menu-open li{ padding:10px 0; text-align:center; }
.menu-open li.selected, .menu-open li:hover{ background:#DDC8C4; }
.menu-open a{ color:#000; text-decoration:none; font-size:22px; font-weight:800; display:block; }

/* Conținutul este împins de sidebar (același pe toate paginile) */
.main{ margin-left: var(--sidebar); width: calc(100% - var(--sidebar)); }

/* ===== MOBIL (≤768px) — meniu îngust, linkuri verticale ===== */
@media (max-width: 768px){
  :root { --sidebar: 50px; }

  .menu-open{ width:var(--sidebar); height:100svh; }
  .menu-open .logo{
    position:absolute; top:6px; left:0; right:0;
    width:50px; margin:0 auto; padding:3px;
  }
  .menu-open ul{
    position:absolute; top:62px; bottom:8px; left:0; right:0;
    margin:0; padding:0;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:8px; overflow:hidden;
  }
  .menu-open li{ padding:0; background:transparent; }
  .menu-open li.selected, .menu-open li:hover{ background:transparent; }
  .menu-open a{
    writing-mode: vertical-rl; transform: rotate(180deg);
    font-size:15px; letter-spacing:.04em; border-radius:6px; padding:4px 0;
  }
  .menu-open li.selected a, .menu-open a:hover{ background:#DDC8C4; }

  .main{ margin-left: var(--sidebar); width: calc(100% - var(--sidebar)); }
}

/* ===== TABLETĂ (769–1024px) — tot vertical, mai lat & lizibil ===== */
@media (min-width: 769px) and (max-width: 1024px){
  :root { --sidebar: 140px; }

  .menu-open{ width:var(--sidebar); }
  .menu-open .logo{
    position:absolute; top:30px; left:0; right:0;
    width:120px; margin:0 auto;
  }
  .menu-open ul{
    position:absolute; top:130px; bottom:10px; left:0; right:0;
    margin:0; padding:0;
    display:flex; flex-direction:column; align-items:center; gap:12px;
  }
  .menu-open a{
    writing-mode: vertical-rl; transform: rotate(180deg);
    font-size:20px; font-weight:800; border-radius:6px; padding:5px 0;
  }
  .menu-open a:hover, .menu-open li.selected a{ background:#DDC8C4; }

  .main{ margin-left: var(--sidebar); width: calc(100% - var(--sidebar)); }
}


/* Neutralizează orice linii/separatoare venite din alte fișiere */
.menu-open li,
.menu-open a{
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  background-image: none !important; /* acoperă cazurile cu gradient folosit ca linie */
  outline: 0;
}

/* Taie pseudo-elementele tip liniuțe */
.menu-open a::before,
.menu-open a::after{
  content: none !important;
}

/* Asigură-te că nici „vecinul” nu adaugă o linie sus */
.menu-open li + li{
  border-top: none !important;
}

/* extra: prevenim bounce pe iOS peste tot */
html, body { overscroll-behavior-y: none; overflow-x: hidden; }
/* —— NUCLEAR PATCH: meniu mobil 50px, linkuri centrate pe toată lățimea —— */
@media (max-width: 768px){
  :root { --sidebar: 50px; }

  .menu-open{
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: var(--sidebar) !important;
    height: 100svh !important;
    background: #EFF9F0 !important;
    z-index: 1000 !important;
    overflow: hidden !important;
  }

  .menu-open .logo{
    position: absolute !important;
    top: 6px !important; left: 0 !important; right: 0 !important;
    width: 50px !important; margin: 0 auto !important; padding: 3px !important;
  }

  .menu-open ul{
    position: absolute !important;
    top: 62px !important; bottom: 8px !important; left: 0 !important; right: 0 !important;
    margin: 0 !important; padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;      /* <- cheia */
    justify-content: center !important;
    gap: 8px !important;
    overflow: hidden !important;
  }

  .menu-open li{
    list-style: none !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
  }

  .menu-open a{
    display: flex !important;            /* centrarea textului rotit */
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;              /* ocupă toată lățimea de 50px */
    writing-mode: vertical-rl !important;
    transform: rotate(180deg) !important;
    text-align: center !important;
    line-height: 1 !important;
    padding: 6px 0 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #000 !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .menu-open li.selected a,
  .menu-open a:hover{
    background: #DDC8C4 !important;
  }

  /* conținutul împins corect */
  .main{
    margin-left: var(--sidebar) !important;
    width: calc(100% - var(--sidebar)) !important;
  }
}
@media (max-width: 768px){
  :root { --sidebar: 50px !important; }

  .menu-open{
    overflow: visible !important;   /* lasă logo-ul să “iasă” peste */
  }

  .menu-open .logo{
    position: absolute !important;
    top: 30px !important; left: 50% !important;
    width: 80px !important;       
    height: auto !important;
    max-width: none !important;     /* anulează max-width:100% global */
    transform: translateX(-50%) rotate(270deg) !important;
    transform-origin: center center !important;
    object-fit: contain !important;
  }

  .menu-open ul{ top: 150px !important; }
}