/*
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
*/

:root {
	--orange: #ff5500;
	--dark: #090b0f;
}

/**** GENERAL ****/
.sw-cards__card:hover .sw-cards__circle {
	background: var(--orange);
}

.sw-cards__card:hover .sw-cards__head {
	background: var(--dark);
}

/* ===== Header ===== */
.header .header__btn a {
	color: var(--orange);
	border: 1px solid var(--orange);
	background: rgba(255,85,0,.1);
	padding: 10px 22px;
	border-radius: 100px;
	transition: .3s all ease-in-out;
}

.header .header__btn a:hover {
	background: var(--orange) !important;
	color: #fff !important;
}

.header .bricks-menu-item a {
	transition: .3s all ease-in-out;
}

.header .bricks-menu-item:not(.header__btn) a:hover {
	color: #fff;
}

.header:has(.show-mobile-menu) {
	border-bottom: 1px solid var(--orange) !important;
}

.header .bricks-mobile-menu {
	height: calc(100% - var(--mobile-header-height));
	display: flex;
	flex-direction: column;
	overflow: auto;
	align-items: flex-start;
}

.header .bricks-mobile-menu .bricks-menu-item {
	width: 100%;
}

.header .bricks-mobile-menu .bricks-menu-item.open button {
	transform: rotate(180deg);
}

.header .bricks-mobile-menu .header__btn {
	margin-top: auto;
	width: 100%;
}

.header .bricks-mobile-menu .header__btn a {
	padding: 10px 20px !important;
    text-align: center;
    margin-top: auto;
	width: 100% !important;
}

.header__nav ul:not(.bricks-mobile-menu) > li > .sub-menu:not(.brx-sub-submenu-overflow-right) {
	top: 50px;
}

/* ===== Block: services ===== */
#servicesSplide .splide__list {
	padding-bottom: 20px;
}


/*** Ease As 1,2,3 ***/
.steps__number, .sw-cards__card--steps { 
	transition: transform .25s ease, box-shadow .25s ease, color .25s ease, border-color .25s ease; }

.steps__number.is-active {
	color: #fff;
	background: var(--orange) !important;
	transform: scale(1.06);
}

.sw-cards__card--steps.is-active {
	box-shadow: 5px 5px 0 0 var(--dark) !important;
}

.sw-cards__card--steps.is-active .sw-cards__head {
	background: var(--dark);
}

.sw-cards__card--steps.is-active .sw-cards__circle {
	background: var(--orange);
}



/* Base button styling (adjust to your design) */
.btn {
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	padding: 12px 20px;
	border-radius: 8px;
}

/* Text layers */
.btn__txt {
	position: relative;
	display: inline-block;
	line-height: 1;
	transition: transform .4s ease;
}

.btn__txt-extra {
	position: absolute;
	left: 0;
	top: 100%; /* parked below */
	transition: transform .4s ease;
	white-space: nowrap;
}

/* Inject the duplicate label via data attribute */
.btn__txt-extra::before {
	content: attr(data-txt);
}

/* Hover animation */
.btn:hover .btn__txt {
	transform: translateY(-100%);
}
.btn:hover .btn__txt-extra {
	transform: translateY(0%);
}