/*
Theme Name: Breakdance Zero Theme
Theme URI: https://breakdance.com/zero-theme // todo
Author: Breakdance Builder
Author URI: https://breakdance.com/
Description: Entirely disables the WordPress theme system and lets you design every part of your site with Breakdance, while keeping other theme functionality like templates overrides and functions.php.
Version: 1.0.0
Tested up to: 5.9
Requires PHP: 7
License: GNU General Public License v2 or later // todo no idea about this
License URI: LICENSE
Text Domain: breakdance

Requires Breakdance to be installed.
/*--------------------------------------------------------------*/

/* Dynamic Category Grid Styles */

.box-categories {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
}

.card-category {
	width: 31.8%;
	border: 1px solid #d6d9da;
	border-radius: 18px;
	transition-duration: 0.5s;
}

.card-category:hover {
	background-color: #f9dae6;
}

.box-categories .card-category img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 18px;
}

.box-categories .card-category a {
	text-decoration: none;
}

.box-categories .card-category h2 {
	color: #202324;
	font-family: "Lora", serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 16px;
	padding-top: 16px;
}

@media (max-width: 1024px) {
	.card-category {
		width: 48.5%;
	}

	.box-categories .card-category img {
		height: 260px;
	}
}

@media (max-width: 768px) {
	.card-category {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.box-categories .card-category img {
		height: 200px;
	}
}

/* Cart modal styles */

#cart-modal .bde-mini-cart-offcanvas-topbar {
	border-bottom: 1px solid #cdc4c5;
	padding-bottom: 16px;
	padding-top: 18px;
}

#cart-modal .bde-mini-cart-offcanvas-footer {
	border-top: 1px solid #cdc4c5;
}

#cart-modal .button.wc-forward {
	padding: 16px 24px 16px 24px;
}

#cart-modal .button.wc-forward:hover {
	background-color: #bc8ea0;
}

#cart-modal li.bde-mini-cart-item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#cart-modal .bde-mini-cart-item-thumbnail {
	order: 3;
	width: 26%;
}

#cart-modal .bde-mini-cart-item-title {
	order: 1;
	width: 80%;
}

#cart-modal .remove_from_cart_button {
	order: 2;
	width: 12%;
}

#cart-modal .bde-mini-cart-quantity {
	order: 4;
	width: 67%;
}

#cart-modal .bde-mini-cart-quantity .quantity {
	order: 2;
	display: flex;
	flex-wrap: wrap;
	width: 143px;
	max-width: 100%;
	justify-content: space-between;
}

#cart-modal .bde-mini-cart-quantity .quantity .bde-quantity-button {
	width: 30%;
	position: inherit;
	background: #e4e1e1;
	width: 48px;
	height: 48px;
	border-radius: 50px;
	color: #aa5d7b;
	font-size: 16px;
}

#cart-modal .bde-mini-cart-quantity .quantity .input-text.qty {
	width: 30%;
	padding: 0;
	background: transparent;
	border: none;
	color: #aa5d7b;
	font-size: 16px;
	font-weight: 500;
}

#cart-modal .bde-mini-cart-quantity .woocommerce-Price-amount {
	order: 1;
}

#cart-modal .bde-mini-cart-offcanvas__close-button {
	width: 48px;
	height: 48px;
	background: #f3f4f6;
	border-radius: 8px;
	margin-right: 0px;
}

#cart-modal .bde-mini-cart-offcanvas__close-button:hover {
	background: #e2e2e2;
}

/* Cart page styles */

#cart-page .product-quantity .quantity {
	display: flex;
	flex-wrap: wrap;
	width: 143px;
	max-width: 100%;
	justify-content: space-between;
	align-items: center;
}

#cart-page .product-quantity .quantity .bde-quantity-button {
	width: 30%;
	position: inherit;
	background: #e4e1e1;
	width: 48px;
	height: 48px;
	border-radius: 50px;
	color: #aa5d7b;
	font-size: 16px;
	bottom: 0;
	transform: none;
}

#cart-page .product-quantity .quantity .input-text.qty {
	width: 30%;
	padding: 0;
	background: transparent;
	border: none;
	color: #aa5d7b;
	font-size: 16px;
	font-weight: 500;
}

#cart-page .cart-collaterals table .order-total td {
	width: fit-content;
	text-align: right;
	padding-left: 0;
	padding-right: 0;
}

#cart-page .cart-collaterals a.checkout-button::after {
	display: none;
}

@media (max-width: 1249px) {
	#cart-page .cart-collaterals {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 999;
		width: 100%;
	}
}

/* Single page styles */

#add-to-cart-btn .quantity {
	display: flex;
	flex-wrap: wrap;
	width: 143px;
	max-width: 100%;
	justify-content: space-between;
	align-items: center;
}

#add-to-cart-btn .quantity .bde-quantity-button {
	width: 30%;
	position: inherit;
	background: #e4e1e1;
	width: 48px;
	height: 48px;
	border-radius: 50px;
	color: #aa5d7b;
	font-size: 16px;
	top: 24px;
}

#add-to-cart-btn .quantity .input-text.qty {
	width: 30%;
	padding: 0;
	background: transparent;
	border: none;
	color: #aa5d7b;
	font-size: 16px;
	font-weight: 500;
}

@media (max-width: 479px) {
	#add-to-cart-btn .woocommerce-grouped-product-list-item__quantity {
		width: 165px;
	}
}

.hero-slider {
	min-height: 500px;
}

/* Shop Page & All Product Archives */

#grid-products .woocommerce-ordering select.orderby {
	background-image: url("https://www.berbank.com/wp-content/uploads/2024/05/icon-arrow-1.png");
	background-repeat: no-repeat;
	background-position: center right 15px;
	background-size: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#grid-products .woocommerce-ordering select.orderby::-ms-expand {
	display: none;
}