/*
 * Sacred Light Checkout Control
 * 1) Remove express checkout areas everywhere.
 * 2) Keep normal Card and PayPal payment choices visible.
 * 3) Make checkout fields and labels readable on a dark theme.
 */

/* WooCommerce Cart/Checkout Blocks express-payment sections. */
.wp-block-woocommerce-checkout-express-payment-block,
.wp-block-woocommerce-cart-express-payment-block,
.wc-block-components-express-payment,
.wc-block-components-express-payment-continue-rule,
.wc-block-components-express-payment__event-buttons,
.wc-block-cart__payment-options {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
}

/* PayPal smart/express buttons outside the normal payment-method selector. */
.wc-ppcp-express-checkout,
.wc-ppcp-express-checkout__container,
.wc-ppcp-product-payments__container,
.wc-ppcp-cart-payments__container,
.wc-ppcp-mini-cart-payments__container,
body.single-product .ppc-button-wrapper,
body.woocommerce-cart .ppc-button-wrapper,
.widget_shopping_cart .ppc-button-wrapper,
.wc-block-mini-cart__drawer .ppc-button-wrapper {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
}

/* Dark backgrounds for normal WooCommerce checkout fields. */
body.woocommerce-checkout .wc-block-checkout input:not([type="checkbox"]):not([type="radio"]),
body.woocommerce-checkout .wc-block-checkout textarea,
body.woocommerce-checkout .wc-block-checkout select,
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-combobox-control input,
body.woocommerce-checkout .wc-block-components-select select,
body.woocommerce-checkout form.checkout input:not([type="checkbox"]):not([type="radio"]),
body.woocommerce-checkout form.checkout textarea,
body.woocommerce-checkout form.checkout select {
	background: #171b24 !important;
	background-color: #171b24 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	border: 1px solid #8a93a3 !important;
	box-shadow: none !important;
	opacity: 1 !important;
}

/* Field focus state. */
body.woocommerce-checkout .wc-block-checkout input:not([type="checkbox"]):not([type="radio"]):focus,
body.woocommerce-checkout .wc-block-checkout textarea:focus,
body.woocommerce-checkout .wc-block-checkout select:focus,
body.woocommerce-checkout form.checkout input:not([type="checkbox"]):not([type="radio"]):focus,
body.woocommerce-checkout form.checkout textarea:focus,
body.woocommerce-checkout form.checkout select:focus {
	border-color: #d7b65c !important;
	outline: 1px solid #d7b65c !important;
	box-shadow: 0 0 0 1px #d7b65c !important;
}

/* Browser autofill can otherwise force a white field. */
body.woocommerce-checkout input:-webkit-autofill,
body.woocommerce-checkout input:-webkit-autofill:hover,
body.woocommerce-checkout input:-webkit-autofill:focus,
body.woocommerce-checkout textarea:-webkit-autofill,
body.woocommerce-checkout select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #171b24 inset !important;
	-webkit-text-fill-color: #ffffff !important;
	caret-color: #ffffff !important;
	transition: background-color 99999s ease-out 0s !important;
}

/* Bright labels, payment names, descriptions, checkbox text, and terms. */
body.woocommerce-checkout .wc-block-checkout label,
body.woocommerce-checkout .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-components-combobox-control label,
body.woocommerce-checkout .wc-block-components-checkbox__label,
body.woocommerce-checkout .wc-block-components-radio-control__label,
body.woocommerce-checkout .wc-block-components-radio-control__label-group,
body.woocommerce-checkout .wc-block-components-payment-method-label,
body.woocommerce-checkout .wc-block-components-payment-method-description,
body.woocommerce-checkout .wc-block-components-checkout-step__description,
body.woocommerce-checkout .wc-block-components-checkout-step__container,
body.woocommerce-checkout .wc-block-components-title,
body.woocommerce-checkout .wc-block-components-terms-and-conditions,
body.woocommerce-checkout .wc-block-components-terms-and-conditions-content,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout form.checkout label,
body.woocommerce-checkout form.checkout .form-row label,
body.woocommerce-checkout form.checkout .payment_box,
body.woocommerce-checkout #payment label {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	opacity: 1 !important;
}

