/* ΠΑΡΕΑ 0.7.30 | Ευρύχωρη πλοήγηση με πλήρεις ελληνικές ετικέτες.
   Δεν αλλάζουν οι εγκεκριμένες εικονογραφήσεις, το περιεχόμενο ή η συμπεριφορά των κουμπιών. */
@media screen {
  body.visual-refresh .parea-sidebar .nav-link > span {
    display:block;
    min-width:0;
    flex:1 1 auto;
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }
  body.visual-refresh .parea-sidebar .nav-link {
    justify-content:flex-start;
    white-space:nowrap;
    gap:11px;
    padding-inline:10px;
  }
  body.visual-refresh .parea-sidebar .nav-group {
    border-radius:18px;
    padding-inline:9px;
  }
  body.visual-refresh .parea-sidebar .nav-group-links {min-width:0;}
  body.visual-refresh .parea-sidebar .nav-group-title {overflow-wrap:normal;}
  /* Ισοδύναμη ευκολία ανάγνωσης για τους συνδέσμους διαχείρισης. */
  #admin-shell #admin-nav .nav-button > span,
  #admin-shell #admin-nav .nav-button.parea-nav-with-art {
    white-space:nowrap;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }
  #admin-shell #admin-nav .nav-button > span {
    flex:1 1 auto;
    min-width:0;
    overflow:visible;
    text-overflow:clip;
  }
}
@media screen and (min-width:936px) {
  /* Το πλάτος ανήκει στο πλέγμα και στο σταθερό μενού, ώστε να μη σκεπάζει τη σελίδα. */
  body.visual-refresh:not(.activity-mode) {
    --vf-sidebar:clamp(322px,23.8vw,346px);
  }
  body.visual-refresh:not(.activity-mode) .layout {
    grid-template-columns:var(--vf-sidebar) minmax(0,1fr);
  }
  body.visual-refresh:not(.activity-mode) .parea-sidebar {
    width:var(--vf-sidebar);
    padding:23px 13px 19px;
  }
  body.visual-refresh.large-text:not(.activity-mode) .layout {
    grid-template-columns:calc(var(--vf-sidebar) * 1.18) minmax(0,1fr);
  }
  body.visual-refresh.large-text:not(.activity-mode) .parea-sidebar {
    width:calc(var(--vf-sidebar) * 1.18);
  }
  body.visual-refresh .parea-sidebar .nav-link {font-size:clamp(14.5px,1.07vw,16px);}
}
@media screen and (min-width:901px) {
  #admin-shell.admin-layout {
    grid-template-columns:clamp(326px,24vw,348px) minmax(0,1fr);
  }
  #admin-shell .sidebar {
    width:clamp(326px,24vw,348px);
    padding:23px 13px 17px;
  }
  #admin-shell #admin-nav .nav-button {font-size:clamp(14px,1.05vw,15px);}
}
@media screen and (min-width:936px) and (max-width:1100px) {
  body.visual-refresh .parea-sidebar .nav-link > img.menu-garden-icon {
    width:56px;
    height:56px;
    flex-basis:56px;
  }
}
@media screen and (max-width:935px) {
  body.visual-refresh:not(.activity-mode) .layout > .parea-sidebar {
    width:100%;
    max-width:100%;
    padding-inline:clamp(13px,3vw,26px);
  }
  body.visual-refresh .parea-sidebar .nav-link {
    min-height:64px;
    padding:8px 10px;
    font-size:clamp(14.5px,1.7vw,16px);
  }
  body.visual-refresh .parea-sidebar .site-nav-panel {
    width:100%;
    max-width:100%;
  }
  #admin-shell.admin-menu-open #admin-nav .nav-button {white-space:nowrap;}
}

/* Όταν η πλαϊνή στήλη μεγαλώνει, τα εργαλεία αναδιπλώνονται ως πλήρη κουμπιά,
   ποτέ ως στενές λωρίδες που σπάνε τις λέξεις κατακόρυφα. */
@media screen and (min-width:936px) and (max-width:1400px) {
  body.visual-refresh:not(.activity-mode) .topbar > .top-actions {
    width:100%;
    min-width:0;
    max-width:100%;
    display:flex;
    flex-wrap:wrap;
    overflow-x:visible;
    overflow-y:visible;
    gap:8px;
    justify-content:flex-start;
    align-items:center;
  }
  body.visual-refresh:not(.activity-mode) .topbar .top-actions > :is(a,button) {
    flex:0 0 auto;
    white-space:nowrap;
    min-width:max-content;
  }
  body.visual-refresh:not(.activity-mode) .topbar .top-actions .profile-button {
    max-width:100%;
    min-width:max-content;
  }
  body.visual-refresh:not(.activity-mode) .topbar .top-actions .profile-name {
    display:block;
    min-width:0;
    max-width:210px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    overflow-wrap:normal;
  }
  body.visual-refresh:not(.activity-mode) .topbar.has-public-version > .top-actions {
    grid-column:1;
    grid-row:2;
  }
}
@media screen and (min-width:936px) and (max-width:1150px) {
  body.visual-refresh:not(.activity-mode) .topbar:not(.has-public-version) {
    flex-wrap:wrap;
    justify-content:flex-start;
  }
  body.visual-refresh:not(.activity-mode) .topbar:not(.has-public-version) > .top-actions {
    flex:1 1 100%;
  }
}

@media screen and (max-width:700px) {
  body.visual-refresh .parea-sidebar .grouped-nav {
    grid-template-columns:minmax(0,1fr);
  }
  #admin-shell.admin-menu-open #admin-nav {
    grid-template-columns:minmax(0,1fr);
  }
}
@media screen and (max-width:580px) {
  /* Δύο τακτοποιημένες σειρές, ώστε να διαβάζεται και η τρέχουσα επιλογή. */
  body.visual-refresh .parea-sidebar .sidebar-header {
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
  }
  body.visual-refresh .parea-sidebar .sidebar-header > .brand {
    flex:0 1 auto;
  }
  body.visual-refresh .parea-sidebar .site-menu-toggle {
    order:2;
    width:100%;
    max-width:100%;
    flex:1 1 100%;
    min-height:50px;
    justify-content:flex-start;
    gap:12px;
    padding:9px 14px;
  }
  body.visual-refresh .parea-sidebar .menu-toggle-copy {
    flex:1 1 auto;
    min-width:0;
    align-items:flex-start;
  }
  body.visual-refresh .parea-sidebar .menu-toggle-copy small {
    max-width:none;
    overflow:visible;
    text-overflow:clip;
    white-space:nowrap;
  }
  body.visual-refresh .parea-sidebar .nav-link {
    font-size:15px;
    min-height:65px;
  }
}
@media print {
  body.visual-refresh .parea-sidebar, #admin-shell .sidebar {display:none!important;}
}
