/* ===================================
   ANVILPLUGINS - WOOCOMMERCE OVERRIDES
   Dark theme styling for WooCommerce
   =================================== */

/* ===== PRODUCT ARCHIVE/SHOP ===== */
.woocommerce ul.products li.product {
	background: var(--color-surface);
	border: var(--outline-thick);
	border-radius: 8px;
	padding: 1.5rem;
	box-shadow: var(--shadow-medium);
	transition: all var(--transition-normal);
}

.woocommerce ul.products li.product:hover {
	transform: translate(-4px, -4px);
	box-shadow: var(--shadow-large);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--color-text);
	padding: 0.75rem 0 0.5rem;
}

.woocommerce ul.products li.product .price {
	color: var(--rocket-green);
	font-family: 'Space Grotesk', sans-serif;
	font-size: 1.25rem;
	font-weight: 800;
}

.woocommerce ul.products li.product .price del {
	color: var(--color-text-muted);
	opacity: 0.7;
}

.woocommerce ul.products li.product .price ins {
	text-decoration: none;
	color: var(--rocket-green);
}

.woocommerce ul.products li.product img {
	border-radius: 6px;
	border: var(--outline-thin);
}

/* ===== BUTTONS ===== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .cart .button,
.woocommerce .cart input.button {
	background: var(--rocket-orange) !important;
	color: #ffffff !important;
	border: var(--outline-medium) !important;
	border-radius: 6px !important;
	font-family: 'Space Grotesk', sans-serif !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	padding: 0.875rem 1.75rem !important;
	box-shadow: var(--shadow-small) !important;
	transition: all var(--transition-fast) !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover {
	background: var(--rocket-orange-dark) !important;
	transform: translate(-2px, -2px) !important;
	box-shadow: var(--shadow-medium) !important;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background: var(--rocket-blue) !important;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background: var(--rocket-blue-dark) !important;
}

/* ===== SINGLE PRODUCT ===== */
.woocommerce div.product .product_title,
.woocommerce div.product .entry-title {
	font-size: 1.75rem;
	margin-bottom: 1rem;
}

.woocommerce div.product div.summary {
	color: var(--color-text);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--rocket-green);
	font-family: 'Space Grotesk', sans-serif;
	font-size: 2rem;
	font-weight: 800;
}

.woocommerce div.product .product_meta {
	color: var(--color-text-muted);
	border-top: var(--outline-thin);
	padding-top: 1rem;
	margin-top: 1.5rem;
}

.woocommerce div.product .product_meta a {
	color: var(--rocket-blue);
}

.woocommerce div.product .product_meta a:hover {
	color: var(--rocket-cyan);
}

/* ===== SINGLE PRODUCT PAGE (Custom Template) ===== */

/* Hide sidebar on product pages */
.single-product #sidebar,
.woocommerce-page #sidebar {
	display: none;
}

/* Product Container */
.single-product-page .product-container {
	max-width: 1100px;
	margin: 0 auto;
	padding: 2rem;
}

/* Product Header - Slim compact bar */
.product-header {
	background: var(--color-surface);
	border: var(--outline-thick);
	border-radius: 8px;
	padding: 1rem 1.5rem;
	margin-bottom: 2rem;
}

.product-header-inner {
	display: flex;
	gap: 1.25rem;
	align-items: center;
}

.product-header-image {
	flex-shrink: 0;
	width: 70px;
}

.product-header-image img {
	width: 100%;
	height: auto;
	border-radius: 6px;
	border: var(--outline-thin);
}

.product-header-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.25rem;
}

.product-header-info .product-title {
	font-size: 1.1rem;
	margin: 0;
	color: var(--color-text);
	line-height: 1.2;
}