/* Keep less-important helper text readable without overpowering headings. */
body.woocommerce-checkout .wc-block-components-checkout-step__description,
body.woocommerce-checkout .wc-block-components-payment-method-description,
body.woocommerce-checkout .wc-block-components-checkbox__label,
body.woocommerce-checkout .wc-block-components-terms-and-conditions {
	color: #e1e5ec !important;
	-webkit-text-fill-color: #e1e5ec !important;
}

/* Placeholder text. */
body.woocommerce-checkout input::placeholder,
body.woocommerce-checkout textarea::placeholder,
body.woocommerce-checkout .wc-block-components-text-input input::placeholder,
body.woocommerce-checkout .wc-block-components-combobox-control input::placeholder {
	color: #bec5d0 !important;
	-webkit-text-fill-color: #bec5d0 !important;
	opacity: 1 !important;
}

/* Native dropdown menu choices. */
body.woocommerce-checkout select option {
	background: #171b24 !important;
	color: #ffffff !important;
}

/* Radio and checkbox controls remain obvious on the dark background. */
body.woocommerce-checkout input[type="radio"],
body.woocommerce-checkout input[type="checkbox"],
body.woocommerce-checkout .wc-block-components-radio-control__input,
body.woocommerce-checkout .wc-block-components-checkbox__input {
	accent-color: #d7b65c !important;
	opacity: 1 !important;
}

/* Prevent disabled-looking opacity on valid selectable payment labels. */
body.woocommerce-checkout .wc-block-components-radio-control-accordion-option,
body.woocommerce-checkout .wc-block-components-radio-control__option {
	opacity: 1 !important;
}

/* ================================================================
   SACRED LIGHT SITE-WIDE DARK UI — v1.2.0
   Removes white form fields and common white WooCommerce surfaces.
   ================================================================ */

:root {
	--slcc-surface: #111722;
	--slcc-surface-2: #171f2b;
	--slcc-surface-3: #202a38;
	--slcc-border: #6f7b8d;
	--slcc-border-soft: #3d4858;
	--slcc-text: #ffffff;
	--slcc-text-muted: #c9d1dc;
	--slcc-placeholder: #aeb8c6;
	--slcc-gold: #d7b65c;
	--slcc-green: #31c875;
	--slcc-danger: #ff7b7b;
}

/* Standard fields used by WooCommerce, WordPress, WPForms and most plugins. */
body input[type="text"],
body input[type="email"],
body input[type="tel"],
body input[type="password"],
body input[type="number"],
body input[type="search"],
body input[type="url"],
body input[type="date"],
body input[type="time"],
body input[type="datetime-local"],
body input[type="month"],
body input[type="week"],
body input[type="file"],
body textarea,
body select,
body .select2-container .select2-selection--single,
body .select2-container .select2-selection--multiple,
body .wc-block-components-text-input input,
body .wc-block-components-combobox-control input,
body .wc-block-components-select select,
body .wc-block-components-quantity-selector input,
body .wpforms-container input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]),
body .wpforms-container textarea,
body .wpforms-container select {
	background: var(--slcc-surface) !important;
	background-color: var(--slcc-surface) !important;
	color: var(--slcc-text) !important;
	-webkit-text-fill-color: var(--slcc-text) !important;
	border-color: var(--slcc-border) !important;
	box-shadow: none !important;
	opacity: 1 !important;
}

