/* =========================================================
   myHRM Feedback System V1
   Global alerts / confirms / toasts
   ========================================================= */

:root{
    --myhrm-success:#2f9e62;
    --myhrm-success-soft:#eef9f3;
    --myhrm-danger:#dc4c4c;
    --myhrm-danger-soft:#fff2f2;
    --myhrm-warning:#d99a2b;
    --myhrm-warning-soft:#fff8e8;
    --myhrm-info:#0d9fba;
    --myhrm-info-soft:#eef9fb;
    --myhrm-feedback-text:#29404c;
    --myhrm-feedback-muted:#7f919b;
    --myhrm-feedback-border:#dfe7eb;
}

/* Backdrop */
.myhrm-feedback-backdrop{
    position:fixed;
    inset:0;
    z-index:10880;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(23,37,45,.34);
    backdrop-filter:blur(1.5px);
    opacity:0;
    transition:opacity .16s ease;
}

.myhrm-feedback-backdrop.show{opacity:1}

/* Dialog */
.myhrm-feedback-dialog{
    width:min(500px,calc(100vw - 28px));
    overflow:hidden;
    background:#fff;
    border:1px solid var(--myhrm-feedback-border);
    border-radius:14px;
    box-shadow:0 22px 60px rgba(27,48,59,.20);
    transform:translateY(7px) scale(.985);
    transition:transform .16s ease;
}

.myhrm-feedback-backdrop.show .myhrm-feedback-dialog{
    transform:translateY(0) scale(1);
}

.myhrm-feedback-head{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:18px 18px 10px;
}

.myhrm-feedback-icon{
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:grid;
    place-items:center;
    border-radius:11px;
    font-size:1rem;
}

.myhrm-feedback-copy{
    min-width:0;
    flex:1;
    padding-top:1px;
}

.myhrm-feedback-title{
    margin:0;
    color:var(--myhrm-feedback-text);
    font-size:1rem;
    font-weight:800;
    line-height:1.3;
}

.myhrm-feedback-message{
    margin-top:5px;
    color:#627782;
    font-size:.80rem;
    line-height:1.65;
    white-space:pre-line;
    overflow-wrap:anywhere;
}

.myhrm-feedback-close{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:7px;
    background:transparent;
    color:#94a2aa;
}

.myhrm-feedback-close:hover{
    background:#f4f7f8;
    color:#526a77;
}

.myhrm-feedback-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    padding:12px 18px 16px;
}

.myhrm-feedback-btn{
    min-height:34px;
    padding:6px 13px;
    border-radius:8px;
    border:1px solid transparent;
    font-size:.76rem;
    font-weight:750;
}

.myhrm-feedback-btn-secondary{
    color:#607681;
    background:#fff;
    border-color:#dbe4e8;
}

.myhrm-feedback-btn-secondary:hover{
    background:#f7f9fa;
}

.myhrm-feedback-btn-primary{
    color:#fff;
    background:#0d9fba;
    border-color:#0d9fba;
}

