/*
 * Cookiebot-style 3-tab layout for the preferences modal.
 * The modal is made the primary dialog; its content is split across
 * Consent / Details / About tabs. Tab state lives as a class on .pm
 * (tcc-view-consent | tcc-view-details | tcc-view-about), set by JS.
 */

/* The native banner is not used in tab mode — the modal is the primary dialog. */
#cc-main .cm-wrapper { display: none !important; }

/* Tab bar (injected before .pm__body). */
#cc-main .tcc-tabs {
	display: flex;
	overflow-x: auto;
	border-bottom: 1px solid var(--cc-separator-border-color);
	margin: .2em 0 1.4em;
}
#cc-main .tcc-tab {
	flex: 1 0 auto;
	white-space: nowrap;
	background: none;
	border: 0;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	padding: 1em 1.2em;
	font: inherit;
	font-weight: 600;
	color: var(--cc-secondary-color);
	cursor: pointer;
	text-align: center;
}
#cc-main .tcc-tab:hover { color: var(--cc-accent-color); }
#cc-main .tcc-tab.is-active {
	color: var(--cc-accent-color);
	border-bottom-color: currentColor;
}

/* Consent view: intro text + collapsed category toggles; no "about". */
#cc-main .pm.tcc-view-consent .tcc-about { display: none; }
#cc-main .pm.tcc-view-consent .pm__section--toggle .pm__section-desc-wrapper { display: none !important; }

/* Details view: categories expanded (description + cookie table); no intro / about. */
#cc-main .pm.tcc-view-details .tcc-intro,
#cc-main .pm.tcc-view-details .tcc-about { display: none; }
#cc-main .pm.tcc-view-details .pm__section--toggle .pm__section-desc-wrapper { display: flex !important; }

/* About view: only the "about cookies" text. */
#cc-main .pm.tcc-view-about .tcc-intro,
#cc-main .pm.tcc-view-about .tcc-cats { display: none; }

/* Expansion is driven by tabs → hide the per-row arrows and neutralise the title click. */
#cc-main .pm[class*="tcc-view-"] .pm__section-arrow { display: none; }
#cc-main .pm[class*="tcc-view-"] .pm__section--expandable .pm__section-title {
	padding-left: 20px;
	cursor: default;
}