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

/* ============
   GLOBAL
============= */
:root {
	--primary-color: #21d4de;
	--secondary-color: #0da2e7;
	--text-color: #7588a3;
	--light-color: #f8fafc;
	--dark-color: #080c16;
	--border-color: #1d2435;
	--bg-gradient-primary: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}
body {
	background:  linear-gradient( #080c16 0%, #0e1525 100%);
	background-repeat: no-repeat;
}
* {
    border-color: var(--border-color);
}

/* overlay loading ajax */
.blockUI.blockOverlay {
    background-color: var(--dark-color)!important;
}

/* button */
.woocommerce-mini-cart__buttons .button,
.woocommerce .button,
.brxe-button.bricks-background-primary {
	color: var(--dark-color);
	background: var(--bg-gradient-primary) padding-box,
		var(--bg-gradient-primary) border-box;
	border: 1px solid transparent;
	transition: all 0.3s cubic-bezier(.4,0,.2,1);
}
.woocommerce-mini-cart__buttons .button:hover,
.woocommerce .button:hover,
.brxe-button.bricks-background-primary:hover {
	transform: scale(1.05);
	box-shadow: 0 0 60px hsl(183 74% 50% / .15);
	opacity: .9;
}
.woocommerce-mini-cart__buttons .button,
.woocommerce .button {
    border-radius: 10px;
}

/* heading multi colors */
.brxe-heading.multi-colors span {
	color: var(--primary-color);
}
.brxe-heading.multi-colors__gradient span {
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
	background-image: linear-gradient(#21d4de, #0da2e7);
}

/* Form */
.input, input:not([type=submit]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not(.qty), select, textarea {
    color: var(--light-color);
    height: 40px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    background-color: rgba(19, 29, 52, 0.5);
    width: 100%;
    outline: none;
}
.select2-container--default .select2-selection--single {
    border: 1px solid var(--border-color);
    border-radius: 10px;
    background-color: rgba(19, 29, 52, 0.5);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--light-color);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--light-color) transparent transparent transparent !important;
}
/* Pagination */

ul.page-numbers .page-numbers {
	display: inline-flex;
	justify-content: center; 
	align-items: center;
	font-size: 16px;
	font-weight: 600;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	border: 1px solid var(--border-color);
	background: none;
	transition: all 0.3s cubic-bezier(.4,0,.2,1);
}
ul.page-numbers .page-numbers:hover {
	background: #131d34;
}
ul.page-numbers .page-numbers.current {
	color: var(--dark-color);
	background: var(--bg-gradient-primary) padding-box,
		var(--bg-gradient-primary) border-box;
	border: 1px solid transparent;
}
/* ====================
   Product archive
==================== */

.bricks-archive-title-wrapper {
    margin: 60px 0;
    text-align: left;
    width: 100%;
    max-width: 100%;
}
.archive-short-description {
    margin-top: 8px;
}
.product-archive-description {
    padding-bottom: 60px;
}
.search-wrapper {
    margin-top: 32px;
}
.product-archive-content {
    width: 100%;
    display: flex;
    gap: 32px;
    padding-bottom: 60px;
}
.product-archive-content .woo-sidebar-wrapper {
    flex: 0 0 256px;
    width: 256px;
    flex-shrink: 0;
    flex-grow: 0;
}
body.archive .brxe-woocommerce-products {
	display: flex;
	flex: 0 0 calc(100% - 256px - 32px);
	flex-direction: column;
}
body.archive .brxe-woocommerce-products .products {
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

@media (max-width: 767px) {
	.product-archive-content {
		flex-direction: column;
	}
	
	body.archive .product-archive-content .woo-sidebar-wrapper {
		width: 100%;
		flex-basis: 100%;
	}
	
	body.archive .brxe-woocommerce-products {
		flex-basis: 100%;
	}
}
/* Woo sidebar */
.woo-sidebar-wrapper {
    position: relative;
}
.woo-sidebar-wrapper > div {
    position: sticky;
    top: 120px;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--border-color);
    background: #0c1322;
}
.woo-sidebar-wrapper .wc-block-product-filters__overlay-content {
	gap: 24px;
}
.woo-sidebar-wrapper .wc-block-product-filters__overlay-content > h2.wp-block-heading {
    font-size: 16px;
    margin-bottom: 12px!important;
}
.woo-sidebar-wrapper .widgettitle,
.woo-sidebar-wrapper h3.wp-block-heading {
    font-size: 14px;
	margin-bottom: 12px!important;
}
.woo-sidebar-wrapper ul.wc-brand-list-layered-nav-product_brand {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    
}
.woo-sidebar-wrapper ul.wc-brand-list-layered-nav-product_brand .count {
    display: none;
}
.woo-sidebar-wrapper ul.wc-brand-list-layered-nav-product_brand a {
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 20px;
    border: 1px solid transparent;
    background: rgba(19, 29, 52, 0.5);
}
.woo-sidebar-wrapper ul.wc-brand-list-layered-nav-product_brand a:hover {
    background: #131d34;
}
.woo-sidebar-wrapper ul.wc-brand-list-layered-nav-product_brand li.chosen a {
    color: #080c16;
    background: #21d4de;
}
.woo-sidebar-wrapper .wc-block-product-filter-price-slider .text input[type=text] {
    font-size: 14px;
    padding: 0;
    line-height: 1;
    border: 0!important;
    background: transparent !important;
    width: max-content !important;
    border-radius: 0;
    padding: 0;
}
.woo-sidebar-wrapper .wc-block-product-filter-price-slider .text input[type=text].max {
    text-align: right;
}

.woo-sidebar-wrapper .wc-block-product-filter-price-slider__range {
    --range-color: #21d4de;
}
.woo-sidebar-wrapper .wc-block-product-filter-price-slider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #21d4de;
  cursor: pointer;
  position: relative;
  z-index: 2;
  top: -4px;
}