.myhrm-feedback-btn-primary:hover{background:#0b8ca4;border-color:#0b8ca4}

.myhrm-feedback-btn-danger{
    color:#fff;
    background:var(--myhrm-danger);
    border-color:var(--myhrm-danger);
}

.myhrm-feedback-btn-danger:hover{background:#c84141;border-color:#c84141}

/* Types */
.myhrm-feedback-dialog.success .myhrm-feedback-icon{color:var(--myhrm-success);background:var(--myhrm-success-soft)}
.myhrm-feedback-dialog.error .myhrm-feedback-icon{color:var(--myhrm-danger);background:var(--myhrm-danger-soft)}
.myhrm-feedback-dialog.warning .myhrm-feedback-icon{color:var(--myhrm-warning);background:var(--myhrm-warning-soft)}
.myhrm-feedback-dialog.info .myhrm-feedback-icon{color:var(--myhrm-info);background:var(--myhrm-info-soft)}
.myhrm-feedback-dialog.confirm .myhrm-feedback-icon{color:var(--myhrm-danger);background:var(--myhrm-danger-soft)}

/* Thin accent line */
.myhrm-feedback-dialog::before{
    content:"";
    display:block;
    height:3px;
    background:var(--myhrm-info);
}
.myhrm-feedback-dialog.success::before{background:var(--myhrm-success)}
.myhrm-feedback-dialog.error::before{background:var(--myhrm-danger)}
.myhrm-feedback-dialog.warning::before{background:var(--myhrm-warning)}
.myhrm-feedback-dialog.confirm::before{background:var(--myhrm-danger)}

/* Toasts */
.myhrm-toast-stack{
    position:fixed;
    top:72px;
    right:18px;
    z-index:10920;
    width:min(380px,calc(100vw - 28px));
    display:flex;
    flex-direction:column;
    gap:9px;
    pointer-events:none;
}

.myhrm-toast{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:12px 13px;
    background:#fff;
    border:1px solid var(--myhrm-feedback-border);
    border-left:4px solid var(--myhrm-info);
    border-radius:10px;
    box-shadow:0 12px 28px rgba(31,54,66,.13);
    pointer-events:auto;
    opacity:0;
    transform:translateX(12px);
    transition:opacity .18s ease,transform .18s ease;
}

.myhrm-toast.show{opacity:1;transform:translateX(0)}
.myhrm-toast.success{border-left-color:var(--myhrm-success)}
.myhrm-toast.error{border-left-color:var(--myhrm-danger)}
.myhrm-toast.warning{border-left-color:var(--myhrm-warning)}
.myhrm-toast.info{border-left-color:var(--myhrm-info)}

.myhrm-toast-icon{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:grid;
    place-items:center;
    border-radius:8px;
}

.myhrm-toast.success .myhrm-toast-icon{color:var(--myhrm-success);background:var(--myhrm-success-soft)}
.myhrm-toast.error .myhrm-toast-icon{color:var(--myhrm-danger);background:var(--myhrm-danger-soft)}
.myhrm-toast.warning .myhrm-toast-icon{color:var(--myhrm-warning);background:var(--myhrm-warning-soft)}
.myhrm-toast.info .myhrm-toast-icon{color:var(--myhrm-info);background:var(--myhrm-info-soft)}

.myhrm-toast-copy{min-width:0;flex:1}
.myhrm-toast-title{font-size:.78rem;font-weight:800;color:var(--myhrm-feedback-text)}
.myhrm-toast-message{margin-top:3px;font-size:.72rem;color:#687d88;line-height:1.55}
.myhrm-toast-close{border:0;background:transparent;color:#a0adb4;padding:2px 3px}

@media(max-width:600px){
    .myhrm-toast-stack{top:62px;right:12px;left:12px;width:auto}
    .myhrm-feedback-actions{flex-wrap:wrap}
}

/* V2 readability */
.myhrm-feedback-copy{padding-top:0}
.myhrm-feedback-message strong{color:var(--myhrm-feedback-text);font-weight:800}
.myhrm-feedback-message p{margin:0 0 6px}
.myhrm-feedback-dialog{max-height:calc(100vh - 36px)}



        /* ----------------------------------------------------
           PUBLIC NAVIGATION
           ---------------------------------------------------- */

        .site-menu > a {
            position: relative;
            text-decoration: none;
        }


        /*
         * Αφαιρούμε οποιοδήποτε παλιό border-bottom
         * χρησιμοποιούσε το CSS για το active menu.
         */

        .site-menu > a.active {
            border-bottom: 0 !important;
        }


        /*
         * Active underline
         */

        .site-menu > a.active::after {
            content: "";
            position: absolute;

            left: 0;
            right: 0;

            bottom: 0px;

            height: 2px;

            background: #0d9fba;

            border-radius: 2px;
        }


        /*
         * Hover underline
         */

        .site-menu > a:not(.active)::after {
            content: "";
            position: absolute;

            left: 50%;
            right: 50%;

            bottom: 29px;

            height: 2px;

            background: #0d9fba;

            border-radius: 2px;

            opacity: 0;

            transition:
                left .18s ease,
                right .18s ease,
                opacity .18s ease;
        }


        .site-menu > a:not(.active):hover::after {
            left: 0;
            right: 0;
            opacity: 1;
        }


        /*
         * Mobile menu:
         * δεν θέλουμε underline να δημιουργεί
         * περίεργη διάταξη.
         */

        @media (max-width: 900px) {

            .site-menu > a.active::after,
            .site-menu > a:not(.active)::after {
                display: none;
            }

        }