/*
Theme Name:   SNN-BRX - Bricks Builder Child Theme
Theme URI:    https://github.com/sinanisler/snn-brx-child-theme
Description:  SNN-BRX Child Theme is a purpose-built essential building suite for agencies and professionals, streamlining your Bricks Builder projects with one powerful child theme.
Author:       sinanisler
Author URI:   https://github.com/sinanisler
Text Domain:  snn
Template:     bricks
Requires at least: 6.9
Version: 0.290
*/

#brx-content {
	margin-block-start: var(--header-height);
}

body.bricks-is-frontend :focus {
	outline: unset;
}

details summary {
	cursor: pointer;
}

.neutral-underline a {
	color: unset;
	text-decoration: underline;
	text-underline-offset: 15%;
	white-space: nowrap;
}

.neutral-underline a:hover {
	color: unset;
}

.bg--section {
	background-color: #f8f8fa;
}

.noselect,
ul[class*="term-ul"] li {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Supported by Chrome, Edge, Opera, and Firefox (non-prefixed version). */
}

ul[class^="term-ul"] {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-xs);
	/* disable bullet style */
	list-style: none;
	list-style-type: none;
	list-style-type: none;
	padding-inline-start: 0;
	-webkit-margin-before: 0em;
	margin-block-start: 0em;
	margin-block-end: 0;
}

.term-ul--studio li {
	padding: 0 var(--space-xs);
	background-color: var(--accent-ultra-light);
	border: 1px solid var(--accent-light-trans-20);
	border-radius: var(--radius-s);
	color: var(--accent);
}

table[class*="opening-hours--"] {
	width: 100%;
	padding: 5px;
	border: 2px solid transparent;
	border-collapse: collapse;
	text-align: left;
}

table[class*="opening-hours--"] td:nth-child(2) {
	text-align: right;
}

table[class*="opening-hours--"] td {
	padding: calc(var(--space-xs) - 3%) 0;
}

.opening-hours--frontpage td {
	border-bottom: 1px solid var(--base-light-trans-50);
}

.opening-hours--studio td {
	border-bottom: 1px solid var(--base-light-trans-50);
}

/* =====================================================
    Utility Classes
===================================================== */

:root {
	--bg-section: hsl(220, 15%, 97.5%);
}

.bg--section {
	background-color: var(--bg-section);
}

.disable-select,
.elementor-button,
.membership-title,
.membership__summary,
[for="services-toggle"] {
	user-select: none;
	/* supported by Chrome and Opera */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
}

/* Custom underline */

.accent-underline u,
.membership-title u {
	text-decoration: none;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0) 20%, rgba(255, 222, 179) 20%, rgba(255, 222, 179) 45%, rgba(0, 0, 0, 0) 45%);
	padding: .5rem;
}

.is-invisible-desktop {
	visibility: hidden;
}

/* =====================================================
    Fixed metabox in Post-Backend sidebar
===================================================== */

#side-sortables {
	position: fixed;
	overflow: scroll;
	height: 100%;
	transform: translateY(-20px);
	scrollbar-width: none;
}

/* =====================================================
    Details & Summary for Deals
===================================================== */

.aktion-details {
	font-size: calc(var(--text-xs)/0.9);
	font-smooth: 2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #aaa;
}

details.aktion-details summary {
	cursor: pointer;
	transition: margin .3s ease-out;
	font-size: initial;
}

details[open].aktion-details summary {
	margin-bottom: 10px;
}

details.aktion-details summary {
	list-style-type: none;
}

details.aktion-details summary::-webkit-details-marker {
	display: none;
}

details.aktion-details summary::-webkit-details-marker {
	list-style-type: none;
}