.woo-sidebar-wrapper svg.wc-block-product-filter-checkbox-list__mark {
    color: #080c16;
}
.woo-sidebar-wrapper .wc-block-product-filter-checkbox-list__input-wrapper:before {
    opacity: 1;
    border: 1px solid #21d4de;
    background: transparent;
}
.woo-sidebar-wrapper .wc-block-product-filter-checkbox-list__input {
    padding: 0;
}
.woo-sidebar-wrapper .wc-block-product-filter-checkbox-list__input-wrapper:has(input[type=checkbox].wc-block-product-filter-checkbox-list__input:checked):before {
    background: #21d4de;
}
.woo-sidebar-wrapper .wc-block-product-filter-checkbox-list__text {
    color: #7588a3;
}
@media (max-width: 767px) {
    .woo-sidebar-wrapper > div {
        position: static;
    }
}
@media(max-width: 600px) {
    .woo-sidebar-wrapper > div {
        padding: 12px;
    }
    :where(.wc-block-product-filters) .wc-block-product-filters__overlay-dialog {
            background-color: var(--dark-color)!important;
    }
    :where(.wc-block-product-filters) .wc-block-product-filters__overlay-footer {
        padding: 0;
    }
    :where(.wc-block-product-filters) .wc-block-product-filters__apply {
        padding: 10px;
        color: var(--dark-color)!important;
        background: var(--primary-color)!important;
    }
}

/* Product archive search */
.search-wrapper {
    display: flex;
    width: 100%;
    gap: 16px;
}

body.archive.woocommerce .archive-product-search {
    flex-grow: 1;
}
body.archive.woocommerce .archive-product-search form input[type="search"] {
    font-size: 14px;
    line-height: 20px;
    padding: 13px 12px 13px 40px;
    border-radius: 10px;
    border: 1px solid var(--border-color);
    background-color: hsl(var(--secondary) / .5);
    background-image: url('images/search.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 12px 50%;
    height: 48px!important;
}
body.archive.woocommerce .archive-product-search form input::placeholder {
    color: #7588a3;
}
body.archive.woocommerce form.woocommerce-ordering select {
     font-size: 14px;
    line-height: 20px;
    height: 48px;
    padding: 13px 12px;
    border-radius: 10px;
    border: 1px solid var(--border-color);
    background-color: hsl(var(--secondary) / .5);
    color: var(--text-color);
}

/* selected filters */
body.archive.woocommerce .seleted-list {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
body.archive.woocommerce .seleted-list .seleted-item {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #131d34;
    padding: 2px 10px;
    color: var(--light-color);
    font-size: 12px;
    border-radius: 9999px;
    font-weight: 600;
}
body.archive.woocommerce .seleted-list .seleted-item .remove {
    line-height: 1;
    background: none;
    appearance: none;
    color: var(--light-color);
    font-size: 16px;
    font-weight: 400;
}

/* Product Loop Item */
.product.type-product {
    position: relative;
    border: 1px solid var(--border-color);
    box-shadow: 0 8px 32px rgba(0,0,0,0.3);
    border-radius: 12px;
	overflow: hidden;
    list-style: none;
    transition: 0.3s;
}
.product.type-product:hover {
    transform: translateY(-8px);
}
.product.type-product .product-image-wrapper {
    position: relative;
    overflow: hidden;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
}
.product.type-product .product-image-wrapper::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%;
    pointer-events: none;
}
.product.type-product .product-image-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(8, 12, 22, 0.8);
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
}
.product.type-product:hover .product-image-wrapper::after {
    opacity: 1;
}
.product.type-product .product-image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    transform-origin: center;
}
.product.type-product:hover .product-image-wrapper img {
    transform: scale(1.1);
}
.product.type-product .product-image-wrapper .product-badge {
    position: absolute;
    top: 12px;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 20px;
    z-index: 1;
    transition: 0.3s;
}

