/* Ενιαία εικονογραφημένη πλοήγηση — εικόνες με εναλλακτικό κείμενο κενό,
   αφού το ίδιο το κουμπί/ο σύνδεσμος διατηρεί την υπάρχουσα ελληνική ετικέτα. */
@media screen {
  body.parea-soft-garden .parea-nav-with-art {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    min-width: 0;
    text-align: left;
    line-height: 1.35;
  }
  body.parea-soft-garden .parea-menu-choice-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: block;
    object-fit: contain;
    object-position: center;
    filter: drop-shadow(0 2px 3px rgb(50 83 56 / 11%));
  }
  body.parea-soft-garden :is(#help-nav a, #admin-nav .nav-button) .parea-menu-choice-icon {
    width: 35px;
    height: 35px;
    flex-basis: 35px;
  }
  body.parea-soft-garden #help-nav a.parea-nav-with-art,
  body.parea-soft-garden #admin-nav .nav-button.parea-nav-with-art {
    width: 100%;
    justify-content: flex-start;
    min-height: 49px;
  }
  body.parea-soft-garden #admin-nav .nav-button.parea-nav-with-art {
    border-radius: 13px;
  }
  body.parea-soft-garden #help-nav a.parea-nav-with-art {
    text-decoration: none;
  }
  body.parea-soft-garden :is(.quick-links a, .top-inner > a, .print-top-actions a,
    .sidebar-bottom a, footer a).parea-nav-with-art .parea-menu-choice-icon {
    width: 27px;
    height: 27px;
    flex-basis: 27px;
  }
  body.parea-soft-garden :is(.story-site-head nav, .site-head nav,
    .print-top-actions, .quick-links, .top-inner) .parea-nav-with-art {
    white-space: normal;
  }
  body.parea-soft-garden :is(nav a, .nav-button).parea-nav-with-art:focus-visible {
    outline: 3px solid #a36932;
    outline-offset: 3px;
  }
  body.parea-soft-garden :is(nav a, .nav-button).parea-nav-with-art:hover .parea-menu-choice-icon {
    filter: drop-shadow(0 3px 5px rgb(67 99 57 / 19%));
  }
  body.parea-soft-garden :is(.story-site-head nav, .site-head nav,
    .speech-head nav, .hub-nav) {
    max-width: 100%;
    flex-wrap: wrap;
  }
  @media (max-width: 620px) {
    body.parea-soft-garden :is(.story-site-head nav, .site-head nav) {
      gap: 7px 12px;
    }
    body.parea-soft-garden :is(.story-site-head nav a, .site-head nav a,
      .quick-links a, #help-nav a, #admin-nav .nav-button).parea-nav-with-art {
      gap: 7px;
      font-size: clamp(11px, 3.4vw, 13px);
      overflow-wrap: anywhere;
    }
    body.parea-soft-garden :is(.story-site-head nav a, .site-head nav a,
      .quick-links a).parea-nav-with-art .parea-menu-choice-icon {
      width: 26px;
      height: 26px;
      flex-basis: 26px;
    }
    body.parea-soft-garden :is(#help-nav a, #admin-nav .nav-button).parea-nav-with-art
      .parea-menu-choice-icon {
      width: 32px;
      height: 32px;
      flex-basis: 32px;
    }
  }
  @media (hover: hover) and (prefers-reduced-motion: no-preference) {
    body.parea-soft-garden.parea-garden-active .parea-menu-choice-icon {
      transition: transform .38s cubic-bezier(.18,.75,.24,1),filter .38s ease;
    }
    body.parea-soft-garden.parea-garden-active .parea-nav-with-art:hover .parea-menu-choice-icon {
      transform: translateY(-2px) rotate(-3deg) scale(1.04);
    }
  }
  @media (prefers-reduced-motion: reduce), (prefers-contrast: more) {
    body.parea-soft-garden .parea-menu-choice-icon {transition: none!important;transform: none!important;filter:none!important;}
  }
}
@media print {
  .parea-menu-choice-icon {display: none!important;}
}

/* Οι εικόνες είναι επεξηγηματικές, το κείμενο παραμένει πραγματικό HTML. */
@media screen {
  body.parea-soft-garden :is(#help-nav a, #admin-nav .nav-button) .parea-menu-choice-icon {
    width: 43px; height: 43px; flex-basis: 43px;
  }
  body.parea-soft-garden :is(.quick-links a, .top-inner > a, .print-top-actions a,
    .sidebar-bottom a, footer a).parea-nav-with-art .parea-menu-choice-icon {
    width: 35px; height: 35px; flex-basis: 35px;
  }
}
@media screen and (max-width:620px){
 body.parea-soft-garden :is(.story-site-head nav a, .site-head nav a,
 .quick-links a).parea-nav-with-art .parea-menu-choice-icon {width:34px;height:34px;flex-basis:34px;}
}