/* calendar-menu.css: styles for calendar-menu.js. Colors come from the page's own tokens (--red, --gray-mid, --gray-text)
   with fallbacks, so the menu follows whichever page loads it. No motion. */
.cm{position:relative;display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:'Barlow',sans-serif}
.cm-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1.5px solid var(--gray-mid,#d4d4d4);background:#fff;color:var(--gray-text,#333);font:700 .88rem/1.1 'Barlow',sans-serif;letter-spacing:.01em;cursor:pointer}
.cm-btn:hover,.cm-btn[aria-expanded="true"]{border-color:var(--red,#c8102e);color:var(--red,#c8102e)}
.cm-btn:focus-visible,.cm-ics:focus-visible,.cm-menu a:focus-visible{outline:2px solid var(--red,#c8102e);outline-offset:2px}
.cm-caret{flex:0 0 auto}
.cm-sep{color:var(--gray-mid,#bbb)}
.cm-ics{font-weight:700;font-size:.88rem;color:var(--red,#c8102e);text-decoration:underline;text-underline-offset:2px}
.cm-menu{position:absolute;z-index:40;top:calc(100% + 6px);left:0;min-width:210px;max-width:calc(100vw - 32px);margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--gray-mid,#d4d4d4);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.cm-menu[hidden]{display:none}
.cm-menu a{display:block;padding:9px 12px;border-radius:6px;color:var(--gray-text,#333);font-weight:600;font-size:.92rem;text-decoration:none}
.cm-menu a:hover{background:#f4f4f4;color:var(--red,#c8102e)}
.cm[data-disabled] .cm-btn,.cm[data-disabled] .cm-ics{opacity:.5;cursor:not-allowed}
.cm[data-disabled] .cm-btn:hover{border-color:var(--gray-mid,#d4d4d4);color:var(--gray-text,#333)}
/* The tour planner's controls are red outlines everywhere. */
.cm--tp .cm-btn{border-color:var(--red,#c8102e);color:var(--red,#c8102e)}
.cm--tp .cm-btn:hover{background:#fff5f5}