/**
 * Leading Time AJAX tabs (S3′ / SHO-185).
 *
 * Deliberately almost empty. The block reuses WoodMart's own classes
 * (`wd-tabs`, `wd-nav-tabs`, `wd-tab-content`, `wd-load-more`, and the theme's
 * product-grid classes inside the panel), so the theme styles it. Only the
 * states the theme has no opinion about are defined here — a hidden panel, the
 * Load More button's busy state, and the header alignment.
 */

/*
 * Header (REQ-003 #1): title left, three tab labels right, on one row — the
 * baseline the homepage's existing best-seller module sits on. WoodMart's own
 * `wd-tabs-header` stacks the title above the nav and `text-center` centres
 * both; the theme's `tabs-design-simple` reaches the one-row layout but also
 * brings its own border/underline treatment, which this block does not use.
 * Expressing the alignment here keeps the change inside the plugin: no theme
 * or Elementor file is touched.
 *
 * Two classes on `.cps-lt-header` beat the theme's single-class
 * `.wd-tabs-header`, so these win without `!important`.
 */
.cps-lt-tabs .cps-lt-header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 25px;
}

.cps-lt-tabs .cps-lt-header .tabs-name {
	margin-bottom: 0;
	text-align: left;
}

.cps-lt-tabs .cps-lt-header .wd-nav-tabs-wrapper {
	text-align: right;
}

/* Three classes beat `.wd-nav`'s own `justify-content: var(--text-align, …)`. */
.cps-lt-tabs .cps-lt-header .wd-nav-tabs {
	justify-content: flex-end;
}

.cps-lt-tabs .cps-lt-panel {
	display: none;
}

.cps-lt-tabs .cps-lt-panel.wd-active {
	display: block;
}

.cps-lt-tabs .cps-lt-load-more.loading,
.cps-lt-tabs .cps-lt-load-more.loading .load-more-label {
	opacity: 0.6;
	pointer-events: none;
}

.cps-lt-tabs .cps-lt-empty {
	text-align: center;
	padding: 24px 0;
}