/* =============================================
   VOD — WooCommerce My Account / Login page
   Dark cinematic styling to match the VOD theme
   ============================================= */

body.woocommerce-account {
    background-color: #0f172a;
    color: #f8fafc;
}

/* Hide default WP admin bar gap */
body.woocommerce-account.admin-bar {
    margin-top: 0 !important;
}

.woocommerce-account .woocommerce {
    max-width: 480px;
    margin: 60px auto;
    padding: 0 20px;
}

/* Tabs: Login / Register */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce ul.wc-tabs,
.woocommerce-account .u-columns {
    background: transparent;
}

/* Form wrapper */
.woocommerce-account .woocommerce-form,
.woocommerce form.login,
.woocommerce form.register {
    background-color: #1e293b;
    border: 1px solid #334155;
    border-radius: 12px;
    padding: 32px;
    margin-bottom: 24px;
}

/* Headings */
.woocommerce-account h2,
.woocommerce-account h3 {
    color: #f8fafc;
    font-size: 1.4rem;
    margin-bottom: 20px;
}

/* Labels */
.woocommerce-account label,
.woocommerce form label {
    color: #94a3b8;
    font-size: 0.875rem;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}

/* Inputs */
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="password"] {
    background-color: #0f172a;
    border: 1px solid #334155;
    border-radius: 6px;
    color: #f8fafc;
    padding: 10px 14px;
    width: 100%;
    font-size: 1rem;
    margin-bottom: 16px;
    transition: border-color 0.2s;
}

.woocommerce-account input[type="text"]:focus,
.woocommerce-account input[type="email"]:focus,
.woocommerce-account input[type="password"]:focus {
    border-color: #3b82f6;
    outline: none;
}

/* Submit buttons */
.woocommerce-account button[type="submit"],
.woocommerce form button[type="submit"],
.woocommerce-account .woocommerce-button,
.woocommerce-account .button {
    background: linear-gradient(to right, #3b82f6, #f59e0b) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 28px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: opacity 0.2s !important;
}

.woocommerce-account button[type="submit"]:hover {
    opacity: 0.9 !important;
}

/* Lost password / links */
.woocommerce-account .woocommerce-LostPassword a,
.woocommerce-account a {
    color: #3b82f6;
}

/* Remember me checkbox */
.woocommerce-account .woocommerce-form__label-for-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #94a3b8;
    font-size: 0.875rem;
    margin-bottom: 16px;
}

/* Error / notice messages */
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info {
    background-color: #1e293b;
    border-left: 4px solid #3b82f6;
    color: #f8fafc;
    border-radius: 6px;
    padding: 12px 16px;
    margin-bottom: 20px;
    list-style: none;
}

.woocommerce-account .woocommerce-error {
    border-left-color: #ef4444;
}

/* Two-column login/register layout */
.woocommerce-account .col2-set {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

@media (max-width: 640px) {
    .woocommerce-account .col2-set {
        grid-template-columns: 1fr;
    }
    .woocommerce-account .woocommerce {
        margin: 30px auto;
    }
}