/**
 * Hybrid design system — dark luxury + light commerce zones
 */

/* ========== PREMIUM BUTTONS ========== */
.btn-premium-primary,
.orang-btn--primary,
.single_add_to_cart_button,
.woocommerce button.button.alt,
.add_to_cart_button {
	background-color: var(--accent-cta);
	background-image: var(--gradient-cta);
	color: var(--accent-button-text);
	border: 1px solid rgba(212, 160, 23, 0.35);
	opacity: 1;
	border-radius: var(--radius-control);
	padding: 14px 32px;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.3px;
	font-family: var(--font-persian);
	box-shadow: var(--shadow-cta);
	transition:
		transform var(--transition-base),
		box-shadow var(--transition-base),
		background var(--transition-base),
		border-color var(--transition-base);
	cursor: pointer;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
}

.btn-premium-primary:hover,
.orang-btn--primary:hover,
.single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover,
.add_to_cart_button:hover {
	transform: translateY(-2px) scale(1.01);
	box-shadow: var(--shadow-cta-hover), var(--shadow-glow);
	background-color: var(--accent-cta-hover);
	background-image: var(--gradient-cta-hover);
	color: var(--accent-button-text);
	border-color: rgba(237, 174, 25, 0.45);
}

.btn-premium-primary:active,
.orang-btn--primary:active,
.single_add_to_cart_button:active,
.btn-premium-light:active,
.orang-section--light .orang-btn--secondary:active {
	transform: translateY(1px) scale(0.99);
	box-shadow: var(--shadow-cta-active);
	background-color: var(--accent-cta-active);
	background-image: var(--gradient-cta-active);
	color: var(--accent-button-text);
}

.btn-premium-secondary,
.orang-section--dark .orang-btn--secondary {
	background: rgba(255, 255, 255, 0.04);
	color: var(--text-light-primary);
	border: 1px solid rgba(250, 246, 241, 0.1);
	border-radius: var(--radius-control);
	padding: 13px 30px;
	font-weight: 500;
	font-family: var(--font-persian);
	transition:
		background var(--transition-base),
		border-color var(--transition-base),
		color var(--transition-base),
		box-shadow var(--transition-base),
		transform var(--transition-base);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: inset 0 1px 0 rgba(250, 246, 241, 0.04);
}

.btn-premium-secondary:hover,
.orang-section--dark .orang-btn--secondary:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: var(--accent-border-hover);
	color: var(--accent-champagne);
	box-shadow: var(--shadow-glow);
	transform: scale(1.01);
}

