/*
 Theme Name:   Design by Da | Das Awesome Co., Ltd 
 Theme URI:    https://www.das-awesome.com/
 Description:  Developed by Design by Da | Das Awesome Co., Ltd 
 Author:       Design by Da | Das Awesome Co., Ltd 
 Author URI:   https://www.das-awesome.com/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/


/* line break */
.desktop-br {
	display: block;
}

.mobile-br {
	display: none;
}

@media screen and (max-width: 1200px) {
	.desktop-br {
		display: block;
	}

	.mobile-br {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	.desktop-br {
		display: none;
	}

	.mobile-br {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	.desktop-br {
		display: none;
	}

	.mobile-br {
		display: block;
	}
}

/* Menu */
.brxe-nav-menu .bricks-mobile-menu {
    margin-top: 50px;
}

/* Woocommerce */
.woocommerce-product-gallery .flex-control-thumbs {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    aspect-ratio: 210 / 297;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center center;
	background-color: white;
}

.product-content h2,
.product-content h3,
.product-content h4,
.product-content h5,
.product-content h6,
ul.products h2,
ul.products h3,
ul.products h4 {
    line-height: 1.3;
}

.product-content h2,
ul.products h2 { font-size: clamp(20px, 2.5vw, 24px); }

.product-content h3,
ul.products h3 { font-size: clamp(19px, 2.2vw, 22px); }

.product-content h4,
ul.products h4 { font-size: clamp(18px, 2vw, 20px); }

.product-content h5 { font-size: clamp(18px, 1.8vw, 19px); }
.product-content h6 { font-size: 18px; }

.product-content table {
    min-width: max-content;
    border-collapse: separate;
    border-spacing: 0;
}

.product-content table th,
.product-content table td {
    padding: 10px 20px;
}

.product-content table tbody tr:nth-child(odd) td {
    background-color: #f9f9f9;
}

.product-content table tbody tr:nth-child(even) td {
    background-color: #ffffff;
}