/*
Theme Name: Büro
Theme URI: https://example.com/buro
Author: Antigravity AI
Author URI: https://example.com
Description: Minimalist Premium WordPress Theme for Creative Agencies and Freelancers.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: buro
*/

/* ==========================================================================
   WooCommerce Integration Overrides
   ========================================================================== */

:root {
	--accent-color: #1106FF;
}

/* Base Adjustments */
.woocommerce-page .heading-section {
	margin-bottom: 50px;
}

/* Product Catalog Grid */
.woocommerce ul.products {
	margin: 0 -15px 30px !important;
	padding: 0 !important;
	list-style: none !important;
}

.woocommerce ul.products li.product {
	width: 33.333% !important;
	float: left !important;
	margin: 0 0 40px 0 !important;
	padding: 0 15px !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
	background: none !important;
	border: none !important;
}

@media (max-width: 991px) {
	.woocommerce ul.products li.product {
		width: 50% !important;
	}
}

@media (max-width: 767px) {
	.woocommerce ul.products li.product {
		width: 100% !important;
	}
}

/* Product Thumbnail Card */
.woocommerce ul.products li.product a {
	display: block !important;
	text-decoration: none !important;
	color: #1d1d1d !important;
}

.woocommerce ul.products li.product img {
	margin-bottom: 20px !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	width: 100% !important;
	height: auto !important;
	transition: opacity 0.3s ease !important;
}

.woocommerce ul.products li.product a:hover img {
	opacity: 0.8;
}

/* Product Titles */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: "Work Sans", sans-serif !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	margin: 0 0 5px 0 !important;
	padding: 0 !important;
	color: #1d1d1d !important;
}

/* Product Prices */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
	font-family: "Work Sans", sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: var(--accent-color) !important;
	margin-bottom: 10px !important;
}

.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del {
	color: #999 !important;
	font-size: 14px !important;
	margin-right: 5px !important;
	font-weight: 300 !important;
}

.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins {
	text-decoration: none !important;
	font-weight: 500 !important;
}

/* Sales Badges */
.woocommerce span.onsale {
	background: var(--accent-color) !important;
	color: #ffffff !important;
	font-family: "Work Sans", sans-serif !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	padding: 5px 10px !important;
	min-height: auto !important;
	min-width: auto !important;
	border-radius: 0 !important;
	top: 15px !important;
	left: 30px !important;
	right: auto !important;
}

/* Buttons styling */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit,
.woocommerce #content input.button {
	background: none !important;
	border: none !important;
	border-bottom: 2px solid var(--accent-color) !important;
	color: var(--accent-color) !important;
	border-radius: 0 !important;
	padding: 8px 0 !important;
	font-family: "Work Sans", sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	display: inline-block !important;
	transition: all 0.3s ease !important;
	box-shadow: none !important;
	cursor: pointer;
}

.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover, 
.woocommerce #respond input#submit:hover,
.woocommerce #content input.button:hover {
	letter-spacing: 2px !important;
	background: none !important;
	color: #000000 !important;
	border-bottom-color: #000000 !important;
}

/* WooCommerce Products Catalog Page Controls (Ordering, Results) */
.woocommerce-ordering select {
	border: none !important;
	border-bottom: 1px solid #e5e5e5 !important;
	border-radius: 0 !important;
	padding: 5px 0 !important;
	font-family: "Work Sans", sans-serif !important;
	font-size: 14px !important;
	outline: none !important;
	background: transparent !important;
}

/* Single Product Details */
.woocommerce div.product div.images {
	width: 50% !important;
	margin-bottom: 30px !important;
}

.woocommerce div.product div.summary {
	width: 45% !important;
	float: right !important;
	margin-bottom: 30px !important;
}

@media (max-width: 767px) {
	.woocommerce div.product div.images,
	.woocommerce div.product div.summary {
		width: 100% !important;
		float: none !important;
	}
}

.woocommerce div.product .product_title {
	font-family: "Lora", serif !important;
	font-weight: 400 !important;
	font-size: 32px !important;
	margin-top: 0 !important;
	margin-bottom: 15px !important;
}

