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


/* No scroll - normal state */
.x-header_sticky-inactive {
  backdrop-filter: none; /* No blur */
  -webkit-backdrop-filter: none; /* For Safari support */
  transition: backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease; /* Smooth transition */
}

/* Scrolled - add blur */
.x-header_sticky-active {
  backdrop-filter: blur(10px); /* Adjust blur intensity */
  -webkit-backdrop-filter: blur(10px); /* Safari support */
  background-color: rgba(255, 255, 255, 0.8); /* Optional: Add semi-transparent background */
}

/*
 * Custom Animations
========================================== */
/* Avoid FUC on frontend */
.bricks-is-frontend .animation-trigger{
  opacity:0;
}

.animation-trigger {
    --delay: attr(data-delay number);
}
 
/* Animated Class*/
.animate {
    animation-name: fadeAnimation;
    animation-delay: calc(var(--delay, 1) * 200ms);
    animation-duration: var(--duration, 600ms);
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
 
/* Change translate Origin */
.animation--left-to-right{
  --translate: -40px,0,0;
}
.animation--right-to-left{
  --translate: 40px,0,0;
}
.animation--top-to-bottom{
  --translate: 0,-40px,0;
}
.animation--bottom-to-top{
  --translate: 0,40px,0;
}
 
/* Keyframes */
@keyframes fadeAnimation{
  from{
    transform: translate3d(var(--translate));
  }
  to{
    opacity: 1;
    transform: translate3d(0,0,0);
  }
}




/*
 * Custom WooCommerce Styles
========================================== */
.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link--Subaccounts{
	display: none;
}


/* Container styles */
.woocommerce .u-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px; /* Adjust spacing between columns if needed */
}

/* Column styles */
.woocommerce .u-column1,
.woocommerce .u-column2 {
    flex: 1 1 calc(50% - 20px); /* 50% width minus the gap */
    max-width: calc(50% - 20px); /* Prevent columns from exceeding 50% */
    box-sizing: border-box;
}

/* Make the layout responsive */
@media (max-width: 768px) {
    .woocommerce .u-column1,
    .woocommerce .u-column2 {
        flex: 1 1 100%;
        max-width: 100%; /* Full-width on smaller screens */
    }
}



:root {
    --default-page-color: var(--neutral-ultra-light); /* Fallback color */
}

.page-color {
    color: var(--acf-page-color, var(--default-page-color));
}

