/* ── Popup (styles de base — position gérée par le panel parent) ── */
.bk2-popup{background:#fff}

/* ── Nav ── */
.bk2-nav{display:flex;justify-content:space-between;margin-bottom:12px}
.bk2-nav-btn{width:32px;height:32px;border:1px solid #ddd;border-radius:50%;background:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#222;font-family:inherit;padding:0}
.bk2-nav-btn:hover{background:#f7f7f7}

/* ── Grid ── */
.bk2-grid--h{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.bk2-grid--v{display:flex;flex-direction:column;gap:28px;max-height:68vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:4px}
.bk2-grid--v::-webkit-scrollbar{width:4px}
.bk2-grid--v::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}

/* ── Mois ── */
.bk2-month-title{font-size:14px;font-weight:600;color:#222;text-align:center;margin-bottom:12px}
.bk2-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.bk2-dn{font-size:11px;color:#aaa;text-align:center;padding:3px 0;font-weight:500}
.bk2-d{height:36px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#222;cursor:pointer;border-radius:50%;transition:background .1s;user-select:none}
.bk2-d:hover:not(.bk2-dis):not(.bk2-sel):not(.bk2-start):not(.bk2-end){background:#f0f0f0}
.bk2-dis{color:#ccc;cursor:default}
.bk2-sel{background:#222;color:#fff;border-radius:50%}
.bk2-start{background:#222;color:#fff;border-radius:50% 0 0 50%}
.bk2-end{background:#222;color:#fff;border-radius:0 50% 50% 0}
.bk2-start.bk2-end{border-radius:50%}
.bk2-in{background:#f0f0f0;border-radius:0;color:#222}
.bk2-hover{background:#ddd;border-radius:0 50% 50% 0}

/* ── Pills ── */
.bk2-pills{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.bk2-pills::-webkit-scrollbar{display:none}
.bk2-pill{flex-shrink:0;padding:7px 14px;border:1px solid #ddd;border-radius:30px;font-size:13px;color:#222;cursor:pointer;background:#fff;font-family:inherit;white-space:nowrap;transition:border-color .12s,background .12s,color .12s}
.bk2-pill:hover{border-color:#999}
.bk2-pill--on{background:#222;color:#fff;border-color:#222}

.bk2-wrap{position:relative}
.bk2-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;display:none;z-index:99999;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 28px rgba(0,0,0,.13);padding:20px;pointer-events:auto !important}
.bk2-panel *{pointer-events:auto !important}
.bk2-panel-edit{pointer-events:auto !important}
.bk2-panel-edit *{pointer-events:auto !important}

@media(max-width:679px){
  .bk2-panel{position:static;margin-top:8px}
  .bk2-panel.is-open{display:block}
}