/* D4U Section Menu */

/* Make the row a flex row so the menu column stretches to the content height (needed for sticky) */
.vc_row:has(.d4u-toc){display:flex;flex-wrap:wrap}
.vc_row:has(.d4u-toc)::before,.vc_row:has(.d4u-toc)::after{display:none}
.vc_row:has(.d4u-toc)>* :has(.d4u-toc){height:100%;margin-bottom:0}
/* Themes such as The7 set overflow:hidden on #page, which breaks position:sticky; clip keeps the clipping */
body:has(.d4u-toc) #page{overflow:clip}

.d4u-toc{--d4u-accent:#859bd1;--d4u-accent-dark:#5d74b3;--d4u-text:#252525;
  position:sticky;top:var(--d4u-toc-top,90px);z-index:20;font-family:Roboto,Helvetica,Arial,sans-serif}
.d4u-toc__bar{display:none}
.d4u-toc__panel{background:#fff;border:1px solid #e3e8f4;border-left:4px solid var(--d4u-accent);border-radius:6px;
  box-shadow:0 4px 18px rgba(40,60,110,.08);padding:18px 16px 14px;
  max-height:calc(100vh - var(--d4u-toc-top,90px) - 24px);overflow:auto}
.d4u-toc .d4u-toc__title{margin:0 0 10px;padding:0;font-size:13px;line-height:1.4;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--d4u-accent-dark)}
.d4u-toc ol.d4u-toc__list{list-style:none!important;margin:0!important;padding:0!important}
.d4u-toc .d4u-toc__list li{list-style:none!important;margin:0;padding:0}
.d4u-toc .d4u-toc__list li::before{display:none}
.d4u-toc .d4u-toc__list a{display:block;padding:8px 10px;margin:0 -10px;border-left:3px solid transparent;border-radius:0 4px 4px 0;
  font-size:14px;line-height:1.4;color:var(--d4u-text);text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.d4u-toc .d4u-toc__list a:hover,.d4u-toc .d4u-toc__list a:focus-visible{background:#f1f4fb;color:var(--d4u-accent-dark)}
.d4u-toc .d4u-toc__list a.is-active{border-left-color:var(--d4u-accent);background:#eef2fb;color:var(--d4u-accent-dark);font-weight:600}
.d4u-toc .d4u-toc__list a.is-missing{color:#b42318;background:#fdecea;text-decoration:line-through}
.d4u-toc .d4u-toc__list a.is-missing::after{content:" (δεν βρέθηκε Section Anchor)";display:block;font-size:11px;text-decoration:none}
.d4u-toc__top--full{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:10px;border-radius:4px;
  background:var(--d4u-accent);color:#fff!important;font-size:13px;line-height:1.3;white-space:nowrap;font-weight:600;text-decoration:none!important;transition:background .2s}
.d4u-toc__top--full:hover,.d4u-toc__top--full:focus-visible{background:var(--d4u-accent-dark)}

.d4u-anchor{display:block;height:0;width:0;overflow:hidden;scroll-margin-top:var(--d4u-scroll-offset,100px)}
.d4u-anchor + .d4u-anchor-label,.d4u-anchor-label{display:inline-block;margin:4px 0;padding:2px 8px;border:1px dashed #859bd1;border-radius:3px;
  font:600 11px/1.6 Roboto,Arial,sans-serif;color:#5d74b3;background:#f4f6fc}
.d4u-anchor-label--empty{border-color:#b42318;color:#b42318;background:#fdecea}
.d4u-sm-notice{padding:10px;border:1px dashed #b42318;color:#b42318;background:#fdecea;font-size:13px}

/* Mobile: the menu sits right under the page title and stays stuck to the top while reading */
@media (max-width:767px){
  .vc_row:has(.d4u-toc)>*{width:100%}
  .vc_row:has(.d4u-toc)>*:has(.d4u-toc),.vc_row:has(.d4u-toc)>* :has(.d4u-toc){display:contents}
  .d4u-toc{width:calc(100% - 30px);margin:0 15px 20px;align-self:flex-start;top:var(--d4u-toc-top,0px)}
  .d4u-toc__bar{display:flex;gap:8px;background:#fff;border:1px solid #e3e8f4;border-left:4px solid var(--d4u-accent);border-radius:6px;
    box-shadow:0 4px 14px rgba(40,60,110,.12);padding:6px}
  .d4u-toc__toggle{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;
    background:none;border:0;padding:8px 6px;font:600 15px/1.3 Roboto,Helvetica,Arial,sans-serif;color:var(--d4u-text);cursor:pointer;text-align:left}
  .d4u-toc__current{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .d4u-toc__chev{flex:none;width:9px;height:9px;border-right:2px solid var(--d4u-accent-dark);border-bottom:2px solid var(--d4u-accent-dark);
    transform:rotate(45deg) translateY(-3px);transition:transform .2s}
  .d4u-toc.is-open .d4u-toc__chev{transform:rotate(-135deg) translateY(-2px)}
  .d4u-toc__top--mini{flex:none;display:flex;align-items:center;justify-content:center;width:40px;border-radius:4px;
    background:var(--d4u-accent);color:#fff!important;font-size:20px;font-weight:700;text-decoration:none!important}
  .d4u-toc__panel{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:60vh;
    box-shadow:0 10px 24px rgba(40,60,110,.18)}
  .d4u-toc.is-open .d4u-toc__panel{display:block}
  .d4u-toc .d4u-toc__title,.d4u-toc__top--full{display:none}
}
@media (prefers-reduced-motion:reduce){.d4u-toc *{transition:none!important}}

/* Auto mode (v1.1): the list is built from the page headings by JS; keep the menu hidden until it has items */
.d4u-toc[data-auto="1"]:not(.has-items){display:none}
.d4u-toc[data-auto="1"][data-can-edit="1"]:not(.has-items){display:block}
.d4u-toc[data-auto="1"][data-can-edit="1"]:not(.has-items) .d4u-toc__panel::after{content:"Δεν βρέθηκαν τίτλοι (H2) στη σελίδα.";display:block;padding:10px;border:1px dashed #b42318;color:#b42318;background:#fdecea;font-size:13px}
@media (max-width:767px){.d4u-toc[data-auto="1"][data-can-edit="1"]:not(.has-items) .d4u-toc__panel{display:block;position:static}}
.d4u-toc .d4u-toc__item--h3 a{padding-left:24px;font-size:13px}