.product-header-info .product-details-row {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.product-header-info .product-short-description {
	display: none;
}

.product-header-info .product-details-row {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.product-header-info .product-price {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--rocket-green);
	margin: 0;
}

.product-header-info .product-add-to-cart {
	margin: 0;
	display: flex;
	align-items: center;
}

.product-header-info .product-add-to-cart .quantity {
	display: none;
}

.product-header-info .product-add-to-cart .single_add_to_cart_button {
	padding: 0.5rem 1rem !important;
	font-size: 0.8rem !important;
	line-height: 1 !important;
	margin: 0 !important;
}

.product-header-info .product-add-to-cart form.cart {
	display: flex;
	align-items: center;
	margin: 0 !important;
	padding: 0;
}

.product-header-info .product-add-to-cart form.cart > * {
	margin: 0 !important;
}

.product-header-info .product-meta-info {
	display: none;
}

.product-header-info .product-meta-info a {
	color: var(--rocket-blue);
}

/* ===== SALES PAGE CONTENT ===== */
.sales-page-content {
	max-width: 1000px;
	margin: 0 auto;
}

.sales-page-content > * {
	margin-bottom: 3rem;
}

/* Sales Section Headings */
.sales-page-content h2 {
	font-size: 2rem;
	margin-bottom: 1.5rem;
	color: var(--color-text);
}

.sales-page-content h3 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
	color: var(--color-text);
}

/* Feature Grid */
.sales-page-content .feature-grid-section {
	background: var(--color-surface);
	border: var(--outline-thick);
	border-radius: 12px;
	padding: 3rem;
}

.sales-page-content .wp-block-columns {
	gap: 2rem;
}

.sales-page-content .wp-block-column {
	background: var(--color-surface-elevated);
	border: var(--outline-thin);
	border-radius: 8px;
	padding: 1.5rem;
}

/* Testimonials */
.sales-page-content .testimonials-section {
	background: var(--color-surface);
	border: var(--outline-thick);
	border-radius: 12px;
	padding: 3rem;
}

.sales-page-content .testimonial-card {
	background: var(--color-surface-elevated);
	border: var(--outline-thin);
	border-radius: 8px;
	padding: 1.5rem;
}

.sales-page-content .testimonial-card blockquote {
	font-style: italic;
	color: var(--color-text);
	margin-bottom: 1rem;
	border-left: 4px solid var(--rocket-blue);
	padding-left: 1rem;
}

.sales-page-content .testimonial-author {
	font-weight: 600;
	color: var(--rocket-blue);
}

/* FAQ Section */
.sales-page-content .faq-section {
	background: var(--color-surface);
	border: var(--outline-thick);
	border-radius: 12px;
	padding: 3rem;
}

.sales-page-content .faq-item {
	background: var(--color-surface-elevated);
	border: var(--outline-thin);
	border-radius: 8px;
	margin-bottom: 1rem;
	overflow: hidden;
}

.sales-page-content .faq-item summary,
.sales-page-content .faq-question {
	padding: 1rem 1.5rem;
	font-weight: 700;
	cursor: pointer;
	color: var(--color-text);
}

.sales-page-content .faq-item summary:hover,
.sales-page-content .faq-question:hover {
	background: var(--color-surface);
}

.sales-page-content .faq-answer {
	padding: 0 1.5rem 1.5rem;
	color: var(--color-text-muted);
}

/* CTA Section */
.sales-page-content .cta-section {
	background: linear-gradient(135deg, var(--rocket-orange) 0%, var(--rocket-orange-dark) 100%);
	border: var(--outline-thick);
	border-radius: 12px;
	padding: 3rem;
	text-align: center;
}

.sales-page-content .cta-section h2,
.sales-page-content .cta-section p {
	color: #ffffff;
}

/* Screenshots/Gallery */
.sales-page-content .wp-block-gallery {
	gap: 1rem;
}

.sales-page-content .wp-block-gallery img {
	border: var(--outline-thin);
	border-radius: 8px;
}

/* Comparison Table */
.sales-page-content table {
	width: 100%;
	border-collapse: collapse;
	background: var(--color-surface);
	border: var(--outline-thick);
	border-radius: 8px;
	overflow: hidden;
}

.sales-page-content table th {
	background: var(--color-surface-elevated);
	color: var(--color-text);
	font-weight: 700;
	padding: 1rem;
	text-align: left;
	border-bottom: var(--outline-thin);
}

.sales-page-content table td {
	padding: 1rem;
	color: var(--color-text);
	border-bottom: 1px solid var(--color-surface-elevated);
}

.sales-page-content table tr:last-child td {
	border-bottom: none;
}

