/*---------------------------------------------------------------------------------

 Theme Name:   ZRANGE
 Theme URI:    
 Description:  Locally maintained child theme for the ZRANGE Divi site.
 Author:       ZRANGE
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* Shared action-button standard across Divi content. */
body #page-container .et_pb_section .et_pb_button.et_pb_button {
	align-items: center;
	border-radius: 0 !important;
	box-sizing: border-box;
	display: inline-flex;
	font-family: "Special Elite", Georgia, serif;
	font-size: 16px !important;
	font-weight: 700;
	justify-content: center;
	line-height: 1.2 !important;
	min-height: 54px;
	padding: 15px 24px !important;
}



/* ===== ZRANGE brand styles: WooCommerce My Account (added 2026-07) ===== */

/* --- Page background --- */
body.woocommerce-account #main-content {
	background: #e9e9e9;
}
body.woocommerce-account .woocommerce {
	padding: 60px 0;
}

/* --- Logged-out: login / register cards --- */
body.woocommerce-account:not(.logged-in) .woocommerce {
	max-width: 1000px;
	margin: 0 auto;
}
body.woocommerce-account:not(.logged-in) form.login,
body.woocommerce-account:not(.logged-in) form.register {
	background: #ffffff;
	border: none;
	border-top: 4px solid #ed1d24;
	border-radius: 12px;
	box-shadow: 0 4px 18px rgba(0,0,0,0.12);
	padding: 40px 35px;
}
body.woocommerce-account:not(.logged-in) .u-column1 h2,
body.woocommerce-account:not(.logged-in) .u-column2 h2 {
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

/* --- Inputs --- */
body.woocommerce-account .woocommerce input[type="text"],
body.woocommerce-account .woocommerce input[type="email"],
body.woocommerce-account .woocommerce input[type="tel"],
body.woocommerce-account .woocommerce input[type="password"] {
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 12px;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
}
body.woocommerce-account .woocommerce input:focus {
	border-color: #ed1d24;
	outline: none;
}

/* --- Buttons --- */
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce a.button {
	background: #ed1d24 !important;
	color: #ffffff !important;
	border: none;
	border-radius: 6px;
	padding: 12px 40px;
	font-weight: 700;
	transition: background .2s;
}
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce a.button:hover {
	background: #c4151b !important;
}

/* --- Lost password / links --- */
body.woocommerce-account .woocommerce form.login .lost_password a {
	color: #ed1d24;
}

/* --- Logged-in: account navigation --- */
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
	background: #1d1d1d;
	border-radius: 12px;
	border-top: 4px solid #ed1d24;
	padding: 20px 0;
	list-style: none;
	margin: 0;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li {
	list-style: none;
	margin: 0;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a {
	display: block;
	color: #eeeeee;
	padding: 12px 25px;
	font-weight: 600;
	transition: background .2s, color .2s;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a:hover {
	background: #ed1d24;
	color: #ffffff;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
	background: #ffffff;
	border-radius: 12px;
	border-top: 4px solid #ed1d24;
	box-shadow: 0 4px 18px rgba(0,0,0,0.12);
	padding: 35px;
}