.btn-premium-light,
.orang-section--light .orang-btn--secondary {
	background-color: var(--accent-cta);
	background-image: var(--gradient-cta);
	color: var(--accent-button-text);
	border: 1px solid rgba(212, 160, 23, 0.35);
	opacity: 1;
	border-radius: var(--radius-control);
	padding: 14px 32px;
	font-weight: 600;
	font-family: var(--font-persian);
	box-shadow: var(--shadow-cta);
	transition:
		transform var(--transition-base),
		box-shadow var(--transition-base),
		background var(--transition-base);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.btn-premium-light:hover,
.orang-section--light .orang-btn--secondary:hover {
	background-color: var(--accent-cta-hover);
	background-image: var(--gradient-cta-hover);
	transform: translateY(-2px) scale(1.01);
	box-shadow: var(--shadow-cta-hover), var(--shadow-glow);
	color: var(--accent-button-text);
}

.orang-btn--block,
.btn-premium-primary.orang-btn--block {
	width: 100%;
}

/* ========== SECTION THEMES ========== */
.orang-section--dark {
	background-color: var(--dark-bg-primary);
	color: var(--text-light-secondary);
}

.orang-section--dark .orang-section-title,
.orang-section--dark h2,
.orang-section--dark h3 {
	color: var(--text-light-primary);
}

.orang-section--dark .orang-section-subtitle {
	color: var(--text-light-secondary);
}

.orang-section--light {
	background-color: var(--light-bg-primary);
	color: var(--text-dark-secondary);
}

.orang-section--light .orang-section-title,
.orang-section--light h2,
.orang-section--light h3 {
	color: var(--text-dark-primary);
}

.orang-section--light .orang-section-subtitle {
	color: var(--text-dark-secondary);
}

/* ========== PRODUCT CARDS (LIGHT ZONES) ========== */
.orang-section--light .orang-product-card__link {
	background: var(--surface-light-card);
	border-radius: var(--radius-control);
	border: 1px solid var(--light-border);
	box-shadow: var(--shadow-sm);
	transition:
		transform var(--transition-base),
		box-shadow var(--transition-base),
		border-color var(--transition-base);
	padding: var(--space-4);
}

.orang-section--light .orang-product-card__link:hover {
	transform: translateY(-3px) scale(1.01);
	box-shadow: var(--shadow-ambient);
	border-color: var(--accent-border);
}

/* Product cards on dark zones (featured collection) */
.orang-section--dark .orang-product-card__link {
	background: var(--surface-dark-elevated);
	border-radius: var(--radius-control);
	border: 1px solid var(--dark-border);
	box-shadow: var(--shadow-ambient-dark);
	transition:
		transform var(--transition-base),
		box-shadow var(--transition-base),
		border-color var(--transition-base);
	padding: var(--space-4);
}

.orang-section--dark .orang-product-card__link:hover {
	transform: translateY(-3px) scale(1.01);
	border-color: var(--accent-border-hover);
	box-shadow: var(--shadow-ambient-dark), var(--shadow-glow);
}

.orang-section--dark .orang-product-card__title {
	color: var(--text-light-primary);
}

.orang-section--dark .orang-product-card__price,
.orang-section--dark .orang-product-card__price .woocommerce-Price-amount {
	color: var(--text-light-primary);
	font-size: var(--font-size-small);
	font-weight: 400;
}

.orang-section--dark .orang-product-card__media {
	background: var(--dark-bg-tertiary);
	border-radius: 12px;
}

.orang-section--dark .orang-product-card__review-count {
	color: var(--text-light-secondary);
}

.orang-section--light .orang-product-card__title {
	color: var(--text-dark-primary);
}

.orang-section--light .orang-product-card__review-count {
	color: var(--text-dark-secondary);
}

.orang-section--light .orang-product-card__price,
.orang-section--light .orang-product-card__price .woocommerce-Price-amount,
.orang-section--light .best-seller-price,
.orang-section--light .best-seller-price ins {
	color: var(--text-dark-primary);
	font-weight: 400;
	font-size: var(--font-size-small);
}

.orang-section--light .orang-product-card__media {
	background: var(--light-bg-elevated);
	border-radius: 12px;
}

/* ========== HOMEPAGE — HYBRID VISUAL RHYTHM ========== */

/* Dark luxury zones */
.homepage-hero {
	--section-bg: var(--dark-bg-primary);
	--dark-section-bg: var(--dark-bg-primary);
	background-color: var(--dark-bg-primary);
	color: var(--text-light-secondary);
	position: relative;
}

.homepage-featured-collection {
	--section-bg: var(--dark-bg-tertiary);
	--dark-section-bg: var(--dark-bg-tertiary);
	background-color: var(--dark-bg-tertiary);
	color: var(--text-light-secondary);
	position: relative;
}

.homepage-gallery {
	--section-bg: var(--dark-bg-primary);
	--dark-section-bg: var(--dark-bg-primary);
	background-color: var(--dark-bg-primary);
	color: var(--text-light-secondary);
	position: relative;
}

.homepage-featured-collection::before,
.homepage-gallery::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: min(90%, 960px);
	height: 180px;
	background: radial-gradient(ellipse at center top, rgba(237, 174, 25, 0.07), transparent 72%);
	pointer-events: none;
	z-index: 0;
}

.homepage-featured-collection > .container,
.homepage-gallery > .container {
	position: relative;
	z-index: 1;
}

/* Warm light commerce zones — distinct tones */
.homepage-categories-section {
	--section-bg: var(--section-categories);
	background-color: var(--section-categories);
	color: var(--text-dark-secondary);
}

.homepage-best-sellers {
	--section-bg: var(--section-best-sellers);
	background-color: var(--section-best-sellers);
	color: var(--text-dark-secondary);
	box-shadow: inset 0 1px 0 var(--accent-border-subtle);
}

