.elementor-9406 .elementor-element.elementor-element-73ed4d2{--display:flex;}.elementor-9406 .elementor-element.elementor-element-73ed4d2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9406 .elementor-element.elementor-element-ca6baf3 img{height:156px;}.elementor-9406 .elementor-element.elementor-element-4d6d72e{--display:flex;}.elementor-9406 .elementor-element.elementor-element-e0fc4a8{text-align:center;}.elementor-9406 .elementor-element.elementor-element-94e4318{text-align:center;}.elementor-9406 .elementor-element.elementor-element-94e4318 .elementor-heading-title{font-size:18px;}.elementor-9406 .elementor-element.elementor-element-165ef95{--display:flex;}@media(max-width:1024px){.elementor-9406 .elementor-element.elementor-element-e0fc4a8{text-align:center;}.elementor-9406 .elementor-element.elementor-element-94e4318{text-align:center;}.elementor-9406 .elementor-element.elementor-element-94e4318 .elementor-heading-title{font-size:18px;}}@media(min-width:768px){.elementor-9406 .elementor-element.elementor-element-73ed4d2{--width:23%;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-eb41408 *//* ===== Side-by-side login + register ===== */
.woocommerce {
    max-width: 900px !important;
}

.u-columns,
.woocommerce .col2-set {
    display: flex !important;
    gap: 24px;
    flex-wrap: wrap;
}

.woocommerce .u-column1,
.woocommerce .u-column2 {
    flex: 1 1 0 !important;
    width: auto !important;
    margin-bottom: 0 !important;
}

/* Stack again on mobile so it's not squished */
@media (max-width: 600px) {
    .u-columns,
    .woocommerce .col2-set {
        flex-direction: column !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* ===== Gate background — deep navy-black ===== */
body {
    background: #0a0e1a !important;
}
.elementor-widget-shortcode,
.woocommerce {
    max-width: 480px;
    margin: 20px auto;
    display: block !important;
}

/* ===== Form cards ===== */
.woocommerce .u-column1,
.woocommerce .u-column2,
.woocommerce form.login,
.woocommerce form.register {
    background: #111728 !important;
    border: 1px solid #1e2740;
    border-radius: 14px;
    padding: 26px 24px !important;
    margin-bottom: 22px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.45);
    width: 100% !important;
    float: none !important;
}

/* ===== Headings ===== */
.woocommerce h2 {
    color: #ffffff !important;
    font-size: 1.3rem !important;
    margin-bottom: 16px !important;
}

/* ===== Labels + helper text ===== */
.woocommerce label,
.woocommerce p {
    color: #9aa3b2 !important;
}

/* ===== Inputs — white box, black text, no iPhone zoom ===== */
.woocommerce input.input-text,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"] {
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    border: 1px solid #1e2740 !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    width: 100% !important;
    font-size: 16px !important;
}

/* ===== Buttons — royal blue ===== */
.woocommerce button.button,
.woocommerce .button {
    background: #2563eb !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 13px 26px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer;
    transition: background .2s;
}
.woocommerce button.button:hover,
.woocommerce .button:hover {
    background: #1d4fd0 !important;
}

/* ===== Links — accent blue ===== */
.woocommerce a {
    color: #3b82f6 !important;
}

/* ===== Hide broken lost-password link ===== */
.woocommerce-LostPassword.lost_password {
    display: none !important;
}

/* ===== Login / Register tabs — full row on top ===== */
.gate-tabs {
    display: flex !important;
    width: 100% !important;
    max-width: 460px;
    margin: 24px auto 18px !important;
    gap: 10px;
}
.gate-tab {
    flex: 1 1 50% !important;
    height: auto !important;
    align-self: flex-start !important;
    padding: 12px !important;
    text-align: center;
    background: #111728;
    color: #9aa3b2;
    border: 1px solid #1e2740;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    font-size: 1rem;
}
.gate-tab.active {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
}

/* ===== Mobile spacing ===== */
@media (max-width: 600px) {
    .woocommerce .u-column1,
    .woocommerce .u-column2,
    .woocommerce form.login,
    .woocommerce form.register {
        padding: 22px 18px !important;
    }
    body {
        padding: 10px 14px 40px !important;
    }
}/* End custom CSS */