/**
 * Non-whitelabel specific Staxxo resets.
 * Note: Default whitelabel variables (without --bs- prefix) are generated in user.scss.
 * Note: Component-specific resets are handled in the assets/scss/user/* files.
 */

:root,
[data-bs-theme=light] {

	--bs-secondary-color: rgba( var( --bs-body-color-rgb ), 0.6 );
	--bs-tertiary-color: rgba( var( --bs-body-color-rgb ), 0.4 );
	--bs-emphasis-color: var( --emphasis-color );
	--bs-emphasis-color-rgb: var( --emphasis-color-rgb );

	/* Dark/light using whitelabel variables, prepared for reversing in dark mode */
	--bs-dark: var( --dark );
	--bs-dark-rgb: var( --dark-rgb );
	--bs-dark-text-emphasis: var( --dark-emphasis );
	--bs-dark-bg-subtle: var( --dark-subtle );
	--bs-light: var( --light );
	--bs-light-rgb: var( --light-rgb );
	--bs-light-text-emphasis: var( --light-emphasis );
	--bs-light-bg-subtle: var( --light-subtle );

	--bs-heading-color: var( --heading-color );
	--bs-heading-color-rgb: var( --heading-color-rgb );

	/* Default link color variables */
	--bs-link-color: var( --bs-primary );
	--bs-link-color-rgb: var( --bs-primary-rgb );
	--bs-link-hover-color: var( --bs-primary );
	--bs-link-hover-color-rgb: var( --bs-primary-rgb );

	/* Default button text color variables */
	--btn-text-color-1: #fff;
	--btn-text-color-2: #000;
	--bs-btn-primary-color: var( --btn-text-color-1 );
	--bs-btn-primary-hover-color: var( --btn-text-color-1 );
	--bs-btn-secondary-color: var( --btn-text-color-1 );
	--bs-btn-secondary-hover-color: var( --btn-text-color-1 );
	--bs-btn-success-color: var( --btn-text-color-1 );
	--bs-btn-success--hover-color: var( --btn-text-color-1 );
	--bs-btn-info-color: var( --btn-text-color-1 );
	--bs-btn-info-hover-color: var( --btn-text-color-1 );
	--bs-btn-warning-color: var( --btn-text-color-2 );
	--bs-btn-warning-hover-color: var( --btn-text-color-2 );
	--bs-btn-danger-color: var( --btn-text-color-1 );
	--bs-btn-danger-hover-color: var( --btn-text-color-1 );
	--bs-btn-light-color: var( --btn-text-color-2 );
	--bs-btn-light-hover-color: var( --btn-text-color-2 );
	--bs-btn-dark-color: var( --btn-text-color-1 );
	--bs-btn-dark-hover-color: var( --btn-text-color-1 );
	--bs-btn-white-color: var( --btn-text-color-2 );
	--bs-btn-white-hover-color: var( --btn-text-color-2 );
	--bs-btn-cta-color: var( --btn-text-color-2 );
	--bs-btn-cta-hover-color: var( --btn-text-color-2 );

	/* Default border color (lets background color shine through) */
	--bs-border-color: rgba( 0, 0, 0, 0.075 );

	/* Base-theme specific variable used as card background */
	--bs-mode: var( --bs-white );

}
[data-bs-theme="dark"] {

	/* Emphasis/subtle color reversed */
	--bs-emphasis-color: var( --subtle-color );
	--bs-emphasis-color-rgb: var( --subtle-color-rgb );

	/* Dark/light reversed */
	--bs-dark: var( --light );
	--bs-dark-rgb: var( --light-rgb );
	--bs-dark-text-emphasis: var( --light-emphasis );
	--bs-dark-bg-subtle: var( --light-subtle );
	--bs-light: var( --dark );
	--bs-light-rgb: var( --dark-rgb );
	--bs-light-text-emphasis: var( --dark-emphasis );
	--bs-light-bg-subtle: var( --dark-subtle );

	--bs-heading-color: var( --darkmode-heading-color );
	--bs-heading-color-rgb: var( --darkmode-heading-color-rgb );

	/* Default link color variables */
	--bs-link-color: var( --light );
	--bs-link-color-rgb: var( --light-rgb );
	--bs-link-hover-color: var( --light );
	--bs-link-hover-color-rgb: var( --light-rgb );

	/* Dark/light button colors reversed */
	--bs-btn-dark-color: var( --btn-text-color-2 );
	--bs-btn-dark-hover-color: var( --btn-text-color-2 );
	--bs-btn-dark-hover-bg: var( --light-dark );
	--bs-btn-light-color: var( --btn-text-color-1 );
	--bs-btn-light-hover-color: var( --btn-text-color-1 );
	--bs-btn-light-hover-bg: var( --dark-dark );

	/* Border color reversed (lets background color shine through) */
	--bs-border-color: rgba( 255, 255, 255, 0.15 );

	/* Base-theme specific variable used as card background */
	--bs-mode: var( --dark );

}

/**
 * Level-collapse pattern: a hidden checkbox toggles the visibility of its .level-collapse-target siblings.
 * Same rules as the parent theme (saas-theme/assets/css/resets.css).
 */
