/* ==========================================================================
   Capitaling Bank — Login / Open an Account + My Account screens
   Reuses the same design tokens/classes as page-templates/template-dashboard.php
   (cb-dash-shell, cb-dash-sidebar, cb-dash-nav, cb-btn, cb-input-row, etc.)
   so the WooCommerce account pages feel like one continuous banking app.
   ========================================================================== */

/* ---- Login / Open an Account page (woocommerce/myaccount/form-login.php) ---- */

.cb-auth-wrap{padding:56px 0 80px;}
.cb-auth-head{text-align:center;max-width:560px;margin:0 auto 40px;}
.cb-auth-head p.cb-dash-eyebrow{justify-content:center;}
.cb-auth-shell{display:grid;grid-template-columns:1fr 1.3fr;gap:0;background:var(--cb-white);border:1px solid var(--cb-line);border-radius:var(--radius);overflow:hidden;align-items:stretch;}
.cb-auth-panel{padding:36px 34px;}
.cb-auth-panel-login{background:var(--cb-navy);color:var(--cb-white);}
.cb-auth-panel-login h2{color:var(--cb-white);}
.cb-auth-panel-login p{color:#a9bad3;}
.cb-auth-panel-register{background:var(--cb-white);border-left:1px solid var(--cb-line);}

.cb-form-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--cb-blue);margin:22px 0 10px;}
.cb-form-section-title:first-of-type{margin-top:0;}
.cb-auth-panel-login .cb-form-section-title{color:#7fb2ee;}

.cb-form-row{margin:0 0 16px;}
.cb-form-row label{display:block;font-size:12.5px;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.02em;color:var(--cb-steel);}
.cb-auth-panel-login .cb-form-row label{color:#c3d1e5;}
.cb-form-row .required{color:var(--cb-accent);}
.cb-auth-panel-login .cb-form-row .required{color:#ff8a93;}
.cb-form-row input[type="text"],
.cb-form-row input[type="email"],
.cb-form-row input[type="password"],
.cb-form-row input[type="date"],
.cb-form-row input[type="tel"],
.cb-form-row select{width:100%;padding:11px 13px;border:1px solid var(--cb-line);border-radius:var(--radius);font-family:var(--font);font-size:14.5px;color:var(--cb-ink);background:var(--cb-white);}
.cb-form-row input:focus,.cb-form-row select:focus{outline:2px solid var(--cb-blue);outline-offset:1px;}
.cb-form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

.cb-checkbox-row{display:flex;align-items:flex-start;gap:8px;margin:18px 0;font-size:13px;color:var(--cb-muted);}
.cb-auth-panel-login .cb-checkbox-row{color:#a9bad3;}
.cb-checkbox-row input{margin-top:3px;}

.cb-auth-panel .cb-btn{width:100%;margin-top:6px;}
.cb-auth-note{font-size:12.5px;color:var(--cb-muted);margin-top:14px;}
.cb-auth-panel-login .cb-auth-note{color:#8ba1c2;}
.cb-auth-panel-login .cb-auth-note a{color:#fff;text-decoration:underline;}

.woocommerce-error,.woocommerce-message,.woocommerce-info{list-style:none;margin:0 0 24px;padding:13px 16px;border-radius:var(--radius);font-size:13.5px;}
.woocommerce-error{background:#fdf2f2;border:1px solid #f0c9cc;color:#7a1c26;border-left:4px solid var(--cb-accent);}
.woocommerce-message{background:#eef7f0;border:1px solid #bfe0c7;color:#0a6b34;border-left:4px solid var(--cb-green);}
.woocommerce-info{background:#eaf2fb;border:1px solid #bcd6f2;color:#0a5cbf;border-left:4px solid var(--cb-blue);}

@media (max-width:820px){
	.cb-auth-shell{grid-template-columns:1fr;}
	.cb-auth-panel-register{border-left:none;border-top:1px solid var(--cb-line);}
	.cb-form-row-2col{grid-template-columns:1fr;}
}

/* ---- My Account (Orders / Wallet / Addresses / Edit Account / Logout) ---- */
/* Reuses .cb-dash-shell / .cb-dash-sidebar / .cb-dash-nav from the dashboard so
   every account screen keeps the exact same banking chrome. */

.cb-account-shell .cb-container{padding-top:36px;padding-bottom:60px;}
.cb-account-content .woocommerce-MyAccount-content > p:first-child{color:var(--cb-muted);}

.cb-account-content table.woocommerce-orders-table,
.cb-account-content table.shop_table{width:100%;border-collapse:collapse;background:var(--cb-white);border:1px solid var(--cb-line);}
.cb-account-content table.woocommerce-orders-table th,
.cb-account-content table.shop_table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--cb-steel);background:#fafbfc;padding:12px 14px;border-bottom:1px solid var(--cb-line);}
.cb-account-content table.woocommerce-orders-table td,
.cb-account-content table.shop_table td{padding:12px 14px;border-bottom:1px solid var(--cb-line);font-size:14px;}

.cb-account-content .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.cb-account-content .woocommerce-Address{background:var(--cb-white);border:1px solid var(--cb-line);border-radius:var(--radius);padding:20px;}
.cb-account-content .woocommerce-Address-title h3{font-size:15px;margin-bottom:10px;}
.cb-account-content .woocommerce-EditAccountForm .form-row,
.cb-account-content .woocommerce-address-fields .form-row{margin-bottom:16px;}
.cb-account-content .woocommerce-EditAccountForm label,
.cb-account-content .woocommerce-address-fields label{display:block;font-size:12.5px;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.02em;color:var(--cb-steel);}
.cb-account-content .woocommerce-EditAccountForm input,
.cb-account-content .woocommerce-EditAccountForm select,
.cb-account-content .woocommerce-address-fields input,
.cb-account-content .woocommerce-address-fields select{width:100%;max-width:420px;padding:11px 13px;border:1px solid var(--cb-line);border-radius:var(--radius);font-family:var(--font);font-size:14.5px;}
.cb-account-content .woocommerce-Button,
.cb-account-content button.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:var(--radius);font-weight:700;font-size:14px;border:2px solid var(--cb-navy);background:var(--cb-navy);color:var(--cb-white);cursor:pointer;text-transform:uppercase;letter-spacing:.02em;}
.cb-account-content .woocommerce-Button:hover,
.cb-account-content button.button:hover{background:var(--cb-navy-deep);border-color:var(--cb-navy-deep);}

@media (max-width:760px){
	.cb-account-content .woocommerce-Addresses{grid-template-columns:1fr;}
}