.homepage-new-arrivals {
	--section-bg: var(--section-new-arrivals);
	background-color: var(--section-new-arrivals);
	color: var(--text-dark-secondary);
	box-shadow: inset 0 1px 0 var(--accent-border-subtle);
}

.homepage-why-choose {
	--section-bg: var(--section-why-choose);
	background-color: var(--section-why-choose);
	color: var(--text-dark-secondary);
}

.homepage-reviews {
	--section-bg: var(--section-reviews);
	background-color: var(--section-reviews);
	color: var(--text-dark-secondary);
	box-shadow: inset 0 1px 0 var(--accent-border-subtle);
}

.homepage-blog {
	--section-bg: var(--section-blog);
	background-color: var(--section-blog);
	color: var(--text-dark-secondary);
}

/* ========== DARK SECTION COMPONENTS ========== */
.orang-section--dark .featured-collection-spotlight__link,
.homepage-featured-collection .featured-collection-spotlight__link {
	background: var(--dark-bg-secondary);
	border: 1px solid var(--dark-border);
	border-radius: 16px;
	overflow: hidden;
}

.orang-section--dark .why-choose-card,
.homepage-gallery .home-gallery-item {
	border-color: var(--dark-border);
}

.homepage-why-choose .why-choose-card {
	background: rgba(250, 246, 241, 0.72);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border: 1px solid var(--accent-border-subtle);
	border-radius: 16px;
	box-shadow: 0 8px 32px rgba(28, 26, 24, 0.06);
	transition: all 0.35s var(--ease-premium);
}

.homepage-why-choose .why-choose-card:hover {
	box-shadow: 0 16px 40px rgba(28, 26, 24, 0.1);
	transform: translateY(-3px);
	border-color: var(--accent-border-hover);
}

.homepage-why-choose .why-choose-card__icon {
	color: var(--accent-copper);
	background: var(--accent-muted);
}

.homepage-reviews .home-review-card {
	background: var(--card-cream);
	border: 1px solid rgba(42, 38, 34, 0.07);
	border-radius: 16px;
	box-shadow: var(--shadow-sm);
}

.homepage-reviews .home-review-card__author {
	color: var(--text-dark-primary);
}

.homepage-reviews .home-review-card__quote p {
	color: var(--text-dark-secondary);
	line-height: 1.75;
}

.homepage-blog .home-blog-card {
	background: var(--card-cream);
	border: 1px solid rgba(42, 38, 34, 0.07);
	border-radius: 16px;
	box-shadow: var(--shadow-sm);
	transition: all 0.35s var(--ease-premium);
	overflow: hidden;
}

.homepage-blog .home-blog-card:hover {
	box-shadow: var(--shadow-md);
	transform: translateY(-3px);
	border-color: var(--accent-border);
}

.homepage-blog .home-blog-card__date {
	color: var(--accent-copper);
	letter-spacing: 0.06em;
}

.homepage-blog .home-blog-card__title a {
	color: var(--text-dark-primary);
}

.homepage-blog .home-blog-card__title a:hover {
	color: var(--accent-link-hover);
}

/* Category cards — premium image contrast */
.homepage-categories-section .category-card {
	background: transparent;
	border: none;
	box-shadow: none;
	transition: all 0.35s var(--ease-premium);
}

.homepage-categories-section .category-image-wrapper {
	box-shadow: 0 16px 40px rgba(28, 26, 24, 0.14);
	border: 1px solid rgba(42, 38, 34, 0.1);
}

.homepage-categories-section .category-card:hover .category-image-wrapper {
	box-shadow: 0 24px 52px rgba(28, 26, 24, 0.18);
	border-color: var(--accent-border-hover);
}

.homepage-categories-section .category-overlay {
	background: linear-gradient(
		to bottom,
		rgba(17, 17, 17, 0.05) 0%,
		rgba(17, 17, 17, 0.55) 100%
	);
}

.homepage-why-choose .why-choose-card__title {
	color: var(--text-dark-primary);
}

.homepage-why-choose .why-choose-card__desc {
	color: var(--text-dark-secondary);
}

.homepage-categories-section .category-title {
	color: var(--text-light-primary);
}

