/* Booknetic Events: "Events" tab in the Booknetic Customer Panel (FMS).
 *
 * The Customer Panel resets almost every property of every element inside it (".booknetic-body *": colour,
 * font size and weight, line height, margin, padding, border, background, align-items, gap …) and its
 * stylesheet can load after this one. So every rule starts with #booknetic-customer-panel (an ID – stronger
 * than that reset, the theme and Elementor, whatever the loading order) and sets each property it needs.
 * Only .bkev-cp… class names are used, so nothing here touches the panel's own tabs, tables or the
 * "series" snippet (dvs_… classes, #dvs_cp_modal). */

/* tab button + badge */
#booknetic-customer-panel .booknetic-cp-tab-item{position:relative}
#booknetic-customer-panel .booknetic-cp-tab-item .bkev-cp-count{position:absolute;top:8px;right:10px;display:inline-block;min-width:20px;height:20px;margin:0;padding:0 6px;border-radius:10px;background:#e127c4;color:#fff;font-size:11px;font-weight:700;font-style:normal;line-height:20px;text-align:center}

/* pane */
#booknetic-customer-panel .booknetic-cp-tab-body.bkev-cp-body{display:block;height:auto;min-height:420px;max-height:680px;overflow:auto;padding:32px 40px}

/* restore normal inheritance inside the tab (the panel sets a fixed colour/size/weight on every element) */
#booknetic-customer-panel .bkev-cp,#booknetic-customer-panel .bkev-cp *:not(i){font-family:inherit;color:inherit;font-size:inherit;font-weight:inherit;font-style:normal;line-height:inherit;letter-spacing:normal;text-transform:none;text-decoration:none;text-align:inherit;white-space:normal;vertical-align:baseline;box-sizing:border-box}
#booknetic-customer-panel .bkev-cp{--bkev-line:color-mix(in srgb,var(--bkev-soft) 65%,#fff);--bkev-tint:color-mix(in srgb,var(--bkev-soft) 22%,#fff);--bkev-mute:color-mix(in srgb,var(--bkev-ink) 58%,#fff);
 display:block;width:100%;max-width:1000px;margin:0;padding:0;color:var(--bkev-ink);font-family:var(--booknetic-primary-font-family,inherit);font-size:14px;font-weight:400;line-height:1.5;text-align:left}
/* Font Awesome icons keep their own font */
#booknetic-customer-panel .bkev-cp i.fa-solid{font-family:"Font Awesome 6 Free";font-weight:900;font-style:normal}
#booknetic-customer-panel .bkev-cp i.fa-regular{font-family:"Font Awesome 6 Free";font-weight:400;font-style:normal}

/* heading */
#booknetic-customer-panel .bkev-cp .bkev-cp-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin:0 0 18px;padding:0}
#booknetic-customer-panel .bkev-cp .bkev-cp-h{display:block;margin:0;font-size:18px;font-weight:700;color:var(--bkev-ink)}
#booknetic-customer-panel .bkev-cp .bkev-cp-sub{display:block;margin:0;font-size:13px;color:var(--bkev-mute)}
#booknetic-customer-panel .bkev-cp .bkev-cp-list{display:flex;flex-direction:column;gap:14px;margin:0;padding:0}
#booknetic-customer-panel .bkev-cp .bkev-cp-sep{display:block;margin:12px 0 0;padding:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bkev-mute)}

/* one booking: [date] [title + details] [status · total · payment] / footer */
#booknetic-customer-panel .bkev-cp .bkev-cp-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;column-gap:20px;row-gap:0;align-items:start;margin:0;padding:18px 20px;background:#fff;border:1px solid var(--bkev-line);border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 20px color-mix(in srgb,var(--bkev-accent) 7%,transparent)}
#booknetic-customer-panel .bkev-cp .bkev-cp-item.is-dim{background:#fcfcfd;box-shadow:none}
#booknetic-customer-panel .bkev-cp .bkev-cp-item.is-dim :is(.bkev-cp-title,.bkev-cp-total){color:var(--bkev-mute)}

#booknetic-customer-panel .bkev-cp .bkev-cp-date{display:block;width:64px;margin:0;padding:0;border:1px solid var(--bkev-line);border-radius:14px;overflow:hidden;background:#fff;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.06)}
#booknetic-customer-panel .bkev-cp .bkev-cp-date :is(b,strong,em){text-align:center}
#booknetic-customer-panel .bkev-cp .bkev-cp-date b{display:block;margin:0;padding:5px 0 5px .12em;background:var(--bkev-accent);color:#fff;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}
#booknetic-customer-panel .bkev-cp .bkev-cp-date strong{display:block;margin:0;padding:7px 0 0;color:var(--bkev-ink);font-size:24px;font-weight:800;line-height:1}
#booknetic-customer-panel .bkev-cp .bkev-cp-date em{display:block;margin:0;padding:4px 0 8px .1em;color:var(--bkev-mute);font-size:10px;font-weight:600;line-height:1;letter-spacing:.1em;text-transform:uppercase}
#booknetic-customer-panel .bkev-cp .bkev-cp-item.is-dim .bkev-cp-date b{background:#9aa0aa}