/* Focus state for every form field. */
body input[type="text"]:focus,
body input[type="email"]:focus,
body input[type="tel"]:focus,
body input[type="password"]:focus,
body input[type="number"]:focus,
body input[type="search"]:focus,
body input[type="url"]:focus,
body input[type="date"]:focus,
body input[type="time"]:focus,
body input[type="datetime-local"]:focus,
body input[type="month"]:focus,
body input[type="week"]:focus,
body textarea:focus,
body select:focus,
body .select2-container--focus .select2-selection,
body .select2-container--open .select2-selection,
body .wc-block-components-text-input input:focus,
body .wc-block-components-combobox-control input:focus,
body .wc-block-components-select select:focus,
body .wpforms-container input:focus,
body .wpforms-container textarea:focus,
body .wpforms-container select:focus {
	border-color: var(--slcc-gold) !important;
	outline: 1px solid var(--slcc-gold) !important;
	box-shadow: 0 0 0 1px var(--slcc-gold) !important;
}

/* Browser autofill must not reintroduce white or yellow backgrounds. */
body input:-webkit-autofill,
body input:-webkit-autofill:hover,
body input:-webkit-autofill:focus,
body textarea:-webkit-autofill,
body select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px var(--slcc-surface) inset !important;
	-webkit-text-fill-color: var(--slcc-text) !important;
	caret-color: var(--slcc-text) !important;
	transition: background-color 99999s ease-out 0s !important;
}

/* Placeholder and disabled-field readability. */
body input::placeholder,
body textarea::placeholder,
body .wpforms-container input::placeholder,
body .wpforms-container textarea::placeholder {
	color: var(--slcc-placeholder) !important;
	-webkit-text-fill-color: var(--slcc-placeholder) !important;
	opacity: 1 !important;
}

body input:disabled,
body textarea:disabled,
body select:disabled,
body input[readonly],
body textarea[readonly] {
	background: var(--slcc-surface-3) !important;
	color: var(--slcc-text-muted) !important;
	-webkit-text-fill-color: var(--slcc-text-muted) !important;
	opacity: 1 !important;
}

/* Labels, legends, helper text and required markers. */
body label,
body legend,
body .form-row label,
body .woocommerce-form-row label,
body .wpforms-container .wpforms-field-label,
body .wpforms-container .wpforms-field-sublabel,
body .wc-block-components-form label,
body .wc-block-components-checkbox__label,
body .wc-block-components-radio-control__label,
body .wc-block-components-text-input label,
body .wc-block-components-combobox-control label {
	color: var(--slcc-text) !important;
	opacity: 1 !important;
}

body .description,
body .form-row .description,
body .wpforms-container .wpforms-field-description,
body .woocommerce-password-hint,
body .woocommerce-password-strength {
	color: var(--slcc-text-muted) !important;
	opacity: 1 !important;
}

body .required,
body abbr.required {
	color: var(--slcc-danger) !important;
}

/* Native and Select2 dropdown menus. */
body select option,
body .select2-dropdown,
body .select2-results,
body .select2-results__options,
body .select2-search--dropdown,
body .select2-search__field {
	background: var(--slcc-surface) !important;
	color: var(--slcc-text) !important;
	border-color: var(--slcc-border) !important;
}

body .select2-container--default .select2-results__option {
	background: var(--slcc-surface) !important;
	color: var(--slcc-text) !important;
}

body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option[aria-selected="true"] {
	background: var(--slcc-surface-3) !important;
	color: var(--slcc-gold) !important;
}

body .select2-container--default .select2-selection__rendered,
body .select2-container--default .select2-selection__placeholder,
body .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--slcc-text) !important;
}

/* Dark, unambiguous radio buttons and checkboxes. */
body input[type="radio"],
body input[type="checkbox"],
body .wc-block-components-radio-control__input,
body .wc-block-components-checkbox__input {
	accent-color: var(--slcc-green) !important;
}

/* Selected WooCommerce payment option: green. Unselected stays dark. */
body .wc-block-components-radio-control-accordion-option,
body .wc-block-components-radio-control__option,
body li.wc_payment_method {
	background: transparent !important;
	border-color: var(--slcc-border-soft) !important;
	color: var(--slcc-text) !important;
}

