/*
Theme Name:   Bricks Child Theme
Theme URI:    https://bricksbuilder.io/
Description:  Use this child theme to extend Bricks.
Author:       Bricks
Author URI:   https://bricksbuilder.io/
Template:     bricks
Version:      1.1
Text Domain:  bricks
*/

/*******************************************/
/* TEMP FIX FOR MOBILE MENU OVERFLOW ISSUE */
/*******************************************/
body {
	overflow-x: hidden;
}

/*******************************************/
/* BRICKS BUTTONS CUSTOMISATIONS
/*******************************************/
.bricks-button[class*='secondary'].outline {
	box-shadow: inset 0 0 0 1px var(--dr-white);
}

/*******************************************/
/* BRICKS LINKS SETTINGS
/*******************************************/
:where(.brxe-accordion .accordion-content-wrapper) a,
:where(.brxe-icon-box .content) a,
:where(.brxe-list) a,
:where(.brxe-post-content):not([data-source='bricks']) a:not(.wprm-recipe-link):not(.drrm-keywords a):not(.dr-toc-link):not(.image-pinterest-btn):not(.x-social-share_link),
:where(.brxe-posts .dynamic p) a,
:where(.brxe-tabs .tab-content) a,
:where(.brxe-team-members) .description a,
:where(.brxe-testimonials) .testimonial-content-wrapper a,
:where(.brxe-text) a,
:where(a.brxe-text),
/* Featured Terms */
:where(.brxe-text-basic):not(.dr-recipe-grid__badge) a,
:where(a.brxe-text-basic),
:where(.brxe-post-comments) .comment-content a {
	text-decoration: none !important;
	color: var(--dr-accent-darker);
	font-weight: 500;
	border-bottom: 2px solid var(--dr-accent-darker);
}

a,
button {
	-webkit-tap-highlight-color: var(--dr-accent-lighter);
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 2px solid #ffa72480;
	outline-offset: 3px;
}

/*******************************************/
/* BRICKS TOOLTIP SETTINGS
/*******************************************/
/* Tooltip Bubble & Arrow */
body [data-balloon]:after,
body [data-balloon]:before {
	top: -8px;
	transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
}

/* Tooltip Bubble */
body [data-balloon]:after {
	background-color: rgba(0, 0, 0, 0.85);
	font-size: 12px;
	font-weight: 400;
	color: var(--dr-white);
	padding: 5px;
	border-radius: var(--dr-radius-button);
}

/* Tooltip Arrow */
body [data-balloon]:before {
	border: 7px solid transparent;
	border-top: 7px solid var(--bricks-tooltip-bg);
}

/* Foscus Visibile */
body [data-balloon]:focus-within::after,
body [data-balloon]:focus-within::before {
	opacity: 1;
}

/* Top Tooltip Bubble */
body [data-balloon-pos='top']::after {
	transform: translate(-50%, -100%) translateY(8px);
}

/* Top Tooltip Arrow */
body [data-balloon-pos='top']::before {
	transform: translate(-50%, 0) translateY(8px);
}

/* Top Tooltip Animation */
body [data-balloon-pos='top']:hover::after,
body [data-balloon-pos='top']:focus-within::after {
	transform: translate(-50%, -100%);
}

body [data-balloon-pos='top']:hover::before,
body [data-balloon-pos='top']:focus-within::before {
	transform: translate(-50%, 0);
}