/**
 * Hybrid color system enforcement — no pure white surfaces
 */

/* ========== GLOBAL SURFACE BASE ========== */
body,
.orang-front-page,
.woocommerce,
.woocommerce-page,
.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-account,
.site-content,
.site-main {
	background-color: var(--surface-light-base);
}

/* ========== LIGHT ZONE COMPONENTS (override legacy dark defaults) ========== */
.orang-section--light.orang-reviews-full,
.orang-reviews-full.orang-section--light {
	background-color: var(--section-reviews);
	background-image: linear-gradient(
		180deg,
		var(--surface-light-card) 0%,
		var(--section-reviews) 100%
	);
	border: 1px solid var(--light-border);
	box-shadow: var(--shadow-sm);
}

.orang-section--light .orang-review-form-wrapper,
.orang-reviews-full.orang-section--light .orang-review-form-wrapper {
	background-color: var(--card-cream);
	border: 1px solid var(--light-border);
	box-shadow: var(--shadow-sm);
}

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

.orang-section--light .rating-summary-full,
.orang-reviews-full.orang-section--light .rating-summary-full {
	background-color: var(--card-cream);
	border: 1px solid var(--light-border);
}

.orang-section--light .rating-count-full,
.orang-section--light .rating-bar-label-full,
.orang-section--light .rating-bar-percent-full,
.orang-reviews-full.orang-section--light .rating-count-full,
.orang-reviews-full.orang-section--light .rating-bar-label-full,
.orang-reviews-full.orang-section--light .rating-bar-percent-full {
	color: var(--text-dark-secondary);
}

.orang-section--light .rating-stars-full .empty,
.orang-reviews-full.orang-section--light .rating-stars-full .empty {
	color: rgba(42, 38, 34, 0.14);
}

.orang-section--light .rating-bar-track-full,
.orang-reviews-full.orang-section--light .rating-bar-track-full {
	background-color: var(--light-border);
}

.orang-section--light .filter-select-full,
.orang-reviews-full.orang-section--light .filter-select-full {
	background-color: var(--card-cream);
	border: 1px solid var(--light-border);
	color: var(--text-dark-primary);
}

.orang-section--light .review-card-full,
.orang-reviews-full.orang-section--light .review-card-full {
	background-color: var(--light-bg-elevated);
	border: 1px solid var(--light-border);
}

.orang-section--light .reviewer-name-full,
.orang-reviews-full.orang-section--light .reviewer-name-full {
	color: var(--text-dark-primary);
}

.orang-section--light .review-date-full,
.orang-reviews-full.orang-section--light .review-date-full {
	color: var(--text-meta);
}

.orang-section--light .review-content-full,
.orang-reviews-full.orang-section--light .review-content-full {
	color: var(--text-dark-secondary);
}

.orang-section--light .review-variation-full,
.orang-reviews-full.orang-section--light .review-variation-full {
	border-top-color: var(--light-border);
}

.orang-section--light .reviewer-variation-image-full,
.orang-reviews-full.orang-section--light .reviewer-variation-image-full {
	background-color: var(--card-cream);
}

.orang-section--light .load-more-btn-full,
.orang-reviews-full.orang-section--light .load-more-btn-full {
	background-color: var(--card-cream);
	color: var(--text-dark-primary);
	border: 1px solid var(--light-border);
}

.orang-section--light .load-more-btn-full:hover,
.orang-reviews-full.orang-section--light .load-more-btn-full:hover {
	background-color: var(--card-cream-hover);
	border-color: var(--accent-border);
	color: var(--accent-cta);
}

.orang-section--light .no-reviews-full,
.orang-reviews-full.orang-section--light .no-reviews-full {
	color: var(--text-dark-secondary);
}

/* Review form — light zone */
.orang-section--light .review-form-title,
.orang-reviews-full.orang-section--light .review-form-title {
	color: var(--text-dark-primary);
}

.orang-section--light .review-form-subtitle,
.orang-reviews-full.orang-section--light .review-form-subtitle {
	color: var(--text-meta);
}

.orang-section--light .orang-review-form-wrapper .form-label,
.orang-reviews-full.orang-section--light .form-label {
	color: var(--text-dark-primary);
}

.orang-section--light .orang-review-form-wrapper .form-input,
.orang-section--light .orang-review-form-wrapper .form-textarea,
.orang-section--light .orang-review-form-wrapper .form-select,
.orang-reviews-full.orang-section--light .form-input,
.orang-reviews-full.orang-section--light .form-textarea,
.orang-reviews-full.orang-section--light .form-select {
	background-color: var(--light-bg-elevated);
	border: 1px solid var(--light-border);
	color: var(--text-dark-primary);
}

.orang-section--light .orang-review-form-wrapper .form-input::placeholder,
.orang-section--light .orang-review-form-wrapper .form-textarea::placeholder,
.orang-reviews-full.orang-section--light .form-input::placeholder,
.orang-reviews-full.orang-section--light .form-textarea::placeholder {
	color: var(--text-meta);
}

