:root { 
    --b2b-primary: #B42A24; 
    --b2b-accent: #332B80; 
    --b2b-card-bg: #ffffff; 
    --b2b-text: #1f2937; 
    --b2b-border: #e5e7eb; 
}

/* PHONE INPUT FIXES */
.iti { width: 100%; display: block; margin-bottom: 5px; }
.iti__country-list { z-index: 1000 !important; white-space: nowrap; }

/* Wrapper - Transparent */
.britway-auth-wrapper { 
    display: flex; justify-content: center; align-items: center; 
    padding: 40px 20px; 
    background: transparent; 
    min-height: 70vh; 
}

.britway-auth-container { 
    background: var(--b2b-card-bg); width: 100%; max-width: 450px; 
    border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); 
    overflow: hidden; border: 1px solid var(--b2b-border); 
    transition: height 0.3s ease; 
}

/* Tabs - Enhanced Visuals */
.britway-auth-tabs { 
    display: flex; 
    background: #f1f5f9; 
    border-bottom: 1px solid #e2e8f0; 
}

.auth-tab { 
    flex: 1; 
    padding: 18px; 
    border: none; 
    background: transparent; 
    font-weight: 600; 
    color: #64748b; 
    cursor: pointer; 
    transition: all 0.2s ease; 
    font-size: 16px; 
    border-bottom: 3px solid transparent; 
    position: relative;
}

.auth-tab:hover { 
    color: var(--b2b-accent); 
    background: rgba(51, 43, 128, 0.05); 
}

.auth-tab.active { 
    background: #ffffff; 
    color: var(--b2b-accent); 
    border-bottom-color: var(--b2b-accent); 
    box-shadow: 0 -2px 5px rgba(0,0,0,0.02); 
}

/* Form Body */
.britway-auth-form { padding: 35px; display: none; animation: fadeIn 0.3s ease; }
.britway-auth-form.active { display: block; }
.britway-auth-form h3 { margin: 0 0 8px; color: var(--b2b-text); font-size: 24px; font-weight: 700; }
.auth-subtitle { margin: 0 0 25px; color: #6b7280; font-size: 15px; }
.auth-footer-text { font-size: 16px !important; margin-top: 15px; color: #6b7280; text-align: center; }

/* Inputs */
.britway-field-group { margin-bottom: 22px; position: relative; }
.britway-field-group label { display: block; font-size: 15px; font-weight: 600; margin-bottom: 8px; color: var(--b2b-text); }

/* Text Inputs Only (Not Checkbox) */
.britway-field-group input:not([type='checkbox']) { 
    width: 100%; padding: 14px 16px; 
    border: 1px solid var(--b2b-border); border-radius: 6px; 
    font-size: 16px; 
    background: #fff; color: #333; height: 52px; box-sizing: border-box; 
    transition: border-color 0.2s;
}

/* Grey Placeholder Text */
.britway-field-group input::placeholder {
    color: #9ca3af; 
    opacity: 1; 
}

.britway-field-group input:focus { border-color: var(--b2b-accent); outline: none; box-shadow: 0 0 0 3px rgba(51, 43, 128, 0.1); }

/* Checkbox Fix */
.britway-field-group input[type='checkbox'] {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 10px !important;
    margin-top: 0 !important;
    accent-color: var(--b2b-primary); 
    display: inline-block !important;
    float: none !important; 
    vertical-align: middle !important;
    position: static !important;
    border: 1px solid #ccc !important;
}

/* Forgot Link */
.forgot-link-high-vis { 
    font-size: 14px; color: var(--b2b-accent) !important; 
    text-decoration: underline !important; font-weight: 700 !important;
    transition: color 0.2s;
}
.forgot-link-high-vis:hover { color: var(--b2b-primary) !important; }

/* Primary Button */
.britway-btn-primary { 
    width: 100%; background: var(--b2b-primary); color: #fff; border: none; 
    padding: 16px; border-radius: 6px; 
    font-weight: 700; font-size: 17px; 
    cursor: pointer; transition: background 0.2s; 
    display: flex; justify-content: center; align-items: center; 
    margin-top: 10px;
}
.britway-btn-primary:hover { background: #92201b; }
.britway-btn-primary:disabled { opacity: 0.7; cursor: not-allowed; }

/* Messages */
.auth-response-message { margin-bottom: 20px; font-size: 15px; padding: 12px; border-radius: 4px; display: none; line-height: 1.4; }
.auth-response-message.error { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }
.auth-response-message.success { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }

.btn-loader { border: 2px solid rgba(255,255,255,0.3); border-top: 2px solid #fff; border-radius: 50%; width: 18px; height: 18px; animation: spin 1s linear infinite; display: none; margin-left: 10px; }

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

/* HIDE DEFAULT FORMS & PAGE TITLES */
.woocommerce-form-login-toggle, 
.woocommerce-form-register-toggle, 
.woocommerce-form-login, 
.woocommerce-form-register, 
.u-columns.col2-set, 
#customer_login,
.woocommerce h2,        /* Standard Woo Header */
.entry-title,           /* Standard Theme Page Title */
.page-title,            /* Alternate Theme Page Title */
h1.elementor-heading-title /* Elementor Title */
{ 
    display: none !important; 
}

/* Mobile Tweaks */
@media (max-width: 480px) {
    .britway-auth-container { border-radius: 0; border: none; box-shadow: none; max-width: 100%; }
    .britway-auth-wrapper { padding: 0; background: #fff; align-items: flex-start; }
    .britway-auth-form { padding: 25px 20px; }
}

/* PASS TOGGLE */
.britway-pass-toggle {
    transition: opacity 0.2s;
}
.britway-pass-toggle:hover { opacity: 1 !important; }