/**
 * WW Business Priority — WWSC Plugin Visual Overrides
 *
 * Applied only when Layout 1 is selected AND the WWSC plugin is active.
 * Provides woodland-themed styling for login, password reset, WooCommerce
 * My Account, heading colors, and other visual enhancements.
 *
 * @package WW_Business_Priority
 * @since   0.2.1
 */

/* ═══════════════════════════════════════════════════════════════════
   AUTH CARD — Woodland Card Treatment (Login / Lost Password / Reset)
   Overrides the WWSC default auth-card styling with woodland theme
   ═══════════════════════════════════════════════════════════════════ */

.ww-layout-one .wwsc-auth-card {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    border-radius: 20px;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.12),
        0 0 0 1px rgba(255, 255, 255, 0.4) inset;
    border: 2px solid rgba(255, 255, 255, 0.5);
    max-width: 440px;
    margin: 2rem auto;
    overflow: hidden;
}

.ww-layout-one .wwsc-auth-header {
    background: linear-gradient(135deg, var(--ww-color-a), var(--ww-color-b));
    color: #fff;
    padding: 28px 32px 24px;
    text-align: center;
}

.ww-layout-one .wwsc-auth-header h2 {
    color: #fff;
    margin: 0 0 4px;
    font-size: 1.4rem;
    font-weight: 700;
}

.ww-layout-one .wwsc-auth-body #wp-submit,
.ww-layout-one .wwsc-auth-btn {
    background: linear-gradient(135deg, var(--ww-color-a), var(--ww-color-b));
    border: none;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    transition: transform 0.15s, box-shadow 0.15s;
}

.ww-layout-one .wwsc-auth-body #wp-submit:hover,
.ww-layout-one .wwsc-auth-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.ww-layout-one .wwsc-auth-body input[type="text"],
.ww-layout-one .wwsc-auth-body input[type="email"],
.ww-layout-one .wwsc-auth-body input[type="password"] {
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.ww-layout-one .wwsc-auth-body input:focus {
    border-color: var(--ww-color-a);
    box-shadow: 0 0 0 3px rgba(17, 125, 192, 0.12);
}

.ww-layout-one .wwsc-auth-footer {
    background: rgba(245, 245, 245, 0.6);
}

.ww-layout-one .wwsc-auth-footer a {
    color: var(--ww-color-a);
}

/* ═══════════════════════════════════════════════════════════════════
   WOOCOMMERCE MY ACCOUNT — Login / Lost Password / Register Cards
   Card wraps the form area; the page title (h1) stays outside.
   Uses :has() to only apply on logged-out views, not logged-in account.
   ═══════════════════════════════════════════════════════════════════ */

.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-form-login),
.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-form-register),
.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-ResetPassword) {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    border-radius: 20px;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.12),
        0 0 0 1px rgba(255, 255, 255, 0.4) inset;
    border: 2px solid rgba(255, 255, 255, 0.5);
    max-width: 480px;
    margin: 1.5rem auto;
    padding: 32px 36px;
}

.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-form-login) h2,
.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-ResetPassword) h2 {
    text-align: center;
    margin-bottom: 1.2rem;
}

.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-form-login) .woocommerce-Input,
.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-ResetPassword) input[type="text"],
.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-ResetPassword) input[type="email"] {
    width: 100%;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    padding: 10px 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-form-login) .woocommerce-Input:focus,
.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-ResetPassword) input:focus {
    border-color: var(--ww-color-a);
    box-shadow: 0 0 0 3px rgba(17, 125, 192, 0.12);
    outline: none;
}

.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-form-login) .woocommerce-form-login__submit,
.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-ResetPassword) button[type="submit"] {
    width: 100%;
    background: linear-gradient(135deg, var(--ww-color-a), var(--ww-color-b)) !important;
    border: none !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-weight: 600;
    padding: 12px;
    font-size: 1rem;
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s;
}

.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-form-login) .woocommerce-form-login__submit:hover,
.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-ResetPassword) button[type="submit"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-form-login) .lost_password {
    text-align: center;
    margin-top: 1rem;
}