.level-collapse-checkbox,
.level-collapse-checkbox:checked ~ .level-collapse-target,
.level-collapse-checkbox:not( :checked ) ~ .level-collapse-target-inverse {
	display: none;
}

/**
 * Stretch the last content section (contentblock) to the bottom of the page if the page is shorter than 100vh
 */
html {
	height: 100%;
	/* -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
	scroll-padding-top: calc( var( --bs-spacer-5 ) * 2 ); */
}
body {
	display: flex;
	flex-direction: column;
}
#main-content {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
.page-wrapper {
	min-height: 100%;
}
.page-content {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.page-content > *:has( + footer ) {
	flex: 1; /* The last block before the footer should grow to push the footer to the bottom of the page */
}
@media ( max-width: 991px ) { /* Up to large */
	.page-content > *,
	.owcb-block,
	.block-py {
		padding-top: var( --bs-spacer-5 );
		padding-bottom: var( --bs-spacer-5 );
	}
	.page-content.-compact > *,
	.-compact .owcb-block,
	.-compact .block-py {
		padding-top: var( --bs-spacer-4 );
		padding-bottom: var( --bs-spacer-4 );
	}
	.page-content > :first-child,
	.page-content > :first-child .block-py {
		padding-top: var( --bs-spacer-8 );
	}
	.page-content.-compact > :first-child,
	.page-content.-compact > :first-child .block-py {
		padding-top: 5.5rem;
	}
}
@media ( min-width: 992px ) { /* From large */
	.page-content > *,
	.owcb-block,
	.block-py {
		padding-top: var( --bs-spacer-7 );
		padding-bottom: var( --bs-spacer-7 );
	}
	.page-content.-compact > *,
	.-compact .owcb-block,
	.-compact .block-py {
		padding-top: var( --bs-spacer-5 );
		padding-bottom: var( --bs-spacer-5 );
	}
	.page-content > :first-child,
	.page-content > :first-child .block-py {
		padding-top: var( --bs-spacer-8 );
	}
	.page-content.-compact > :first-child,
	.page-content.-compact > :first-child .block-py {
		padding-top: 5.5rem;
	}
}
@media ( min-width: 1400px ) { /* From xxl */
	.page-content > *,
	.owcb-block,
	.block-py {
		padding-top: 7.5rem;
		padding-bottom: 7.5rem;
	}
	.page-content.-compact > *,
	.-compact .owcb-block,
	.-compact .block-py {
		padding-top: var( --bs-spacer-7 );
		padding-bottom: var( --bs-spacer-7 );
	}
	.page-content > :first-child,
	.page-content > :first-child .block-py {
		padding-top: var( --bs-spacer-9 );
	}
	.page-content.-compact > :first-child,
	.page-content.-compact > :first-child .block-py {
		padding-top: var( --bs-spacer-8 );
	}
}
.block-py + .block-py,
.-compact .block-py + .block-py {
	padding-top: 0;
}

/* Page with sidebar (such as news detail page) */
/* Remove inner-container margins. */
.page-detail-sidebar-sibling .container {
	max-width: none;
	padding-right: 0;
	padding-left: 0;
}
.page-detail-sidebar-sibling > *:first-child {
	padding-top: 0;
}
.page-detail-sidebar-sibling > *:last-child {
	padding-bottom: 0;
}
/* .page-detail-sidebar { */
/* } */

/*
 * List group
 */
.list-group {
	--bs-list-group-color: var( --bs-body-color );
}

/*
 * HR / borders
 */
hr {
	opacity: 1;
	color: var( --bs-border-color );
}

@media ( max-width: 991px ) {
	.border-lg {
		border: 0 !important;
	}
}

/*
 * SVG fills
 */
.fill-primary {
	fill: var( --bs-primary ) !important;
}
.fill-mode {
	fill: var( --bs-secondary ) !important;
}

/**
 * Spacers
 * Unique alternative just for contentblocks (following base theme's hardcoded <section> padding)
 */
@media ( min-width: 1400px ) {
	/* .py-xxl-7point5rem {
		padding-top: 7.5rem !important;
		padding-bottom: 7.5rem !important;
	} */
	.pt-xxl-7point5rem {
		padding-top: 7.5rem !important;
	}
}
.mb-0-last-child > *:last-child {
	margin-bottom: 0 !important;
}
.w-0 {
	width: 0;
}

/* Responsive positioning */
@media ( min-width: 992px ) {
	.position-lg-static {
		position: static !important;
	}
}

/* Responsive overflow */
@media ( min-width: 992px ) {
	.overflow-lg-visible {
		overflow: visible !important;
	}
}

/* Prevent stacking container paddings on containers that might be children of earlier containers */
.container .container--prevent-dupe {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.media-wrapper {
	max-width: 778px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

/*
* Disabled classes
 */
/* .form-control:disabled,
.form-control[ readonly ] {
	background-color: var( --bs-light );
}
.disabled {
	pointer-events: none;
	opacity: 0.5;
}

@media ( min-width: 992px ) {
	.grid-lg {
		display: grid;
		grid-template-rows: repeat( var(--bs-rows, 1), 1fr );
		grid-template-columns: repeat( var(--bs-columns, 12), 1fr );
		gap: var(--bs-gap, 1rem);
	}
}
*/