/* Cinderella's Picks — Account & Commerce */

body.woocommerce-account .cp-page-content,
body.woocommerce-cart .cp-page-content,
body.woocommerce-checkout .cp-page-content{
    width:70%;
    max-width:none;
    padding:55px 4vw 80px;
    background:linear-gradient(110deg,#fbf8f1,#fff);
    color:#39453d;
}

body.woocommerce-account .woocommerce,
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce{
    max-width:1100px;
    margin:0 auto;
}

/* Headings */
body.woocommerce-account h1,
body.woocommerce-cart h1,
body.woocommerce-checkout h1{
    color:#173f28;
}

body.woocommerce-account h2,
body.woocommerce-account h3,
body.woocommerce-cart h2,
body.woocommerce-cart h3,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3{
    color:#173f28;
}

/* Cards / forms */
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.lost_reset_password,
.woocommerce form.checkout,
.woocommerce .woocommerce-MyAccount-content,
.woocommerce .woocommerce-order,
.woocommerce .cart_totals,
.woocommerce .woocommerce-checkout-review-order{
    background:rgba(255,253,248,.88);
    border:1px solid #e7d6ad;
    border-radius:10px;
    padding:28px;
}

/* Inputs */
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
    width:100%;
    padding:13px 14px;
    border:1px solid #d8d4c8;
    border-radius:4px;
    background:#fff;
    color:#39453d;
    box-shadow:none;
}

.woocommerce input.input-text:focus,
.woocommerce textarea:focus,
.woocommerce select:focus{
    border-color:#d9b977;
    outline:2px solid rgba(217,185,119,.18);
}

/* Labels */
.woocommerce form .form-row label{
    color:#173f28;
    font-weight:600;
}

/* Buttons */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce button.button.alt,
.woocommerce a.button.alt{
    background:#173f28 !important;
    border:1px solid #173f28 !important;
    color:#fff !important;
    border-radius:4px !important;
    padding:14px 20px !important;
    font-weight:600;
    text-decoration:none;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover{
    background:#245738 !important;
    border-color:#245738 !important;
    color:#fff !important;
}

/* Links */
.woocommerce-account .woocommerce a,
.woocommerce-cart .woocommerce a,
.woocommerce-checkout .woocommerce a{
    color:#173f28;
}

.woocommerce-account .woocommerce a:hover,
.woocommerce-cart .woocommerce a:hover,
.woocommerce-checkout .woocommerce a:hover{
    color:#546158;
}

/* Notices — registration / verification / password / checkout */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
    border-radius:6px;
    background:#fffdf8;
    border:1px solid #e7d6ad;
    color:#39453d;
    padding:18px 22px 18px 48px;
}

.woocommerce-message{
    border-top:3px solid #173f28;
}

.woocommerce-info{
    border-top:3px solid #d9b977;
}

.woocommerce-error{
    border-top:3px solid #9b3d35;
}

.woocommerce-message::before{
    color:#173f28;
}

.woocommerce-info::before{
    color:#b68f42;
}

/* My Account navigation */
.woocommerce-account .woocommerce-MyAccount-navigation{
    width:24%;
}

.woocommerce-account .woocommerce-MyAccount-content{
    width:72%;
}

.woocommerce-MyAccount-navigation ul{
    list-style:none;
    margin:0;
    padding:0;
    border:1px solid #e7d6ad;
    border-radius:10px;
    overflow:hidden;
    background:#fffdf8;
}

.woocommerce-MyAccount-navigation li{
    margin:0;
    border-bottom:1px solid #e7d6ad;
}

.woocommerce-MyAccount-navigation li:last-child{
    border-bottom:0;
}

.woocommerce-MyAccount-navigation li a{
    display:block;
    padding:14px 18px;
    text-decoration:none;
    color:#173f28 !important;
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover{
    background:#173f28;
    color:#fff !important;
}

/* Tables */
.woocommerce table.shop_table{
    border:1px solid #e7d6ad;
    border-radius:8px;
    background:#fffdf8;
    overflow:hidden;
}

.woocommerce table.shop_table th{
    color:#173f28;
    background:#f7f1e5;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th{
    padding:14px;
    border-color:#e7d6ad;
}

/* Checkout */
.woocommerce-checkout #payment{
    background:#f7f1e5;
    border:1px solid #e7d6ad;
    border-radius:8px;
}