/* Responsive */
@media (max-width: 768px) {
	.product-header {
		padding: 0.875rem 1rem;
	}

	.product-header-inner {
		gap: 1rem;
	}

	.product-header-image {
		width: 50px;
	}

	.product-header-info {
		gap: 0.75rem;
	}

	.product-header-info .product-title {
		font-size: 1rem;
		flex: 1 1 100%;
	}

	.product-header-info .product-price {
		font-size: 1.25rem;
	}

	.sales-page-content .feature-grid-section,
	.sales-page-content .testimonials-section,
	.sales-page-content .faq-section,
	.sales-page-content .cta-section {
		padding: 2rem 1.5rem;
	}
}

/* Legacy WooCommerce styles (for fallback) */
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
	float: none;
	width: 100%;
}

.woocommerce div.product {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	align-items: flex-start;
}

/* Product Gallery - Compact for digital products */
.woocommerce div.product div.images {
	background: var(--color-surface);
	border: var(--outline-thick);
	border-radius: 8px;
	padding: 1rem;
	max-width: 250px;
	flex-shrink: 0;
}

.woocommerce div.product div.images img {
	border-radius: 6px;
}

.woocommerce div.product div.summary {
	flex: 1;
	min-width: 280px;
}

/* ===== TABS ===== */
.woocommerce div.product .woocommerce-tabs {
	margin-top: 3rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0;
	margin: 0 0 1.5rem;
	list-style: none;
	display: flex;
	gap: 0.5rem;
	border-bottom: var(--outline-thin);
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: block;
	padding: 1rem 1.5rem;
	color: var(--color-text-muted);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	border-bottom: 3px solid transparent;
	transition: all var(--transition-fast);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: var(--color-text);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--rocket-blue);
	border-bottom-color: var(--rocket-blue);
}

.woocommerce div.product .woocommerce-tabs .panel {
	background: var(--color-surface);
	border: var(--outline-thick);
	border-radius: 8px;
	padding: 2rem;
	color: var(--color-text);
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
	color: var(--color-text);
	margin-bottom: 1rem;
}

/* ===== QUANTITY INPUT ===== */
/* Hide quantity for downloadable/virtual products */
.woocommerce div.product.downloadable .quantity,
.woocommerce div.product.virtual .quantity {
	display: none;
}

.woocommerce .quantity .qty {
	background: var(--color-surface-elevated);
	border: var(--outline-medium);
	border-radius: 6px;
	color: var(--color-text);
	padding: 0.75rem;
	width: 80px;
	text-align: center;
	font-weight: 700;
}

.woocommerce .quantity .qty:focus {
	outline: none;
	border-color: var(--rocket-blue);
	box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.2);
}

/* ===== FORMS ===== */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	background: var(--color-surface-elevated);
	border: var(--outline-thin);
	border-radius: 6px;
	color: var(--color-text);
	padding: 0.875rem 1rem;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	border-color: var(--rocket-blue);
	box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.2);
}

.woocommerce form .form-row label {
	color: var(--color-text);
}

/* ===== SELECT DROPDOWN ===== */
.woocommerce .orderby,
.woocommerce select {
	background: var(--color-surface-elevated);
	border: var(--outline-thin);
	border-radius: 6px;
	color: var(--color-text);
	padding: 0.75rem 1rem;
}

/* ===== NOTICES ===== */
.woocommerce-message,
.woocommerce-info {
	background: rgba(96, 165, 250, 0.15);
	border: var(--outline-medium);
	border-color: var(--rocket-blue);
	border-radius: 8px;
	color: var(--color-text);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--rocket-blue);
}

.woocommerce-error {
	background: rgba(248, 113, 113, 0.15);
	border: var(--outline-medium);
	border-color: #F87171;
	border-radius: 8px;
	color: var(--color-text);
}

.woocommerce-error::before {
	color: #F87171;
}

/* ===== CART ===== */
.woocommerce-cart table.cart {
	background: var(--color-surface);
	border: var(--outline-thick);
	border-radius: 8px;
}

.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td {
	border-color: var(--color-surface-elevated);
	color: var(--color-text);
}

.woocommerce-cart table.cart img {
	border-radius: 6px;
	border: var(--outline-thin);
}