#booknetic-customer-panel .bkev-cp .bkev-cp-main{display:block;min-width:0;margin:0;padding:0}
#booknetic-customer-panel .bkev-cp h3.bkev-cp-title{display:block;margin:2px 0 8px;padding:0;color:var(--bkev-ink);font-size:16px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
#booknetic-customer-panel .bkev-cp ul.bkev-cp-meta{display:flex;flex-wrap:wrap;column-gap:22px;row-gap:5px;margin:0;padding:0;list-style:none}
#booknetic-customer-panel .bkev-cp ul.bkev-cp-meta li{display:flex;align-items:baseline;column-gap:8px;margin:0;padding:0;list-style:none;color:var(--bkev-mute);font-size:13px;line-height:1.45}
#booknetic-customer-panel .bkev-cp ul.bkev-cp-meta li.is-wide{flex-basis:100%}
#booknetic-customer-panel .bkev-cp ul.bkev-cp-meta li::before,#booknetic-customer-panel .bkev-cp ul.bkev-cp-meta li::marker{content:none;display:none}
#booknetic-customer-panel .bkev-cp ul.bkev-cp-meta li>i{flex:0 0 14px;width:14px;margin:0;padding:0;color:var(--bkev-accent);font-size:13px;line-height:1;text-align:center}
#booknetic-customer-panel .bkev-cp ul.bkev-cp-meta li>span{display:inline;min-width:0;overflow-wrap:anywhere}
#booknetic-customer-panel .bkev-cp ul.bkev-cp-meta a,#booknetic-customer-panel .bkev-cp ul.bkev-cp-meta a:is(:visited,:focus){color:var(--bkev-mute);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--bkev-accent) 55%,transparent);text-underline-offset:3px}
#booknetic-customer-panel .bkev-cp ul.bkev-cp-meta a:hover{color:var(--bkev-accent)}

#booknetic-customer-panel .bkev-cp .bkev-cp-side{display:flex;flex-direction:column;align-items:flex-end;row-gap:8px;margin:0;padding:0;text-align:right}
#booknetic-customer-panel .bkev-cp .bkev-cp-total{display:block;margin:2px 0 0;color:var(--bkev-ink);font-size:18px;font-weight:800;line-height:1.1;white-space:nowrap}
#booknetic-customer-panel .bkev-cp .bkev-cp-badge{display:inline-block;margin:0;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.3;white-space:nowrap}
#booknetic-customer-panel .bkev-cp .bkev-cp-badge.is-ok{background:#dcfce7;color:#166534}
#booknetic-customer-panel .bkev-cp .bkev-cp-badge.is-warn{background:#fef3c7;color:#92400e}
#booknetic-customer-panel .bkev-cp .bkev-cp-badge.is-bad{background:#fee2e2;color:#991b1b}
#booknetic-customer-panel .bkev-cp .bkev-cp-badge.is-mute{background:#f1f2f4;color:#4b5563}

#booknetic-customer-panel .bkev-cp .bkev-cp-foot{grid-column:2 / 4;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:12px;row-gap:8px;margin:14px 0 0;padding:12px 0 0;border-top:1px dashed var(--bkev-line)}
#booknetic-customer-panel .bkev-cp .bkev-cp-ref{display:inline-block;margin:0;color:var(--bkev-mute);font-size:12px;font-weight:500}
#booknetic-customer-panel .bkev-cp a.bkev-cp-cal,#booknetic-customer-panel .bkev-cp a.bkev-cp-cal:is(:visited,:focus){display:inline-flex;align-items:center;column-gap:7px;margin:0;padding:7px 14px;border:1px solid var(--bkev-accent);border-radius:999px;background:#fff;color:var(--bkev-accent);font-size:13px;font-weight:700;line-height:1.2;text-decoration:none;transition:background .15s,color .15s}
#booknetic-customer-panel .bkev-cp a.bkev-cp-cal>*{color:inherit}
#booknetic-customer-panel .bkev-cp a.bkev-cp-cal:hover,#booknetic-customer-panel .bkev-cp a.bkev-cp-cal:focus-visible{background:var(--bkev-accent);color:#fff}

/* nothing booked yet */
#booknetic-customer-panel .bkev-cp .bkev-cp-empty{display:flex;flex-direction:column;align-items:center;row-gap:6px;margin:0;padding:56px 20px;border:1px dashed var(--bkev-line);border-radius:16px;background:var(--bkev-tint);color:var(--bkev-mute);text-align:center}
#booknetic-customer-panel .bkev-cp .bkev-cp-empty strong{display:block;color:var(--bkev-ink);font-size:16px;font-weight:700}
#booknetic-customer-panel .bkev-cp .bkev-cp-empty span:not(.bkev-cp-empty-ico){display:block;font-size:13px}
#booknetic-customer-panel .bkev-cp .bkev-cp-empty-ico{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 0 6px;border-radius:16px;background:#fff;color:var(--bkev-accent)}
#booknetic-customer-panel .bkev-cp .bkev-cp-empty-ico i{color:var(--bkev-accent);font-size:22px}

/* phones */
@media (max-width:640px){
 #booknetic-customer-panel .booknetic-cp-tab-body.bkev-cp-body{padding:18px 14px;max-height:none}
 #booknetic-customer-panel .bkev-cp .bkev-cp-item{grid-template-columns:52px minmax(0,1fr);column-gap:14px;padding:14px}
 #booknetic-customer-panel .bkev-cp .bkev-cp-date{width:52px}
 #booknetic-customer-panel .bkev-cp .bkev-cp-date strong{font-size:20px}
 #booknetic-customer-panel .bkev-cp .bkev-cp-side{grid-column:1 / 3;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:10px;margin:12px 0 0;text-align:left}
 #booknetic-customer-panel .bkev-cp .bkev-cp-side .bkev-cp-total{order:-1;margin:0 auto 0 0}
 #booknetic-customer-panel .bkev-cp .bkev-cp-foot{grid-column:1 / 3}
 #booknetic-customer-panel .bkev-cp ul.bkev-cp-meta li{flex-basis:100%}
}