.woocommerce-checkout #payment div.payment_box{
    background:#fffdf8;
    color:#39453d;
}

/* Registration/login columns */
.woocommerce-account .u-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2{
    float:none;
    width:auto;
}

/* Order confirmation */
.woocommerce-order-overview{
    background:#fffdf8;
    border:1px solid #e7d6ad;
    border-radius:8px;
    padding:20px !important;
}

.woocommerce-order-overview li{
    color:#546158;
}

/* Inquiry button inherits CP branding */
.cp-inquiry-button{
    background:#173f28 !important;
    border-color:#173f28 !important;
    color:#fff !important;
}

/* Mobile */
@media(max-width:1100px){
    body.woocommerce-account .cp-page-content,
    body.woocommerce-cart .cp-page-content,
    body.woocommerce-checkout .cp-page-content{
        width:100%;
        padding:35px 24px 60px;
    }
}

@media(max-width:768px){
    .woocommerce-account .u-columns{
        grid-template-columns:1fr;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content{
        float:none;
        width:100%;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation{
        margin-bottom:24px;
    }

    .woocommerce form.login,
    .woocommerce form.register,
    .woocommerce form.lost_reset_password,
    .woocommerce form.checkout,
    .woocommerce .woocommerce-MyAccount-content,
    .woocommerce .woocommerce-order,
    .woocommerce .cart_totals,
    .woocommerce .woocommerce-checkout-review-order{
        padding:20px;
    }
}

/* My Account — wider login/register cards */
.woocommerce-account #customer_login{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(360px,1fr)) !important;
    gap:38px !important;
    align-items:start !important;
}

.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2{
    width:100% !important;
    max-width:none !important;
    float:none !important;
}

.woocommerce-account form.login,
.woocommerce-account form.register{
    width:100% !important;
    max-width:520px !important;
    padding:32px !important;
}

/* Wider username/password inputs */
.woocommerce-account form.login .form-row,
.woocommerce-account form.register .form-row{
    width:100% !important;
}

.woocommerce-account form.login input.input-text,
.woocommerce-account form.register input.input-text{
    width:100% !important;
    min-width:0 !important;
}

/* Create account shortcut */
.cp-create-account-link{
    display:inline-block;
    margin-top:18px;
    padding:13px 20px;
    background:#173f28;
    color:#fff !important;
    text-decoration:none;
    border-radius:4px;
    font-weight:600;
}

.cp-create-account-link:hover{
    background:#245738;
    color:#fff !important;
}

@media(max-width:900px){
    .woocommerce-account #customer_login{
        grid-template-columns:1fr !important;
    }
}

/* Fix WooCommerce col2-set clearfix interfering with account grid */
.woocommerce-account #customer_login::before,
.woocommerce-account #customer_login::after{
    content:none !important;
    display:none !important;
}

.woocommerce-account #customer_login{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:38px !important;
    width:100% !important;
    align-items:start !important;
}

.woocommerce-account #customer_login > .u-column1,
.woocommerce-account #customer_login > .u-column2{
    float:none !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}

.woocommerce-account #customer_login form.login,
.woocommerce-account #customer_login form.register{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
}

@media(max-width:900px){
    .woocommerce-account #customer_login{
        grid-template-columns:1fr !important;
    }
}

/* Dedicated registration */
.cp-register-shell{
    width:min(100%,620px);
    margin:0 auto;
    padding:32px;
    border:1px solid #e7d6ad;
    border-radius:10px;
    background:#fffdf8;
}

.cp-register-form{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.cp-register-form label{
    margin-top:8px;
    font-weight:600;
    color:#173f28;
}

.cp-register-form input{
    width:100%;
    padding:13px 14px;
    border:1px solid #d8d4c8;
    border-radius:4px;
    background:#fff;
}

.cp-register-form button{
    margin-top:15px;
}