.woocommerce div.product p.price {
	font-size: 24px !important;
	font-weight: 500 !important;
	margin-bottom: 20px !important;
}

.woocommerce div.product .woocommerce-product-details__short-description {
	font-family: "Lora", serif !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: #666 !important;
	margin-bottom: 30px !important;
}

/* Single Add to Cart Form & Quantities */
.woocommerce div.product form.cart {
	margin-bottom: 30px !important;
}

.woocommerce div.product form.cart div.quantity {
	float: left !important;
	margin-right: 20px !important;
}

.woocommerce .quantity .qty {
	width: 60px !important;
	height: 38px !important;
	border: none !important;
	border-bottom: 1px solid #e5e5e5 !important;
	border-radius: 0 !important;
	text-align: center !important;
	font-family: "Work Sans", sans-serif !important;
	font-size: 16px !important;
}

/* Tabs & Extra Info */
.woocommerce-tabs.wc-tabs-wrapper {
	margin-top: 50px !important;
	border-top: 1px solid #e5e5e5 !important;
	padding-top: 30px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	border: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 0 30px 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 30px 10px 0 !important;
	margin: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-family: "Work Sans", sans-serif !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	font-size: 13px !important;
	color: #999 !important;
	padding: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: #1d1d1d !important;
	border-bottom: 2px solid var(--accent-color) !important;
	padding-bottom: 8px !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
	font-family: "Lora", serif !important;
	font-size: 15px !important;
	line-height: 1.8 !important;
	color: #555 !important;
}

/* Shopping Cart styling */
.woocommerce-cart table.cart {
	border: none !important;
	border-radius: 0 !important;
}

.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td {
	border-top: none !important;
	border-bottom: 1px solid #f0f0f0 !important;
	padding: 15px 10px !important;
	font-family: "Work Sans", sans-serif !important;
}

.woocommerce-cart table.cart th {
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	font-size: 12px !important;
	color: #999 !important;
	font-weight: 500 !important;
}

.woocommerce-cart table.cart td.product-name a {
	font-family: "Lora", serif !important;
	font-size: 16px !important;
	color: #1d1d1d !important;
}

/* Checkout Forms */
.woocommerce-checkout .col2-set {
	width: 55% !important;
	float: left !important;
}

.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
	width: 40% !important;
	float: right !important;
}

@media (max-width: 991px) {
	.woocommerce-checkout .col2-set,
	.woocommerce-checkout #order_review_heading,
	.woocommerce-checkout #order_review {
		width: 100% !important;
		float: none !important;
	}
}

.woocommerce-checkout h3 {
	font-family: "Lora", serif !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	margin-bottom: 20px !important;
}

.woocommerce-checkout .form-row input.input-text, 
.woocommerce-checkout .form-row textarea,
.woocommerce-cart .coupon input.input-text,
.woocommerce-account .form-row input.input-text {
	border: none !important;
	border-bottom: 1px solid #e5e5e5 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: none !important;
	padding: 10px 0 !important;
	font-family: "Lora", serif !important;
	font-size: 15px !important;
	width: 100% !important;
	transition: border-color 0.3s ease !important;
}

.woocommerce-checkout .form-row input.input-text:focus, 
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-cart .coupon input.input-text:focus,
.woocommerce-account .form-row input.input-text:focus {
	border-bottom-color: var(--accent-color) !important;
	outline: none !important;
}

.woocommerce-checkout .form-row label,
.woocommerce-account .form-row label {
	font-family: "Work Sans", sans-serif !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	color: #666 !important;
	font-weight: 500 !important;
}

/* Notices Alerts */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
	background-color: #fafafa !important;
	border-top: none !important;
	border-left: 3px solid var(--accent-color) !important;
	font-family: "Work Sans", sans-serif !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #1d1d1d !important;
	padding: 15px 20px !important;
	margin-bottom: 30px !important;
}

.woocommerce-error {
	border-left-color: #d9534f !important;
}

.woocommerce-message .button,
.woocommerce-info .button {
	float: right !important;
	margin-top: -5px !important;
	border-bottom: 1px solid var(--accent-color) !important;
	padding: 3px 0 !important;
}
.nav.navbar-nav {
    width: 120%;
    padding-right: 0;
}