.product.type-product .product-image-wrapper .product-badge.product-badge__featured {
    left: 12px;
    color: #080c16;
    background: var(--bg-gradient-primary);
}
.product.type-product .product-image-wrapper .product-badge.product-badge__brand {
    right: 12px;
    left: auto;
    color: #f8fafc;
    background: #0c1322cc;
}
.product.type-product .product-image-wrapper .product-badge.product-badge__brand:hover {
    background: rgb(19 29 52 / 80%);
}
.product.type-product .product-info-wrapper {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
}
.product.type-product .woocommerce-loop-product__title {
    display: block;
    width: 100%;
    font-size: 18px;
    color: var(--light-color);
    margin-top: 0;
    margin-bottom: 8px;
    transition: 0.3s;
}
.product.type-product .woocommerce-loop-product__title:hover {
    color: var(--primary-color);
}
.product.type-product .product-cat {
    width: calc(50% - 4px);
    margin-bottom: 16px;
    transition: 0.3s;
}
.product.type-product a.product-cat:hover {
    color: var(--primary-color);
}
.product.type-product .sales-count-n-rating {
    width: calc(50% - 4px);
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-bottom: 16px;
}
.product.type-product .avg-rating {
    display: flex;
    gap: 4px;
}
.product.type-product span.star {
    color: #eab308;
}
.product.type-product .price {
    font-size: 24px;
    font-weight: 700;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
	background-image: linear-gradient( var(--primary-color), var(--secondary-color));
}
.product.type-product .bricks-button {
    margin-left: auto;
}

/* =========================== 
    SINGLE PRODUCT 
=============================*/

/* layout */
.single-product .content-area {
    padding-left: 16px;
    padding-right: 16px;
}
.woocommerce main.site-main {
    padding-top: 30px;
    padding-bottom: 60px;
}
body.single-product .product.type-product {
    gap: 32px;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    transform: none!important;
}
body.single-product .product.type-product > .left {
    width: calc(100% *2/3 - 16px);
}
body.single-product .product.type-product > .right {
    width: calc(100% /3 - 16px);
}
body.single-product .right-wrapper {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
@media(max-width: 767px) {
    body.single-product .product.type-product .left,
    body.single-product .product.type-product .right {
        width: 100%;
    }
}

/* summary */
body.single-product .product.type-product .summary {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--border-color);
    background: #0c1322;
}
body.single-product .product-badge {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 10px;
    border-radius: 999px;
    background: rgb(33 212 222 / 20%);
    color: var(--primary-color);
    margin-bottom: 16px;
}

body.single-product .product_title {
    font-size: 24px;
    color: var(--light-color);
} 
body.single-product .product.type-product .sales-count-n-rating {
    width: 100%;
    justify-content: flex-start;
}
body.single-product .product.type-product span.star {
    color: var(--primary-color);
}
body.single-product .product.type-product span.rating {
    font-weight: 700;
    color: var(--light-color);
}
body.single-product form.cart .quantity,
body.single-product form.woocommerce-cart-form .quantity {
    width: 100%;
}
form.cart .button, 
form.woocommerce-cart-form .button{
    padding: 11px 32px;
    font-size: 16px;
    line-height: 1.5;
}
body.single-product form.cart .button, 
body.single-product form.woocommerce-cart-form .button,
.cart-collaterals .wc-proceed-to-checkout .button {
    width: 100%;
}
.preview-button {
    width: 100%;
    margin-top: 20px;
}