.standout {
    background: -webkit-linear-gradient(var(--neutral), var(--black));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

a {
	transition: all 0.2s ease-in;
}


/*
 * B2B King
========================================== */


.b2bking_myaccount_individual_offer_top {
	font-family: Switzer !important;
	background: var(--secondary);
}

.b2bking_custom_registration_container_field_20573 {
	margin-top: 32px;
}

.b2bking_myaccount_individual_offer_header_line_item,
.b2bking_myaccount_individual_offer_element_line_item_name,
.b2bking_myaccount_individual_offer_element_line_item,
.b2bking_myaccount_individual_conversation_top_item {
	font-size: var(--h4);
	font-weight: 700;
}

.b2bking_myaccount_individual_conversation_top,
.b2bking_myaccount_individual_offer_top {
	font-family: 'Inter Tight' !important;
	font-weight: 700;
	height: 60px;
	padding-left: var(--space-l);
	background: var(--secondary);
}

.b2bking_myaccount_individual_conversation_content_item {
	padding: var(--space-m);
}

.woocommerce .woocommerce-form-register p {
	font-size: var(--text-s);
	margin-bottom: var(--space-s);
}

.b2bking_myaccount_individual_offer_custom_text, .b2bking_myaccount_individual_offer_custom_text_vendor {
	font-size: var(--text-s);
	line-height: 1.4;
}


#b2bking_myaccount_bulkorder_title, #b2bking_myaccount_conversations_title, #b2bking_myaccount_offers_title, #b2bking_myaccount_offers_title, 
.b2bking_bulkorder_indigo_name, .b2bking_bulkorder_indigo_name:focus, .b2bking_bulkorder_indigo_name:visited,
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product.b2bking_bulkorder_form_container_content_line_product_indigo, .b2bking_bulkorder_form_container_content_header_product_indigo, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product.b2bking_bulkorder_form_container_content_line_product_indigo,
button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add, button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add:focus,
button.b2bking_bulkorder_indigo_add, button.b2bking_bulkorder_indigo_add:active, button.b2bking_bulkorder_indigo_add:focus, button.b2bking_bulkorder_indigo_add:target{
	font-family: 'Inter Tight' !important;
}



#b2bking_myaccount_bulkorder_title, #b2bking_myaccount_conversations_title, #b2bking_myaccount_offers_title, #b2bking_myaccount_offers_title,
#b2bking_myaccount_offers_title,
.b2bking_b2bregistration_only_register_header {
	font-weight: 800;
	margin-bottom: var(--heading-spacing);
}


.fr-single-product-alpha__cart table.variations tr {
	border-color: var(--neutral-trans-10) !important;
}


section > div:where(:not(.bricks-shape-divider)) {
    flex-direction: row;
}

.wcb2b-customer-group {
	margin-top: var(--space-m);
}




.fr-single-product-alpha__cart form.cart:not(.variations_form), .fr-single-product-alpha__cart form.cart .woocommerce-variation-add-to-cart {
	flex-direction: column !important;
}

.b2bking_shop_table {
	margin-top: 0;
}

.b2bking_shop_table td, .b2bking_shop_table th {
	padding: var(--space-xs) var(--space-s);
    border-bottom: 1px solid var(--neutral-ultra-light);
}

.b2bking_bulkorder_form_container_content_line_product_url:hover, .b2bking_tiered_clickable tbody tr {
    border-bottom: 1px solid var(--neutral-ultra-light);
}

/*
.b2bking_tiered_price_range_replaced_4909 {
	text-align: center;
	width: 100%;
}
*/




/*
 * Hide Top Secret on Start page
========================================== */
.home #top-secret {
	display: none;
	visibility: hidden;
}


#trp-floater-ls div:not(#trp-floater-poweredby) > a {
	font-size: var(--text-s);
}


/* Återförsäljare på produktsida / Single
========================================== */
#aterforsaljare {
	margin-top: var(--space-m);
}



/* Hide Top Secret on Start page
========================================== */
.home #topsecret {
	display: none;
	visibility: hidden;
}


.woocommerce-account .u-column1.col-1,
.woocommerce-account .u-column2.col-2 {
	max-width: 100% !important;
}

.woocommerce-account .col2-set h2 {
    font-size: var(--h3);
}

.woocommerce .button {
	border-radius: 0 !important;
}

.woocommerce-Price-amount {
	font-weight: 800;
}

.woocommerce-billing-fields h3,
.brxe-woocommerce-checkout-order-review h3 {
	margin-bottom: var(--space-s);
}

.woocommerce-billing-fields__field-wrapper .form-row {
	margin-bottom: var(--space-m);
}

.woocommerce .form-row-last {
    margin-top: 0;
}

/*
 * Different Colors On Sales Prices
========================================== */
.brxe-text-basic bdi,
.fr-single-product-alpha__price bdi {
	color: var(--netrual);
	text-decoration: none;
}


.brxe-text-basic ins {
	text-decoration: none;
}

.brxe-text-basic ins bdi,
.fr-single-product-alpha__price ins bdi {
	color: var(--danger);
	text-decoration: none;
}

/*
Mina sidor
========================================== */
@media only screen and (max-width: 600px) {
    .woocommerce-account .u-column1.col-1 {
        width: auto;
        margin-bottom: var(--space-l);
    }

    .woocommerce-account .woocommerce .woocommerce-form-login {
        max-width: 100%;
    }
}


#order_review #payment .wc_payment_methods .wc_payment_method {
    min-height: 26px;
}

@media (max-width: 767px) {
    .brxe-block .brxe-woocommerce-mini-cart {
        position: unset;
    }
}