/* ========== Kiwisafety Login Page - Final Optimized Version ========== */

/* 1. 基础容器与布局设置 */
.customer-account-login .col-main {
    max-width: 980px;
    margin: 40px auto;
    padding: 40px 20px 0 20px !important;
    box-sizing: border-box;
}

/* 隐藏冗余的大标题 */
.customer-account-login .page-title {
    display: none !important;
}

/* 两栏外框容器 */
.customer-account-login .col2-set {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 16px rgba(0,0,0,0.08) !important;
    background: #fff !important;
    width: 100% !important;
    float: none !important;
    align-items: stretch !important; /* 确保左右栏等高 */
}

/* 2. 左栏：注册区 (位置已提升) */
.customer-account-login .col2-set .col-1 {
    width: 38% !important;
    background: #0a2a1a !important;
    padding: 30px 36px 48px 36px !important; /* 顶部间距缩小至30px，提升位置 */
    box-sizing: border-box !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* 左栏标题优化 */
.customer-account-login .col2-set .col-1 .block-title h2,
.customer-account-login .col2-set .col-1 h2 {
    color: #4caf78 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    border-bottom: none !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

/* 左栏文字描述 */
.customer-account-login .col2-set .col-1 p {
    color: rgba(255,255,255,0.65) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin-bottom: 6px !important;
}

/* 左栏功能列表 */
.customer-account-login .col2-set .col-1 ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 12px 0 24px 0 !important;
}

.customer-account-login .col2-set .col-1 ul li {
    color: rgba(255,255,255,0.7) !important;
    font-size: 13px !important;
    padding: 5px 0 5px 18px !important;
    position: relative !important;
}

.customer-account-login .col2-set .col-1 ul li:before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 12px !important;
    width: 7px !important;
    height: 4px !important;
    border-left: 1.5px solid #4caf78 !important;
    border-bottom: 1.5px solid #4caf78 !important;
    -webkit-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
}

/* 左栏注册按钮 */
.customer-account-login .col2-set .col-1 .button {
    display: inline-block !important;
    width: auto !important;
    min-width: 140px !important;
    padding: 0 24px !important;
    height: 40px !important;
    line-height: 40px !important;
    background: transparent !important;
    border: 1px solid #4caf78 !important;
    border-radius: 5px !important;
    color: #4caf78 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    text-align: center !important;
}

.customer-account-login .col2-set .col-1 .button:hover {
    background: #4caf78 !important;
    color: #0a2a1a !important;
}

/* 3. 右栏：登录区 */
.customer-account-login .col2-set .col-2 {
    width: 62% !important;
    padding: 48px 44px !important;
    box-sizing: border-box !important;
    float: none !important;
    background: #fff !important;
}

.customer-account-login .col2-set .col-2 .block-title h2,
.customer-account-login .col2-set .col-2 h2 {
    color: #222 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    border-bottom: none !important;
    margin-bottom: 24px !important;
}

/* 输入框与标签样式 */
.customer-account-login .col2-set .col-2 label {
    font-size: 13px !important;
    color: #555 !important;
    display: block !important;
    margin-bottom: 5px !important;
}

.customer-account-login .col2-set .col-2 input[type="text"],
.customer-account-login .col2-set .col-2 input[type="email"],
.customer-account-login .col2-set .col-2 input[type="password"] {
    width: 100% !important;
    max-width: none !important;
    padding: 10px 12px !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    background: #f9f9f9 !important;
    box-sizing: border-box !important;
}

.customer-account-login .col2-set .col-2 input:focus {
    border-color: #1a5c35 !important;
    background: #fff !important;
    outline: none !important;
}

/* 4. 登录按钮 (通栏绿色) */
.col2-set .col-2 .buttons-set {
    display: block !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 20px 0 4px 0 !important;
}

.col2-set .col-2 .buttons-set button#send2.button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    background: #1a5c35 !important;
    height: 44px !important;
    border-radius: 5px !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    text-align: center !important;
}

.col2-set .col-2 .buttons-set button#send2.button span,
.col2-set .col-2 .buttons-set button#send2.button span span {
    background: transparent !important;
    color: #fff !important;
}

/* 5. 社交登录区优化 (修复手机显示) */
.customer-account-login .pslogin-spacer {
    display: block !important;
    border: none !important;
    margin: 4px 0 !important;
    padding: 4px 0 !important;
    line-height: 1.2 !important;
    text-align: center;
}

.customer-account-login .pslogin-block {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 4px !important;
    padding-top: 0 !important;
    border: none !important;
}

/* 6. 杂项修复 (清理、隐藏、响应式) */
.customer-account-login .col2-set .col-2 a {
    color: #888 !important;
    font-size: 12px !important;
}

/* 隐藏不需要的链接 */
.customer-account-login .remember-me-popup-link,
.customer-account-login a[onclick*="remember"],
.customer-account-login a[href="#"] {
    display: none !important;
}

/* 手机端自动变为单列布局 */
@media (max-width: 767px) {
    .customer-account-login .col2-set .col-1,
    .customer-account-login .col2-set .col-2 {
        width: 100% !important;
    }
    .customer-account-login .pslogin-block, 
    .customer-account-login .pslogin-spacer {
        display: block !important;
    }
}

//* Checkout page - move social login buttons up */
.opc #opc-login .pslogin-buttons,
.opc .pslogin-buttons,
#checkout-step-login .pslogin-buttons {
    margin-top: -30px !important;
}* ========== End of CSS ========== */
/* Remove grey background from Create an Account button */
.new-users .buttons-set button.button span,
.col-1 button.button span,
.buttons-set button.button span {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

.new-users .buttons-set button.button,
.col-1 button.button {
    background: transparent !important;
    background-image: none !important;
    border: 1px solid #999 !important;
}

.customer-account-login .pslogin-spacer {
    margin-bottom: 16px !important;
    margin-top: 0 !important;
}