:root{
    --kdm-btn-color:#ffffff;
    --kdm-btn-bg-close:#1E1E1E;
    --kdm-btn-bg:var(--Vert_C);
    --kdm-btn-bg-hover:var(--Vert_C);
    --kdm-link-color:#fff;
    --kdm-link-hover:var(--Vert_C);
    --kdm-item-separator:#848A7B;
    --kdm-drawer-bg:#1E1E1E;
    --kdm-dropdown-bg:#fff;
    --kdm-shadow:4px 0 24px rgba(0,0,0,.15);}

[hidden]{display:none !important;}

.kdm{position:relative;font-family: "Figtree", sans-serif;font-size: 16px;}

.kdmM__toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;background:none;border:0;padding:0;}
.kdmM__togglelabel{font-size:14px;}
.kdmM__burgerimg{width: 100%;height: auto;display:block;}
.kdmM__burgerlines{width: 40px;height: inherit;display: inline-block;position:relative;background: var(--Vert_C);padding: 8px;aspect-ratio: 1/1;border-radius: 90px;}
.kdmM__burgerlines:before,.kdmM__burgerlines:after{content:"";position:absolute;left: 50%;transform: translateX(-50%);height:2px;background:#fff;width: 56%;}
.kdmM__burgerlines:before{top:36%;}
.kdmM__burgerlines:after{bottom:36%;}

.kdmM__drawer{position:fixed;top:0;left:0;height:100vh;width:80vw;max-width:420px;text-align: left;background: var(--Vert_F);z-index:10000;box-shadow:var(--kdm-shadow);overflow:hidden;}
.kdmM__track{height:100%;width:100%;display:flex;transform:translateX(0);transition:transform .25s ease;}
.kdmM__panel{min-width:100%;height:100%;display:flex;flex-direction:column;}

.kdmM__top{height:56px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--kdm-item-separator);}
.kdmM__brand{font-weight:600;font-size:16px;}

.kdmM__list{padding:0;margin:0;overflow:auto;}
.kdmM__item.HidePC {display:flex !important;}
.kdmM__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--kdm-item-separator);}
.kdmM__link,
.kdmM__link:visited {flex:1;color:var(--kdm-link-color);text-decoration:none;font-size:18px;line-height:1.3;transition:color .2s ease;font-weight: 500;}
.kdmM__item:hover .kdmM__link{color:var(--kdm-link-hover); text-decoration: none;}

.kdmM__back,.kdmM__next,.kdmM__close{color:var(--kdm-btn-color);border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s ease,transform .15s ease;}
.kdmM__back,.kdmM__next {background:var(--kdm-btn-bg);}
.kdmM__close {background:var(--kdm-btn-bg-close);}
.kdmM__back,.kdmM__close{min-width:36px;height:36px;font-size:16px;line-height:1;background: inherit;padding: 0;}
.kdmM__next{min-width: auto;height: auto;font-size:18px;line-height: 1;padding: 4px 16px;}
.kdmM__close{margin-left:auto;}
.kdmM__back {font-size: 14px;}
.kdmM__back:hover {color:var(--kdm-btn-bg-hover);background: inherit;}
.kdmM__next:hover,.kdmM__close:hover{background:var(--kdm-btn-bg-hover);}
.kdmM__back:active,.kdmM__next:active,.kdmM__close:active{ padding: 4px 16px;}

.kdmD{display:none;}
.kdmD__level--0{display:flex;gap:5vw;align-items:center; justify-content: center;}
.kdmD__item{position:relative;display:inline-flex;align-items:center;gap:8px;}
a.kdmD__link,
a.kdmD__link:visited {text-decoration:none;color: inherit;display:inline-flex;align-items:center;padding: 8px 0;text-transform: uppercase;font-weight: 700;}
a.kdmD__link:hover {text-decoration: none;}
.kdmD__caret{background:none;border:0;cursor:pointer;line-height:1;font-size:14px;padding:10px 0; color: var(--Vert_F);}
.kdmD__dropdown{position:absolute;top:100%;left:0;min-width:240px;background:var(--kdm-dropdown-bg);border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 30px rgba(0,0,0,.08);padding:10px;display:none;z-index:9999;}
.kdmD__level--1{display:flex;flex-direction:column;gap:6px;}
.kdmD__level--1 .kdmD__link{padding:8px 10px;border-radius:6px; color: var(--Vert_F);}
.kdmD__level--1 .kdmD__link:hover{background:var(--Vert_C);}
.kdmD__level--0 > .kdmD__item > .kdmD__link{position:relative;}
.kdmD__level--0 > .kdmD__item > .kdmD__link::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:3px;
    background:var(--Rouge-1);
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .25s ease;
}
.kdmD__level--0 > .kdmD__item:hover > .kdmD__link::after,
.kdmD__level--0 > .kdmD__item:focus-within > .kdmD__link::after{transform:scaleX(1);}
.kdmD__level--1 > .kdmD__item {width: 100%;text-align: left;display: contents;line-height: 1.4;}
.kdmD__item.has-children:hover>.kdmD__dropdown{display:block;}
.kdmD__item.has-children:focus-within>.kdmD__dropdown{display:block;}
.kdmD__dropdown.is-open{display:block;}

.kdmD__level--0 > .kdmD__item:last-child {background: var(--Vert_C);padding: 8px 24px;line-height: 1;}
.kdmD__level--0 > .kdmD__item:last-child a {color: var(--Vert_F) !important;}
.kdmD__level--0 > .kdmD__item:last-child a:before {content: '→';margin-right: 8px;}

@media (max-width:640px){
  .kdmM__drawer{width:100vw;max-width:none;}
}


html nav.kdm button:active {border: 0; background: inherit;}
html button.kdmM__toggle:hover,
html button.kdmM__toggle:active {background: inherit; padding: 0;}

body.admin-bar #kdm-drawer {padding-top: 44px;}