.woocommerce .cart_totals {
	background: var(--color-surface);
	border: var(--outline-thick);
	border-radius: 8px;
	padding: 1.5rem;
}

.woocommerce .cart_totals h2 {
	color: var(--color-text);
}

.woocommerce .cart_totals table {
	border-color: var(--color-surface-elevated);
}

.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td {
	color: var(--color-text);
	border-color: var(--color-surface-elevated);
}

/* ===== CHECKOUT ===== */
.woocommerce-checkout #payment {
	background: var(--color-surface);
	border: var(--outline-thick);
	border-radius: 8px;
}

.woocommerce-checkout #payment ul.payment_methods {
	border-bottom-color: var(--color-surface-elevated);
}

.woocommerce-checkout #payment div.payment_box {
	background: var(--color-surface-elevated);
	color: var(--color-text);
}

.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: var(--color-surface-elevated);
}

/* ===== BREADCRUMB ===== */
.woocommerce .woocommerce-breadcrumb {
	color: var(--color-text-muted);
	margin-bottom: 2rem;
}

.woocommerce .woocommerce-breadcrumb a {
	color: var(--rocket-blue);
}

.woocommerce .woocommerce-breadcrumb a:hover {
	color: var(--rocket-cyan);
}

/* ===== SALE BADGE ===== */
.woocommerce span.onsale {
	background: var(--rocket-orange);
	color: #ffffff;
	font-family: 'Space Grotesk', sans-serif;
	font-weight: 800;
	border: var(--outline-medium);
	border-radius: 6px;
	padding: 0.5rem 1rem;
}

/* ===== STAR RATING ===== */
.woocommerce .star-rating span::before {
	color: var(--rocket-orange);
}

/* ===== RESULT COUNT ===== */
.woocommerce .woocommerce-result-count {
	color: var(--color-text-muted);
}

/* ===== PAGINATION ===== */
.woocommerce nav.woocommerce-pagination ul {
	border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
	border: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	background: var(--color-surface);
	border: var(--outline-thin);
	border-radius: 4px;
	color: var(--color-text);
	padding: 0.5rem 1rem;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
	background: var(--rocket-blue);
	color: #ffffff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
	background: var(--rocket-blue);
	color: #ffffff;
}

/* ===== SALES PAGE GALLERY SLIDER ===== */
.sales-gallery-slider {
	max-width: 900px;
	margin: 3rem auto;
}

.sales-gallery-main {
	position: relative;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.sales-gallery-viewport {
	flex: 1;
	overflow: hidden;
	border-radius: 12px;
	border: var(--outline-thick);
	background: var(--color-surface);
}

.sales-gallery-track {
	display: flex;
	transition: transform 0.4s ease;
}

.sales-gallery-slide {
	flex: 0 0 100%;
	display: none;
}

.sales-gallery-slide.active {
	display: block;
}

.sales-gallery-slide img {
	width: 100%;
	height: auto;
	display: block;
}

.sales-gallery-nav {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border: var(--outline-thick);
	border-radius: 50%;
	background: var(--color-surface);
	color: var(--color-text);
	font-size: 1.5rem;
	cursor: pointer;
	transition: all var(--transition-fast);
	display: flex;
	align-items: center;
	justify-content: center;
}

.sales-gallery-nav:hover {
	background: var(--rocket-blue);
	color: #ffffff;
	transform: scale(1.1);
}

.sales-gallery-thumbs {
	display: flex;
	gap: 0.75rem;
	justify-content: center;
	margin-top: 1rem;
	flex-wrap: wrap;
}

.sales-gallery-thumb {
	width: 80px;
	height: 60px;
	padding: 0;
	border: 3px solid transparent;
	border-radius: 6px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.6;
	transition: all var(--transition-fast);
	background: none;
}

.sales-gallery-thumb:hover {
	opacity: 0.9;
}

.sales-gallery-thumb.active {
	border-color: var(--rocket-blue);
	opacity: 1;
}

.sales-gallery-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Responsive */
@media (max-width: 768px) {
	.sales-gallery-nav {
		width: 36px;
		height: 36px;
		font-size: 1.25rem;
	}

	.sales-gallery-thumb {
		width: 60px;
		height: 45px;
	}
}