body .wc-block-components-radio-control-accordion-option:has(input:checked),
body .wc-block-components-radio-control__option:has(input:checked),
body li.wc_payment_method:has(input:checked) {
	background: rgba(49, 200, 117, 0.12) !important;
	border-color: var(--slcc-green) !important;
	box-shadow: inset 0 0 0 1px var(--slcc-green) !important;
}

/* WooCommerce Cart quantity control — fixes the white number box shown in cart. */
body .wc-block-components-quantity-selector,
body .quantity {
	background: var(--slcc-surface) !important;
	border-color: var(--slcc-border) !important;
}

body .wc-block-components-quantity-selector__input,
body .quantity .qty {
	background: var(--slcc-surface) !important;
	color: var(--slcc-text) !important;
	-webkit-text-fill-color: var(--slcc-text) !important;
	border-color: var(--slcc-border) !important;
}

body .wc-block-components-quantity-selector__button,
body .quantity input[type="button"],
body .quantity button {
	background: var(--slcc-surface-2) !important;
	color: var(--slcc-text) !important;
	border-color: var(--slcc-border) !important;
}

body .wc-block-components-quantity-selector__button:hover,
body .quantity input[type="button"]:hover,
body .quantity button:hover {
	background: var(--slcc-surface-3) !important;
	color: var(--slcc-gold) !important;
}

/* WooCommerce account cards and navigation — fixes white address-card headers. */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-navigation ul,
body.woocommerce-account .woocommerce-MyAccount-navigation li,
body.woocommerce-account .woocommerce-MyAccount-navigation a,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-Addresses,
body.woocommerce-account .woocommerce-Address,
body.woocommerce-account .woocommerce-Address-title,
body.woocommerce-account .woocommerce-Address-title.title,
body.woocommerce-account .woocommerce-Address address,
body.woocommerce-account form.login,
body.woocommerce-account form.register,
body.woocommerce-account form.edit-account,
body.woocommerce-account form.woocommerce-EditAccountForm {
	background: transparent !important;
	color: var(--slcc-text) !important;
}

body.woocommerce-account .woocommerce-Address {
	background: var(--slcc-surface-2) !important;
	border: 1px solid var(--slcc-border) !important;
}

body.woocommerce-account .woocommerce-Address-title,
body.woocommerce-account .woocommerce-Address-title.title {
	background: var(--slcc-surface-3) !important;
	border-bottom: 1px solid var(--slcc-border) !important;
	padding: 18px !important;
}

body.woocommerce-account .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-Address-title h3,
body.woocommerce-account .woocommerce-Address-title a,
body.woocommerce-account .woocommerce-Address address,
body.woocommerce-account .woocommerce-MyAccount-content p,
body.woocommerce-account .woocommerce-MyAccount-content td,
body.woocommerce-account .woocommerce-MyAccount-content th {
	color: var(--slcc-text) !important;
}

body.woocommerce-account .woocommerce-Address-title a,
body.woocommerce-account .woocommerce-MyAccount-navigation a {
	color: var(--slcc-gold) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active,
body.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
	background: var(--slcc-surface-3) !important;
	color: var(--slcc-gold) !important;
}

/* Common WooCommerce white panels, tables and block surfaces. */
body .woocommerce table.shop_table,
body .woocommerce table.shop_table th,
body .woocommerce table.shop_table td,
body .woocommerce-cart-form,
body .cart_totals,
body .woocommerce-checkout-review-order,
body .woocommerce form.checkout_coupon,
body .woocommerce form.login,
body .woocommerce form.register,
body .wc-block-cart,
body .wc-block-checkout,
body .wc-block-cart-items,
body .wc-block-components-sidebar,
body .wc-block-components-totals-wrapper,
body .wc-block-components-panel,
body .wc-block-components-order-summary,
body .wc-block-components-address-card,
body .wc-block-components-address-card__address-section,
body .wc-block-components-checkout-step__container,
body .wc-block-components-form .wc-block-components-text-input {
	background-color: transparent !important;
	color: var(--slcc-text) !important;
	border-color: var(--slcc-border-soft) !important;
}

