/*
 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.0
 Text Domain:  bricks
 CSS Author:   Vlatko Mitov
 Date: 21.09.2024
*/

/* Root Font Size is 62.5%  - 1rem = 10px */

:root {
		
	/* Main Font Family */
	--body-font-family: "Segoe UI", sans-serif;
	
	/* Headings Font Style */
	--heading-font-weight: 900;

	/* Titles Font Style */
	--h-title-font-weight: 700;
	--h2-title-font-weight: 400;
	
    /* TEXT SIZE SCALE */
    /* https://www.fluid-type-scale.com - mobile size: 16px, desktop: 18px */
/*	--text-xs: clamp(1.26rem, -0.02vi + 1.27rem, 1.25rem);
	--text-s: clamp(1.42rem, 0.1vi + 1.38rem, 1.5rem);
	--text-m: clamp(1.6rem, 0.25vi + 1.48rem, 1.8rem);
	--text-l: clamp(1.8rem, 0.45vi + 1.58rem, 2.16rem);
	--text-xl: clamp(2.02rem, 0.71vi + 1.68rem, 2.59rem);
*/
	
	/* Text */

	--text-xs: clamp(1.03rem, 0.28vi + 0.89rem, 1.25rem);
	--text-s: clamp(1.16rem, 0.43vi + 0.95rem, 1.5rem);
	--text-m: clamp(1.3rem, 0.62vi + 1rem, 1.8rem);
	--text-l: clamp(1.46rem, 0.87vi + 1.05rem, 2.16rem);
	--text-xl: clamp(1.65rem, 1.18vi + 1.08rem, 2.59rem);
	--text-xxl: clamp(1.85rem, 1.57vi + 1.1rem, 3.11rem);
	
	--text-xxl-line-height: 1.6;
	--text-xl-line-height: 1.5;
	--text-l-line-height: 1.5;
	--text-m-line-height: calc(6px + 2ex);
	--text-m-max-width: 100%;
	--text-s-line-height: 1.5;
	--text-xs-line-height: 1.5;
		
	

    /* HEADING SIZE SCALE */
    /* https://www.fluid-type-scale.com/calculate?minFontSize=20&minWidth=320&minRatio=1.25&maxFontSize=22&maxWidth=1280&maxRatio=1.333&steps=6,5,4,3,2,1,title&baseStep=4&prefix=h&decimals=2&useRems=on&remValue=16&previewFont=Inter&previewText=Preview&previewWidth=900 */

	--h6: clamp(2.66rem, 0.69vi + 2.34rem, 3.22rem);
	--h5: clamp(3rem, 1.07vi + 2.48rem, 3.86rem);
	--h4: clamp(3.37rem, 1.57vi + 2.62rem, 4.63rem);
	--h3: clamp(3.79rem, 2.2vi + 2.74rem, 5.56rem);
	--h2: clamp(4.27rem, 2.99vi + 2.84rem, 6.67rem);
	--h1: clamp(4.8rem, 3.99vi + 2.89rem, 8rem);

	--h-title-xs: clamp(2.66rem, 0.19vi + 2.57rem, 2.81rem);
	--h-title-s: clamp(3rem, 0.47vi + 2.77rem, 3.38rem);
	--h-title-m: clamp(3.37rem, 0.85vi + 2.96rem, 4.05rem);
	--h-title-l: clamp(3.79rem, 1.34vi + 3.15rem, 4.86rem);
	--h-title-xl: clamp(4.27rem, 1.96vi + 3.33rem, 5.83rem);
	--h-title-xxl: clamp(4.8rem, 2.75vi + 3.48rem, 7rem);
	
	/* Spacing */
	--space-m: clamp(1.5rem, 1.88vi + 0.6rem, 3rem);
	--space-l: clamp(3.1992rem, calc(1.2435946463vw + 2.8012497132rem), 4.5rem); /* to be checked */
	--space-xl: clamp(2rem, 3.75vi + 0.2rem, 5rem);
	--width-xxl: calc((136.6 * 0.9) * 1rem);
	--header-height: 8rem;
	
	
	/* BOX Design Variables */
	/* GLOBAL Variables on website root - video PB101 L07*/

	/* padding margin gap */
	--radius: clamp(1.6rem, 2vi + 0.64rem, 3.2rem); /* Border radius for all elements 2rem max - 1rem min */ 
	--section-block-padding: clamp(8rem, 10vi + 3.2rem, 16rem); /* Section block padding 80/160px */
	--section-inline-padding: clamp(3rem, 8.13vi + -0.9rem, 9.5rem); /* Section inline padding - 30/95px */
	--container-block-padding: clamp(1.6rem, 1vi + 1.12rem, 2.4rem); /* Container block padding - 16/24px */
	--container-inline-padding: clamp(1.6rem, 1vi + 1.12rem, 2.4rem); /* Container block padding - 16/24px */
	--container-width: 1366px; /* Container width on the page */

	--container-gap: var(--space-xl);
	--content-gap: var(--space-m);
	--grid-gap: var(--space-m);
	
	--product-gallery-tumb-width: clamp(5rem, 12.08vi + 1.13rem, 16.6rem);
	--product-gallery-tumb-height: clamp(20rem, 41.35vi + 6.77rem, 59.7rem);
	
	/* Text line height*/
	--line-height-xl: 1.7; /* Line height sizes */
	--line-height-l: 1.6;
	--line-height-m: 1.5;
	--line-height-s: 1.4;
	--line-height-xs: 1.3;
	
	/* Heading line height */
	--line-height-h1: 1.1;
	--line-height-h2: 1.2;
	--line-height-h3: 1.3;
	--line-height-h4: 1.4;
	--line-height-h5: 1.5;
	--line-height-h6: 1.6;
	--line-height-h-title: 1.05;
	--line-height-h2-title: 1.05;
	
	--p-margin-top: clamp(1.6rem, 1vi + 1.12rem, 2.4rem);
	
	/* Styling on pages */
	--main_hero-container-h1-color: hsla(359, 0%, 100%, 1);

	/* Main Navigation */
	--main_menu-margin-left: clamp(0.8rem, 1vi + 0.32rem, 1.6rem);
	
	/* Variables for Auto Counting Process Cards */
	--action-dark: #1a5565;
	--action-dark-trans-10: rgba(26, 85, 101, 0.1);
	--action-dark-trans-20: rgba(26, 85, 101, 0.2);
	--action-light: #c2e6ef;
	--action-ultra-light: #ebf7fa;
	--action-ultra-dark-trans-60: rgba(10, 34, 41, 0.6);
	--grid-2: repeat(2, minmax(0, 1fr));
	/*--media-height: 80%;*/
	--process-card-angle: var();

/* Colors */	

	
	

}


/* DESIGN */

	/* blog, categories, template style */

ul.list--none, ol.list--none, .list--none > ul, .list--none > ol {
  list-style: none;
  padding-inline-start: 0;
  list-style-type: none;
  -webkit-margin-before: 0em;
  margin-block-start: 0em;
  margin-block-end: 0;
}

.shop-card__categories ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.6em;
}

.shop-card__categories ul li+li {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.6em;
}

.shop-card__categories ul li+li::before {
	content: "";
/*	display: inline-block; */
	height: 0.4em;
	width: 0.4em;
	background-color: #9e1f64;
	border-radius: 100vmax;
}

/* woocommerce design */

.brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart__buttons a {
    background-color: #9e1f64!important;
	border: 2px solid red;
}

.brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart__empty-message {
    color: #333333;
}

.brxe-woocommerce-mini-cart.show-cart-details .cart-detail {
    background: black; /* background of mini-cart */
}
.brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart__empty-message {
	color: white; /* text color for empty message in mini-cart */
}