/*
Theme Name: WeFam ATL
Theme URI: https://wefamatl.com
Author: WeFam ATL
Author URI: https://wefamatl.com
Description: Midnight Luxe block theme (FSE) for WeFam ATL — a dark, gold-accented studio-booking storefront built on WooCommerce. Hosts the one-screen booking portal, per-package booking pages, and the WeFam brand look. Pairs with the "WeFam ATL — Magic Setup" plugin.
Requires at least: 6.1
Tested up to: 6.7
Requires PHP: 7.4
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: wefam-atl
Tags: full-site-editing, block-patterns, e-commerce, custom-colors, dark-style, blog
*/

/* Block themes are driven by theme.json; this file supplies a few utility
   styles the editor can't express and light polish for WooCommerce pages. */

:root {
	--wefam-bg: #0A0B0F;
	--wefam-surface: #15171E;
	--wefam-border: #262A35;
	--wefam-text: #F5F6F8;
	--wefam-muted: #9096A6;
	--wefam-accent: #E7B45C;
}

body { background: var(--wefam-bg); color: var(--wefam-text); }

/* Gold gradient buttons everywhere (WooCommerce + core). */
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt {
	background-image: linear-gradient(135deg, #F3C86C, #C98A38) !important;
	color: #1a1408 !important;
	border: none !important;
	border-radius: 12px !important;
	font-weight: 700 !important;
	box-shadow: 0 8px 22px rgba(231,180,92,.22);
}
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent !important;
	color: var(--wefam-text) !important;
	border: 1px solid var(--wefam-border) !important;
	box-shadow: none;
}

/* WooCommerce surfaces on dark. */
.woocommerce { color: var(--wefam-text); }
.woocommerce ul.products li.product,
.woocommerce div.product .woocommerce-tabs,
.woocommerce table.shop_table,
.woocommerce-cart .cart-collaterals,
.woocommerce .woocommerce-info,
.woocommerce-checkout #payment {
	background: var(--wefam-surface) !important;
	border: 1px solid var(--wefam-border) !important;
	border-radius: 14px;
	color: var(--wefam-text);
}
.woocommerce span.price, .woocommerce div.product p.price { color: var(--wefam-accent) !important; }
.woocommerce .woocommerce-info { border-left: 3px solid var(--wefam-accent) !important; }
.woocommerce input.input-text, .woocommerce textarea, .woocommerce select,
.woocommerce-checkout input, .woocommerce-checkout select {
	background: #0f1116 !important; color: var(--wefam-text) !important;
	border: 1px solid var(--wefam-border) !important; border-radius: 10px !important;
}
::selection { background: rgba(231,180,92,.3); }