/* When a Woo block/card has its own visible panel, use a dark surface. */
body .wc-block-components-address-card,
body .wc-block-components-panel,
body .wc-block-components-order-summary,
body .woocommerce form.checkout_coupon,
body .woocommerce form.login,
body .woocommerce form.register {
	background: var(--slcc-surface-2) !important;
}

body .woocommerce table.shop_table th,
body .woocommerce table.shop_table td,
body .wc-block-cart-items__row,
body .wc-block-components-totals-wrapper {
	border-color: var(--slcc-border-soft) !important;
}

/* Notices and messages stay readable without bright white boxes. */
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error,
body .wc-block-components-notice-banner,
body .wpforms-confirmation-container-full {
	background: var(--slcc-surface-2) !important;
	color: var(--slcc-text) !important;
	border-color: var(--slcc-border) !important;
}

body .woocommerce-message a,
body .woocommerce-info a,
body .woocommerce-error a,
body .wc-block-components-notice-banner a {
	color: var(--slcc-gold) !important;
}

/* WPForms containers and validation messages. */
body .wpforms-container .wpforms-field-container,
body .wpforms-container .wpforms-field,
body .wpforms-container .wpforms-field-row,
body .wpforms-container .wpforms-field-row-block {
	background: transparent !important;
}

body .wpforms-container label.wpforms-error,
body .wpforms-container em.wpforms-error,
body .wpforms-container .wpforms-error {
	color: var(--slcc-danger) !important;
}

/* Keep icons, product images, book covers and media untouched. */
body img,
body picture,
body video,
body canvas,
body svg {
	background-color: transparent;
}

/* Small-screen consistency. */
@media (max-width: 767px) {
	body input,
	body textarea,
	body select,
	body .select2-container,
	body .wpforms-container input,
	body .wpforms-container textarea,
	body .wpforms-container select {
		max-width: 100% !important;
	}
}

/* ================================================================
   v1.3.0 — SAFE EXPRESS HIDING + ASTRA BLOG/ARCHIVE DARK CARDS
   The express blocks stay mounted so WooCommerce React can manage
   them. CSS hides them visually without removeChild reconciliation
   errors on Cart or Checkout.
   ================================================================ */

/* Keep hidden block shells from reserving any space, without deleting nodes. */
.wp-block-woocommerce-checkout-express-payment-block,
.wp-block-woocommerce-cart-express-payment-block,
.wc-block-components-express-payment,
.wc-block-components-express-payment-continue-rule,
.wc-block-components-express-payment__event-buttons,
.wc-block-cart__payment-options,
.wc-ppcp-express-checkout,
.wc-ppcp-express-checkout__container,
.wc-ppcp-product-payments__container,
.wc-ppcp-cart-payments__container,
.wc-ppcp-mini-cart-payments__container,
body.single-product .ppc-button-wrapper,
body.woocommerce-cart .ppc-button-wrapper,
.widget_shopping_cart .ppc-button-wrapper,
.wc-block-mini-cart__drawer .ppc-button-wrapper {
	display: none !important;
	visibility: hidden !important;
	position: absolute !important;
	width: 0 !important;
	height: 0 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	pointer-events: none !important;
}

/* Astra blog and archive cards. */
body.blog .site-main > article,
body.archive .site-main > article,
body.blog article.ast-article-post,
body.archive article.ast-article-post,
body.blog .ast-article-post,
body.archive .ast-article-post,
body.blog .blog-layout-1,
body.archive .blog-layout-1,
body.blog .blog-layout-2,
body.archive .blog-layout-2,
body.blog .blog-layout-3,
body.archive .blog-layout-3,
body.blog .blog-layout-4,
body.archive .blog-layout-4,
body.blog .ast-post-format-,
body.archive .ast-post-format- {
	background: linear-gradient(145deg, #171f2b 0%, #101722 100%) !important;
	color: var(--slcc-text) !important;
	border: 1px solid var(--slcc-border-soft) !important;
	border-radius: 10px !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24) !important;
	overflow: hidden !important;
}

