/* ---------- "Bookings" tab: the booking plugin's list inside the My account content card (B "Pearl") ----------
   The plugin draws its own card (.kb-book__card). Inside My account that would be a box inside a box, so the card is flattened,
   the light/dark switch is hidden (the page has its own look) and the title follows the other My account pages: tag + big heading.
   Generic My account rules skip everything inside .kb-book (see :where(:not(.kb-book *))). The wrapper .kbx is added in includes/bookings.php. */
html body .kl-acc .kl-acc-content .kbx .kb-book{width:auto;max-width:none;margin:0;padding:0;font-size:15px;}
html body .kl-acc .kl-acc-content .kbx .kb-book__card{max-width:none;margin:0;padding:0;background:none;border:0;box-shadow:none;border-radius:0;}
html body .kl-acc .kl-acc-content .kbx .kb-scheme{display:none;}
html body .kl-acc .kl-acc-content .kbx .kb-book__title{padding-right:0;margin:0 0 var(--k-5);font-family:var(--k-font-head)!important;font-size:clamp(32px,4.4vw,44px);font-weight:700;letter-spacing:-.03em;text-transform:none;line-height:1.05;color:var(--kl-ink);}
html body .kl-acc .kl-acc-content .kbx .kb-book__title::before{content:"Account";display:block;width:fit-content;margin:0 0 var(--k-3);padding:7px 12px;border-radius:var(--k-r-pill);background:rgba(20,23,26,.07);font-family:var(--k-font-body);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.4;color:var(--kl-ink);}
html body .kl-acc .kl-acc-content .kbx .kb-times__title{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--kl-muted);margin:0 0 4px;}
html body .kl-acc .kl-acc-content .kbx .kb-acct__back{margin:0 0 18px;}
/* Light badges and sun/moon icon in this tab even when the saved choice is dark (variables are reset in includes/bookings.php) */
html body .kl-acc .kl-acc-content .kbx .kb-book[data-kb-scheme="dark"].kb-acct :is(.kb-badge--confirmed, .kb-notice--ok){background:#e3f6ea;color:#14633a;}
html body .kl-acc .kl-acc-content .kbx .kb-book[data-kb-scheme="dark"].kb-acct .kb-badge--pending{background:#fff4d6;color:#7a5200;}
/* Same 44 px finger target for "Manage" inside My account (tablet and phone) */
@media (max-width: 900px) {
	html body .kl-acc .kl-acc-content .kbx .kb-btn--small{min-height:44px;}
}