/*
 Theme Name:   Storefront Child
 Theme URI:    http://example.com/storefront-child
 Description:  Storefront Child Theme for Passwordless Login
 Author:       Antigravity
 Author URI:   http://example.com
 Template:     storefront
 Version:      1.0.0
 License:      GPLv2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  storefront-child
*/

/* Fix Login Me Now modal text colors - IMPORTANT */
.login-me-now-modal-content,
.login-me-now-modal-content *,
div[class*="login-me-now"] *,
div[class*="magic-link"] * {
    color: #333 !important;
}

.login-me-now-modal-content h2,
.login-me-now-modal-content h3,
.login-me-now-modal-content h4 {
    color: #000 !important;
}

.login-me-now-modal-content input[type="email"],
.login-me-now-modal-content input[type="text"] {
    color: #333 !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
}

.login-me-now-modal-content label,
.login-me-now-modal-content p {
    color: #333 !important;
}

.login-me-now-modal-content a {
    color: #0073aa !important;
    text-decoration: underline !important;
}

.login-me-now-modal-content .login-me-now-close {
    color: #666 !important;
}

/* Ensure buttons have good contrast */
.login-me-now-modal-content button {
    color: #fff !important;
}

/* --- HEADER STYLE (White background, black text) --- */
.site-header {
    background-color: #ffffff !important;
}

.site-title a,
.site-description,
.main-navigation ul li a,
.site-header-cart .cart-contents,
.site-header-search input[type="search"] {
    color: #333333 !important;
}

.main-navigation ul li a:hover {
    color: #000000 !important;
}

/* Search input styling for white header */
.site-header-search input[type="search"] {
    background-color: #f4f4f4 !important;
    border: 1px solid #dddddd !important;
}

.site-header-search input[type="search"]::placeholder {
    color: #999999 !important;
}


/* --- HIDE SUPERFLUOUS ELEMENTS ON MY ACCOUNT PAGE --- */

/* Hide sidebar and expand content area */
.woocommerce-account .widget-area,
.woocommerce-account #secondary {
    display: none !important;
}

.woocommerce-account .content-area,
.woocommerce-account #primary,
.woocommerce-cart .content-area,
.woocommerce-cart #primary,
.woocommerce-checkout .content-area,
.woocommerce-checkout #primary,
.woocommerce-shop .content-area,
.woocommerce-shop #primary,
.archive.tax-product_cat .content-area,
.archive.tax-product_cat #primary,
.archive.tax-product_tag .content-area,
.archive.tax-product_tag #primary {
    width: 100% !important;
    float: none !important;
}

/* Hide sidebar and expand content area on Cart, Checkout, Shop and Archive pages */
.woocommerce-cart .widget-area,
.woocommerce-cart #secondary,
.woocommerce-checkout .widget-area,
.woocommerce-checkout #secondary,
.woocommerce-shop .widget-area,
.woocommerce-shop #secondary,
.archive.tax-product_cat .widget-area,
.archive.tax-product_cat #secondary,
.archive.tax-product_tag .widget-area,
.archive.tax-product_tag #secondary {
    display: none !important;
}

/* Hide breadcrumbs */
.woocommerce-account .storefront-breadcrumb {
    display: none !important;
}

/* Hide Register section */
.woocommerce-account .u-column2,
.woocommerce-account .col-2,
.woocommerce-account .woocommerce-form-register {
    display: none !important;
}

/* Center Login section and make it look clean */
.woocommerce-account .u-column1,
.woocommerce-account .col-1 {
    width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
    max-width: 500px !important;
}

.woocommerce-account .u-column1 h2 {
    text-align: center !important;
}

.woocommerce-form-login {
    text-align: center !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px !important;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.05);
}

/* Hide traditional login fields and buttons */
.woocommerce-form-login p.form-row:not(.login-me-now-button-wrapper),
.woocommerce-form-login p.woocommerce-FormRow:not(.login-me-now-button-wrapper),
.woocommerce-form-login .woocommerce-form-login__rememberme,
.woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-form-login .lost_password,
.woocommerce-form-login .woocommerce-form-login__separator,
.woocommerce-form-login .login-me-now-separator,
.woocommerce-form-login .lmn-separator,
.woocommerce-form-login .or-separator {
    display: none !important;
}

/* Hide ANY text or element after the login button (especially the "Or") */
.woocommerce-form-login .login-me-now-button-wrapper~* {
    display: none !important;
}

/* Special fix for the "Or" text if it's not a sibling */
.login-me-now-separator,
.or-separator,
.lmn-separator,
#wp-login-login-me-now-buttons div[style*="text-align: center"],
#wp-login-login-me-now-buttons .lmn_magic_link_login+div {
    display: none !important;
}