: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:#4EB2BC;
    --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: 'Libre Baskerville';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: 48px;height: inherit;display: inline-block;position:relative;background: var(--Rouge);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(--Bleu);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:#F79498; 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(--Rouge);}
.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__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:48px;align-items:center; justify-content: flex-end;}
.kdmD__item{position:relative;display:inline-flex;align-items:center;gap:8px;}
a.kdmD__link,
a.kdmD__link:visited {text-decoration:none;color: var(--Vert_F);display:inline-flex;align-items:center;padding:10px 0;}
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(--Bleu);color: #fff;}
.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(--Rouge);padding: 8px 24px;line-height: 1;}
.kdmD__level--0 > .kdmD__item:last-child a {color: #fff !important;}
.kdmD__level--0 > .kdmD__item:last-child a:before {content: '→';margin-right: 8px;}

@media (max-width:640px){
  .kdmM__drawer{width:100%;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;}