.homepage-categories-section .category-description {
	color: rgba(240, 235, 228, 0.88);
}

/* Hero on dark */
.homepage-hero .hero-product-title a {
	color: var(--text-light-primary);
}

.homepage-hero .hero-product-subtitle {
	color: var(--accent-primary);
}

.homepage-hero .hero-product-desc {
	color: var(--text-light-secondary);
}

.homepage-hero .hero-rating__value {
	color: var(--text-light-primary);
}

.homepage-hero .hero-rating__count {
	color: var(--text-light-secondary);
}

.homepage-hero .hero-rating__count:hover {
	color: var(--accent-primary);
}

.homepage-hero .hero-product-card {
	background: transparent;
	border: none;
	box-shadow: none;
}

.homepage-hero .hero-gallery-main,
.homepage-hero .hero-gallery-thumb {
	background: var(--dark-bg-secondary);
	border: 1px solid var(--dark-border);
}

.homepage-featured-collection .orang-section-title,
.homepage-featured-collection .orang-section-subtitle,
.homepage-gallery .orang-section-title,
.homepage-gallery .orang-section-subtitle {
	color: var(--text-light-primary);
}

.homepage-featured-collection .orang-section-subtitle,
.homepage-gallery .orang-section-subtitle {
	color: var(--text-light-secondary);
}

.homepage-featured-collection .featured-collection-spotlight__price,
.homepage-featured-collection .featured-collection-spotlight__price ins {
	color: var(--accent-primary);
}

.homepage-hero .hero-price .woocommerce-Price-amount,
.homepage-hero .hero-price ins .amount {
	color: var(--accent-primary);
}

.homepage-hero .hero-product-title a:hover {
	color: var(--accent-primary);
}

/* Footer — matches dark hero */
.orang-footer {
	background-color: var(--dark-bg-primary);
	color: var(--text-light-secondary);
	border-top: 1px solid var(--dark-border);
}

.orang-footer .footer-title {
	color: var(--text-light-primary);
}

.orang-footer .footer-description .highlight,
.orang-footer .footer-links a:hover,
.orang-footer .footer-bottom-left a {
	color: var(--accent-primary);
}

.orang-footer .footer-title::after {
	background-color: var(--accent-primary);
}

/* Stars & accents */
.orang-star--filled,
.orang-star--half {
	color: var(--accent-primary);
}

/* Best sellers slider on light bg */
.homepage-best-sellers .best-sellers-prev,
.homepage-best-sellers .best-sellers-next {
	background: var(--card-cream);
	border: 1px solid var(--light-border);
	color: var(--text-dark-primary);
	box-shadow: var(--shadow-sm);
}

.homepage-best-sellers .best-sellers-prev:hover,
.homepage-best-sellers .best-sellers-next:hover {
	border-color: var(--accent-copper);
	color: var(--accent-link);
	background: var(--card-cream-hover);
}

/* New arrivals — subtle card differentiation */
.homepage-new-arrivals .orang-product-card__link {
	background: var(--light-bg-elevated);
	border-color: var(--accent-border-subtle);
}

.homepage-best-sellers .best-seller-image,
.homepage-new-arrivals .orang-product-card__media {
	background-color: var(--light-bg-elevated);
}

/* Site main default */
.site-main {
	background-color: var(--light-bg-primary);
}

.front-page .site-main {
	background-color: transparent;
}

/* Product single / shop — light content area */
.single-product .site-main,
.woocommerce-shop .site-main,
.woocommerce.archive .site-main {
	background-color: var(--light-bg-primary);
	color: var(--text-dark-secondary);
}

.single-product .site-main h1,
.single-product .site-main h2 {
	color: var(--text-dark-primary);
}

/* Focus accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
.orang-btn:focus-visible,
.btn-premium-primary:focus-visible,
.btn-premium-secondary:focus-visible,
.btn-premium-light:focus-visible {
	outline: none;
	box-shadow: var(--focus-ring);
}

@media (max-width: 768px) {
	.btn-premium-primary,
	.btn-premium-light,
	.orang-btn--primary,
	.single_add_to_cart_button {
		padding: 12px 24px;
		font-size: 14px;
	}
}