/* Give cards comfortable spacing even when Astra applies a white inner surface. */
body.blog .ast-article-post .blog-layout-1,
body.archive .ast-article-post .blog-layout-1,
body.blog .ast-article-post .blog-layout-2,
body.archive .ast-article-post .blog-layout-2,
body.blog .ast-article-post .blog-layout-3,
body.archive .ast-article-post .blog-layout-3,
body.blog .ast-article-post .blog-layout-4,
body.archive .ast-article-post .blog-layout-4,
body.blog article.post .entry-content,
body.archive article.post .entry-content,
body.blog article.post .entry-header,
body.archive article.post .entry-header,
body.blog article.post .entry-meta,
body.archive article.post .entry-meta {
	background: transparent !important;
}

body.blog article.post,
body.archive article.post {
	padding: 22px !important;
}

body.blog article.post .entry-title,
body.archive article.post .entry-title,
body.blog article.post .entry-title a,
body.archive article.post .entry-title a,
body.blog article.post h2,
body.archive article.post h2,
body.blog article.post h2 a,
body.archive article.post h2 a {
	color: var(--slcc-gold) !important;
	-webkit-text-fill-color: var(--slcc-gold) !important;
}

body.blog article.post .entry-title a:hover,
body.archive article.post .entry-title a:hover,
body.blog article.post h2 a:hover,
body.archive article.post h2 a:hover {
	color: #f4d979 !important;
	-webkit-text-fill-color: #f4d979 !important;
}

body.blog article.post .entry-content,
body.archive article.post .entry-content,
body.blog article.post .entry-content p,
body.archive article.post .entry-content p,
body.blog article.post .entry-summary,
body.archive article.post .entry-summary,
body.blog article.post .entry-summary p,
body.archive article.post .entry-summary p {
	color: #eef2f7 !important;
	-webkit-text-fill-color: #eef2f7 !important;
	opacity: 1 !important;
}

body.blog article.post .entry-meta,
body.archive article.post .entry-meta,
body.blog article.post .entry-meta span,
body.archive article.post .entry-meta span,
body.blog article.post .entry-meta a,
body.archive article.post .entry-meta a,
body.blog article.post .cat-links,
body.archive article.post .cat-links,
body.blog article.post .cat-links a,
body.archive article.post .cat-links a {
	color: var(--slcc-text-muted) !important;
	-webkit-text-fill-color: var(--slcc-text-muted) !important;
	opacity: 1 !important;
}

body.blog article.post .cat-links a,
body.archive article.post .cat-links a,
body.blog article.post .read-more a,
body.archive article.post .read-more a {
	color: var(--slcc-gold) !important;
	-webkit-text-fill-color: var(--slcc-gold) !important;
}

/* Gutenberg Query Loop fallback on the Blog page. */
body.blog .wp-block-post,
body.archive .wp-block-post {
	background: linear-gradient(145deg, #171f2b 0%, #101722 100%) !important;
	color: var(--slcc-text) !important;
	border: 1px solid var(--slcc-border-soft) !important;
	border-radius: 10px !important;
	padding: 22px !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24) !important;
}

body.blog .wp-block-post-title,
body.blog .wp-block-post-title a,
body.archive .wp-block-post-title,
body.archive .wp-block-post-title a {
	color: var(--slcc-gold) !important;
}

body.blog .wp-block-post-excerpt,
body.blog .wp-block-post-excerpt p,
body.archive .wp-block-post-excerpt,
body.archive .wp-block-post-excerpt p {
	color: #eef2f7 !important;
}

/* Never let generic Astra content containers reintroduce white cards on archives. */
body.blog .ast-separate-container .ast-article-post,
body.archive .ast-separate-container .ast-article-post,
body.blog .ast-separate-container .ast-article-single,
body.archive .ast-separate-container .ast-article-single {
	background-color: var(--slcc-surface-2) !important;
}