/**
 * Ottoman Luxury Theme - WooCommerce Mini Cart
 * Mini cart dropdown styles - loaded on all pages
 */

/* Mini Cart Dropdown Styling */
.current-shop-items-dropdown.owp-mini-cart {
	background: #000 !important;
	border: 2px solid #DBA622 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	min-width: 420px !important;
	max-width: 500px !important;
	width: 500px !important;
}

.current-shop-items-inner {
	background: #000 !important;
	padding: 20px !important;
}

/* Mini Cart Items */
.woocommerce-mini-cart.cart_list {
	background: #000 !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.woocommerce-mini-cart-item.mini_cart_item {
	background: #1a1a1a !important;
	border: 1px solid #DBA622 !important;
	border-radius: 6px !important;
	padding: 15px !important;
	margin-bottom: 15px !important;
	position: relative !important;
}

.woocommerce-mini-cart-item .owp-grid-wrap {
	display: flex !important;
	align-items: center !important;
	gap: 15px !important;
}

/* Mini Cart Thumbnails */
.woocommerce-mini-cart-item .owp-grid.thumbnail {
	flex-shrink: 0 !important;
}

.woocommerce-mini-cart-item .owp-grid.thumbnail img {
	border: 2px solid #DBA622 !important;
	border-radius: 6px !important;
	max-width: 100px !important;
	height: auto !important;
}

/* Mini Cart Content */
.woocommerce-mini-cart-item .owp-grid.content {
	flex: 1 !important;
}

.woocommerce-mini-cart-item .owp-grid.content > div {
	position: relative !important;
	padding-right: 45px !important;
}

.woocommerce-mini-cart-item h3 {
	margin: 0 0 8px 0 !important;
	font-family: 'Cinzel', serif !important;
	font-size: 15px !important;
}

.woocommerce-mini-cart-item h3 a {
	color: #DBA622 !important;
	text-decoration: none !important;
	transition: color 0.3s ease !important;
}

.woocommerce-mini-cart-item h3 a:hover {
	color: #fff !important;
}

/* Quantity and Price */
.woocommerce-mini-cart-item .quantity {
	color: #fff !important;
	font-size: 14px !important;
	display: block !important;
	margin-bottom: 5px !important;
}

.woocommerce-mini-cart-item .woocommerce-Price-amount {
	color: #DBA622 !important;
	font-weight: 600 !important;
	font-family: 'Cinzel', serif !important;
}

/* Remove/Delete Button - SVG Enhanced - Positioned Right */
.woocommerce-mini-cart-item .remove_from_cart_button {
	background: #1a1a1a !important;
	color: transparent !important;
	border: 2px solid #DBA622 !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 6px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 2px 8px rgba(219, 166, 34, 0.2) !important;
	cursor: pointer !important;
	font-size: 0 !important;
	position: absolute !important;
	top: 50% !important;
	right: 0 !important;
	transform: translateY(-50%) !important;
	margin: 0 !important;
}

.woocommerce-mini-cart-item .remove_from_cart_button::before {
	content: '' !important;
	position: absolute !important;
	width: 18px !important;
	height: 18px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DBA622' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'%3E%3C/polyline%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3Cline x1='10' y1='11' x2='10' y2='17'%3E%3C/line%3E%3Cline x1='14' y1='11' x2='14' y2='17'%3E%3C/line%3E%3C/svg%3E") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	transition: all 0.3s ease !important;
}

.woocommerce-mini-cart-item .remove_from_cart_button:hover {
	background: #DBA622 !important;
	border-color: #DBA622 !important;
	transform: translateY(-50%) scale(1.05) !important;
	box-shadow: 0 4px 12px rgba(219, 166, 34, 0.5) !important;
}

.woocommerce-mini-cart-item .remove_from_cart_button:hover::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'%3E%3C/polyline%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3Cline x1='10' y1='11' x2='10' y2='17'%3E%3C/line%3E%3Cline x1='14' y1='11' x2='14' y2='17'%3E%3C/line%3E%3C/svg%3E") !important;
	transform: scale(1.1) !important;
}

.woocommerce-mini-cart-item .remove_from_cart_button:active {
	transform: translateY(-50%) scale(0.95) !important;
	box-shadow: 0 2px 6px rgba(219, 166, 34, 0.3) !important;
}

/* Mini Cart Total */
.woocommerce-mini-cart__total.total {
	background: #1a1a1a !important;
	border: 2px solid #DBA622 !important;
	border-radius: 6px !important;
	padding: 15px !important;
	margin: 20px 0 !important;
	text-align: center !important;
}

.woocommerce-mini-cart__total strong {
	color: #fff !important;
	font-family: 'Cinzel', serif !important;
	font-size: 16px !important;
	margin-right: 10px !important;
}

.woocommerce-mini-cart__total .woocommerce-Price-amount {
	color: #DBA622 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	font-family: 'Cinzel', serif !important;
}

/* Mini Cart Buttons */
.woocommerce-mini-cart__buttons.buttons {
	display: flex !important;
	gap: 10px !important;
	margin-top: 20px !important;
}

.woocommerce-mini-cart__buttons .button {
	flex: 1 !important;
	background: #DBA622 !important;
	color: #000 !important;
	border: 2px solid #DBA622 !important;
	padding: 12px 20px !important;
	border-radius: 6px !important;
	font-family: 'Cinzel', serif !important;
	font-weight: 600 !important;
	text-align: center !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
}

.woocommerce-mini-cart__buttons .button:hover {
	background: #000 !important;
	color: #DBA622 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(219, 166, 34, 0.4) !important;
}

.woocommerce-mini-cart__buttons .button.checkout {
	background: #000 !important;
	color: #DBA622 !important;
}

.woocommerce-mini-cart__buttons .button.checkout:hover {
	background: #DBA622 !important;
	color: #000 !important;
}

/* Custom Scrollbar for Mini Cart */
.woocommerce-mini-cart.cart_list::-webkit-scrollbar {
	width: 6px !important;
}

.woocommerce-mini-cart.cart_list::-webkit-scrollbar-track {
	background: #1a1a1a !important;
	border-radius: 10px !important;
}

.woocommerce-mini-cart.cart_list::-webkit-scrollbar-thumb {
	background: #DBA622 !important;
	border-radius: 10px !important;
	transition: background 0.3s ease !important;
}

.woocommerce-mini-cart.cart_list::-webkit-scrollbar-thumb:hover {
	background: #fff !important;
}

/* Firefox Scrollbar */
.woocommerce-mini-cart.cart_list {
	scrollbar-width: thin !important;
	scrollbar-color: #DBA622 #1a1a1a !important;
}

/* Also style the main mini cart container scrollbar */
.current-shop-items-inner::-webkit-scrollbar {
	width: 6px !important;
}

.current-shop-items-inner::-webkit-scrollbar-track {
	background: #1a1a1a !important;
	border-radius: 10px !important;
}

.current-shop-items-inner::-webkit-scrollbar-thumb {
	background: #DBA622 !important;
	border-radius: 10px !important;
}

.current-shop-items-inner::-webkit-scrollbar-thumb:hover {
	background: #fff !important;
}

.current-shop-items-inner {
	scrollbar-width: thin !important;
	scrollbar-color: #DBA622 #1a1a1a !important;
}