.orang-section--light .orang-review-form-wrapper .form-select,
.orang-reviews-full.orang-section--light .form-select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23736b63' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");
}

.orang-section--light .media-upload-area,
.orang-reviews-full.orang-section--light .media-upload-area {
	background-color: var(--light-bg-elevated);
	border-color: var(--light-border);
}

.orang-section--light .media-browse-btn,
.orang-reviews-full.orang-section--light .media-browse-btn {
	background-color: var(--card-cream);
	border-color: var(--light-border);
	color: var(--text-dark-primary);
}

.orang-section--light .media-upload-area,
.orang-reviews-full.orang-section--light .media-upload-area {
	background-color: var(--light-bg-elevated);
	border-color: var(--light-border);
}

.orang-section--light .media-upload-placeholder,
.orang-reviews-full.orang-section--light .media-upload-placeholder {
	color: var(--text-dark-secondary);
}

.orang-section--light .media-upload-placeholder .dashicons,
.orang-reviews-full.orang-section--light .media-upload-placeholder .dashicons {
	color: var(--text-meta);
}

.orang-section--light .media-hint,
.orang-reviews-full.orang-section--light .media-hint {
	color: var(--text-meta) !important;
}

.orang-section--light .media-browse-btn,
.orang-reviews-full.orang-section--light .media-browse-btn {
	background-color: var(--card-cream);
	border: 1px solid var(--light-border);
	color: var(--text-dark-primary);
}

.orang-section--light .media-browse-btn:hover,
.orang-reviews-full.orang-section--light .media-browse-btn:hover {
	background-color: var(--card-cream-hover);
	border-color: var(--accent-border);
	color: var(--accent-cta);
}

.orang-section--light .media-upload-hint,
.orang-reviews-full.orang-section--light .media-upload-hint {
	color: var(--text-meta);
}

/* Certifications — light zone */
.orang-section--light.product-certifications-section,
.product-certifications-section.orang-section--light {
	background-color: var(--section-new-arrivals);
	background-image: linear-gradient(
		180deg,
		var(--surface-light-card) 0%,
		var(--section-new-arrivals) 100%
	);
	border: 1px solid var(--light-border);
	box-shadow: var(--shadow-sm);
}

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

.orang-section--light .certification-badge,
.product-certifications-section.orang-section--light .certification-badge {
	background-color: var(--card-cream);
	border: 1px solid var(--light-border);
	color: var(--text-dark-primary);
}

.orang-section--light .certification-badge:hover,
.product-certifications-section.orang-section--light .certification-badge:hover {
	background-color: var(--accent-muted);
	border-color: var(--accent-border);
	color: var(--accent-copper);
}

.orang-section--light .info-item,
.product-certifications-section.orang-section--light .info-item {
	border-bottom-color: var(--light-border);
}

.orang-section--light .info-toggle,
.product-certifications-section.orang-section--light .info-toggle {
	color: var(--text-dark-primary);
}

.orang-section--light .info-toggle:hover,
.product-certifications-section.orang-section--light .info-toggle:hover {
	color: var(--accent-cta);
}

.orang-section--light .info-toggle i,
.product-certifications-section.orang-section--light .info-toggle i {
	color: var(--text-meta);
}

.orang-section--light .info-content p,
.product-certifications-section.orang-section--light .info-content p {
	color: var(--text-dark-secondary);
}

/* Dimensions — light zone */
.orang-section--light.product-dimensions-section .dimensions-tabs,
.product-dimensions-section.orang-section--light .dimensions-tabs {
	background-color: transparent;
	border-bottom-color: var(--light-border);
}

.orang-section--light .dimension-tab,
.product-dimensions-section.orang-section--light .dimension-tab {
	color: var(--text-meta);
}

.orang-section--light .dimension-tab:hover,
.product-dimensions-section.orang-section--light .dimension-tab:hover {
	color: var(--text-dark-primary);
}

.orang-section--light .dimension-tab.active,
.product-dimensions-section.orang-section--light .dimension-tab.active {
	color: var(--text-dark-primary);
}

.orang-section--light .dimension-content,
.product-dimensions-section.orang-section--light .dimension-content {
	background-color: var(--card-cream);
}

.orang-section--light .dimensions-info h3,
.product-dimensions-section.orang-section--light .dimensions-info h3 {
	color: var(--text-dark-primary);
}

.orang-section--light .dimension-list li,
.product-dimensions-section.orang-section--light .dimension-list li {
	color: var(--text-dark-secondary);
}

/* WooCommerce surfaces */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
#reviews .comment-text,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-cart-form,
.cart_totals,
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
	background-color: var(--card-cream) !important;
}

.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
	background-color: transparent;
	border-color: var(--light-border);
}

.woocommerce .select2-container--default .select2-selection--single {
	background-color: var(--card-cream);
	border-color: var(--light-border);
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--text-dark-primary);
}