/* Kid Kdac Design 1.6.1 — restore TEC's button reset against Merchandiser's
   .content-area button rule. Keep specificity below TEC component/state rules
   so selected dates, hover states and export buttons retain their own styles. */
body .tribe-common:where(.tribe-events) button,
body .tribe-common:where(.tribe-events) button:hover,
body .tribe-common:where(.tribe-events) button:focus {
    background-color:initial;
    background-image:none;
    color:inherit;
    font-size:inherit;
    font-weight:inherit;
    line-height:normal;
    padding:0;
    margin:0;
    text-transform:inherit;
}

/* Merchandiser changes this column from 75% to 100% at 1024px. Without
   this smooth floor, TEC's container breakpoint changes twice on the way
   down (desktop -> mobile -> desktop). Keep large-screen proportions,
   use available space on tablet, then let TEC choose its compact view. */
body.post-type-archive-tribe_events .site-main > .row > .large-9:has(.tribe-events-view--month) {
    width:min(100%, max(75%, 1024px));
}

body .tribe-events .kk-calendar-subscribe,
body .tribe-events-single .kk-calendar-subscribe {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    width:100%;
    margin-top:28px;
    margin-bottom:0;
}
body .tribe-common .kk-calendar-subscribe a.tribe-common-c-btn-border,
body .tribe-events-single .kk-calendar-subscribe a.tribe-common-c-btn-border {
    display:inline-flex;
    width:auto;
    max-width:100%;
    align-items:center;
    justify-content:center;
    padding:12px 20px;
    line-height:1.4;
    text-align:center;
}

/* Category colours survive selected-day states. The TEC day button retains
   its own focus, selection and click behaviour; markers are decorative. */
body .tribe-events .kk-calendar-markers {
    display:block;
    width:100%;
    padding:3px 0 6px;
    pointer-events:none;
}
body .tribe-events .kk-calendar-marker-slot {
    display:block;
    height:10px;
    padding:2px 0;
}
body .tribe-events .kk-calendar-marker {
    display:block;
    height:6px;
    width:8px;
    margin:0 auto;
    border-radius:999px;
    background:var(--kk-event-colour);
    box-shadow:0 0 0 1px rgba(0,0,0,.12);
}
body .tribe-events .kk-calendar-marker--left {
    width:calc(50% + 4px);
    margin-left:0;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
body .tribe-events .kk-calendar-marker--right {
    width:calc(50% + 4px);
    margin-right:0;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
body .tribe-events .kk-calendar-marker--left.kk-calendar-marker--right {width:100%;}
body .tribe-events .kk-calendar-marker-more {display:block;font-size:10px;line-height:12px;}
body .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
}
body .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-details {flex:1;min-width:140px;}
body .tribe-events a.kk-calendar-order-link {
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-left:auto;
    padding:8px 10px;
    border:1px solid currentColor;
    border-radius:4px;
    font-size:12px;
    line-height:1.4;
    white-space:nowrap;
}
body .tribe-events a.kk-calendar-order-link:focus-visible {outline:2px solid currentColor;outline-offset:3px;}

body .tribe-events .kk-calendar-tooltip-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
body .tribe-events .kk-calendar-tooltip-actions a {gap:6px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:8px 10px;border:1px solid currentColor;border-radius:4px;font-size:12px;line-height:1.4;}
body .tribe-events .kk-calendar-tooltip-actions a:focus-visible {outline:2px solid currentColor;outline-offset:3px;}