/* product image */
.woocommerce-product-gallery {
    width: 100%;
}
.woocommerce-product-gallery img {
    aspect-ratio: 3/2;
    object-fit: cover;
}
.woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper, 
.woocommerce-product-gallery .flex-viewport {
    border: 1px solid var(--border-color);
    border-radius: 16px;
    overflow: hidden;
}
.woocommerce-product-gallery .flex-control-thumbs {
    grid-template-columns: repeat(6, 1fr);
}
.woocommerce-product-gallery .flex-control-thumbs li {
    border: 1px solid var(--border-color);
    border-radius: 16px;
    overflow: hidden;
    transition: 0.3s;
}
.woocommerce-product-gallery .flex-control-thumbs li:hover {
    border-color: rgba(33, 212, 222, 0.5);
    box-shadow: 0 0 60px 0 rgba(33, 212, 222, 0.15);
}
@media(max-width: 767px) {
    .woocommerce-product-gallery .flex-control-thumbs {
        grid-template-columns: repeat(4, 1fr);
    }
    .woocommerce-product-gallery .flex-control-thumbs li {
        border-radius: 8px;
    }
}

/* product tabs */
.woocommerce-tabs {
    border: 0;
}
.woocommerce-tabs .wc-tabs {
    display: inline-flex;
    width: auto;
    align-self: start;
    padding: 4px;
    background: rgb(19 29 52 / 50%);
    border-radius: 10px;
    border: 0;
}
.woocommerce-tabs .wc-tabs li {
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 8px;
}
.woocommerce-tabs .wc-tabs li.active {
    color: var(--light-color);
    background: var(--dark-color);
}
.woocommerce-tabs .panel {
    padding: 24px 0 0;
}
.product-features {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.product-features .features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.product-features .features .item {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 12px;
    background: rgb(19 29 52 / 30%);
}
.product-features .features .icon {
    flex-shrink: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: hsl(183.17deg 74.12% 50% / 20%);
}
.product-features .features .icon svg {
    width: 16px;
    height: 16px;
    stroke: var(--primary-color);
}
@media(min-width: 768px) {
    #woocommerce-tab-read-more {
        display: none;
    }
}
@media(max-width: 767px) {
    .product-features .features {
        grid-template-columns: 1fr;
    }
    .woocommerce-tabs.wc-tabs-wrapper {
        position: relative;
        padding-bottom: 70px;
        transition: 0.3s;
        max-height: 300px;
        overflow: hidden;
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .woocommerce-tabs.wc-tabs-wrapper.expanded {
        max-height: 1000px;
    }
    .woocommerce-tabs.wc-tabs-wrapper::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        background: linear-gradient(0deg, #0c111f 50%, transparent);
    }
    #woocommerce-tab-read-more {
        position: absolute;
        bottom: 0;
        left: 0;
        transition: 0.3s;
        z-index: 1;
    }
}
/* ===============
 Cart page 
 ==================*/

form.cart .quantity .minus:hover svg, 
form.cart .quantity .plus:hover svg, 
form.woocommerce-cart-form .quantity .minus:hover svg, 
form.woocommerce-cart-form .quantity .plus:hover svg {
    stroke: #fff;
}
p.return-to-shop {
    margin-top: 12px;
}
/* ===============
 Checkout page 
 ==================*/
form.woocommerce-checkout.bricks-default-checkout {
    gap: 60px;
}
.woocommerce-billing-fields h3,
h3#order_review_heading {
    margin-bottom: 20px;
}

.woocommerce-checkout form.checkout_coupon {
    background-color: transparent;
    margin: 30px 0;
    padding: 0;
}

/* ================
    My account 
================ */

.woocommerce-account .woocommerce-MyAccount-navigation {
    background-color: transparent;
    border: 1px solid var(--border-color);
} 
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    color: var(--primary-color);
}

.woocommerce-account form .show-password-input {
    background-color: transparent;
}

/* ===============
    HOME
=============== */

/* Home Tabs */
.home-themes-tabs .tab-title {
  	transition: 0.3s;
	width: max-content;
    max-width: max-content;
	white-space: nowrap;
}
.home-themes-tabs .tab-title:hover {
  	transform: scale(1.05);
}
.home-themes-tabs .tab-title .brxe-text-basic {
	width: max-content;
}
.home-themes-tabs .tab-title.brx-open {
	background: var(--bg-gradient-primary);
	color: var(--dar);
}
.home-themes-tabs .brxe-code,
.home-themes-tabs .brxe-code .product.type-product {
	height: 100%;
}

/* =============
    BLOG
============= */
.posts-loop-wrapper .post-loop-item,
.posts-loop-wrapper .post-loop-item .post-tilte {
    transition: 0.3s;
}
.posts-loop-wrapper .post-loop-item:hover {
    border-color: rgb(33 212 222 / 50%);
    box-shadow: 0 0 60px rgb(33 212 222 / 15%)
}
.posts-loop-wrapper .post-loop-item:hover .post-tilte {
    color: var(--primary-color);
}