.ww-layout-one.woocommerce-account .entry-content > .woocommerce:has(.woocommerce-form-login) .lost_password a {
    color: var(--ww-color-a);
}

/* ═══════════════════════════════════════════════════════════════════
   WOOCOMMERCE MY ACCOUNT — Logged-in Woodland Overrides
   ═══════════════════════════════════════════════════════════════════ */

.ww-layout-one.woocommerce-account .woocommerce-MyAccount-navigation {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.ww-layout-one.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    border-radius: 10px;
    transition: background 0.2s, color 0.2s;
}

.ww-layout-one.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: rgba(17, 125, 192, 0.06);
}

.ww-layout-one.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: linear-gradient(135deg, rgba(17, 125, 192, 0.1), rgba(3, 36, 103, 0.08));
    color: var(--ww-color-a);
}

.ww-layout-one.woocommerce-account .woocommerce-MyAccount-content {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 2px solid rgba(255, 255, 255, 0.5);
    padding: 28px;
}

.ww-layout-one.woocommerce-account .woocommerce-Button,
.ww-layout-one.woocommerce-account .button {
    background: linear-gradient(135deg, var(--ww-color-a), var(--ww-color-b));
    border: none;
    border-radius: 10px;
    color: #fff !important;
    transition: transform 0.15s, box-shadow 0.15s;
}

.ww-layout-one.woocommerce-account .woocommerce-Button:hover,
.ww-layout-one.woocommerce-account .button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    color: #fff !important;
}

.ww-layout-one.woocommerce-account .woocommerce-form-row input:focus,
.ww-layout-one.woocommerce-account .woocommerce-form-row select:focus {
    border-color: var(--ww-color-a);
    box-shadow: 0 0 0 3px rgba(17, 125, 192, 0.12);
}

.ww-layout-one.woocommerce-account .woocommerce-message,
.ww-layout-one.woocommerce-account .woocommerce-info {
    background: rgba(17, 125, 192, 0.06);
    border-left: 4px solid var(--ww-color-a);
    border-radius: 10px;
}

/* ═══════════════════════════════════════════════════════════════════
   WWSC SIGNING FLOW — Woodland Card Treatment
   ═══════════════════════════════════════════════════════════════════ */

.ww-layout-one .wwsc-signing-flow {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.5);
    padding: 32px;
}

.ww-layout-one .wwsc-signing-header h2 {
    color: var(--ww-color-b);
}

.ww-layout-one .wwsc-btn-primary {
    background: linear-gradient(135deg, var(--ww-color-a), var(--ww-color-b)) !important;
    border: none !important;
    border-radius: 10px !important;
    color: #fff !important;
}

.ww-layout-one .wwsc-btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.ww-layout-one .wwsc-progress-fill {
    background: linear-gradient(90deg, var(--ww-color-a), var(--ww-color-c));
}

/* ═══════════════════════════════════════════════════════════════════
   WWSC REGISTRATION — Woodland Treatment
   ═══════════════════════════════════════════════════════════════════ */

.ww-layout-one .wwsc-registration-flow {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.5);
}

/* ═══════════════════════════════════════════════════════════════════
   WP DEFAULT LOGIN (wp-login.php) — Woodland Treatment
   For wp-login.php, WP adds body.login class
   ═══════════════════════════════════════════════════════════════════ */

.ww-layout-one body.login,
body.login.ww-layout-one {
    background: var(--ww-content-bg, #efefef);
}

.ww-layout-one #login,
body.login.ww-layout-one #login {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    border-radius: 20px;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.12),
        0 0 0 1px rgba(255, 255, 255, 0.4) inset;
    border: 2px solid rgba(255, 255, 255, 0.5);
    padding: 26px 24px 16px;
    width: 360px;
}

.ww-layout-one #loginform .button-primary,
body.login.ww-layout-one #loginform .button-primary {
    background: linear-gradient(135deg, var(--ww-color-a, #117dc0), var(--ww-color-b, #032467));
    border: none;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    text-shadow: none;
    box-shadow: none;
    transition: transform 0.15s, box-shadow 0.15s;
}

.ww-layout-one #loginform .button-primary:hover,
body.login.ww-layout-one #loginform .button-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}