/* JobsJetzt — My Account: branded login (guests) + dashboard (members). */

/* Hide the theme's page title ("My account") on this page. */
.woocommerce-account .entry-title,
.woocommerce-account .page-header,
.woocommerce-account header.entry-header { display: none !important; }

.woocommerce-account .woocommerce { font-family: 'Manrope', sans-serif; color: #2A2C33; }
.woocommerce-account .woocommerce h2,
.woocommerce-account .woocommerce h3 { font-family: 'Sora', sans-serif; color: #15161A; }

/* ---- Brand inputs ---- */
.woocommerce-account .woocommerce form .input-text,
.woocommerce-account .woocommerce form input[type="text"],
.woocommerce-account .woocommerce form input[type="email"],
.woocommerce-account .woocommerce form input[type="password"],
.woocommerce-account .woocommerce form input[type="tel"],
.woocommerce-account .woocommerce form select {
	width: 100%; border: 1.5px solid #E2E1DB !important; border-radius: 10px !important; padding: 12px 14px;
	font-family: 'Manrope', sans-serif; font-size: 15px; color: #15161A; background: #fff; box-shadow: none;
}
.woocommerce-account .woocommerce form .input-text:focus,
.woocommerce-account .woocommerce form input:focus,
.woocommerce-account .woocommerce form select:focus { border-color: #E2001A !important; box-shadow: 0 0 0 3px rgba(226,0,26,.08); outline: none; }
.woocommerce-account .woocommerce label { font-weight: 600; font-size: 14px; color: #15161A; }

/* ---- Brand buttons ---- */
.woocommerce-account .woocommerce .button,
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input.button {
	background: #E2001A !important; color: #fff !important; border: none !important; border-radius: 10px !important;
	font-family: 'Manrope', sans-serif !important; font-weight: 600 !important; font-size: 15px !important;
	padding: 13px 26px !important; transition: background-color .15s; cursor: pointer; text-shadow: none;
}
.woocommerce-account .woocommerce .button:hover,
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce input.button:hover { background: #C40016 !important; }

/* ============ Guest: login ============ */
.woocommerce-account:not(.logged-in) .woocommerce { max-width: 440px; margin: 46px auto 70px; }
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .col-1 { width: 100%; float: none; margin: 0; padding: 0; }
.woocommerce-account #customer_login .u-column2,
.woocommerce-account #customer_login .col-2 { display: none; } /* registration is off */
.woocommerce-account #customer_login h2 { font-size: 25px; text-align: center; margin: 0 0 22px; }
.woocommerce-account form.woocommerce-form-login {
	background: #fff; border: 1px solid #ECEBE6; border-radius: 16px; padding: 32px 30px; box-shadow: 0 14px 40px rgba(21,22,26,.05);
}
.woocommerce-account form.woocommerce-form-login .button { width: 100%; display: block; text-align: center; margin-top: 4px; }
.woocommerce-account .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: 7px; font-weight: 500; font-size: 13.5px; color: #5B5E66; }
.woocommerce-account .lost_password { text-align: center; margin-top: 14px; }
.woocommerce-account .lost_password a { color: #E2001A; font-weight: 600; font-size: 14px; }

/* ============ Member: dashboard ============ */
.woocommerce-account.logged-in .woocommerce { max-width: 1080px; margin: 30px auto 80px; }
.woocommerce-account.logged-in .woocommerce::after { content: ""; display: block; clear: both; }
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
	float: left !important; width: 25% !important; margin: 0 !important;
	background: #fff; border: 1px solid #ECEBE6; border-radius: 16px; padding: 14px;
}
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.woocommerce-MyAccount-navigation li { margin: 0; border: 0; padding: 0; }
.woocommerce-MyAccount-navigation li a {
	display: block; padding: 11px 15px; border-radius: 10px; color: #2A2C33; font-weight: 600; font-size: 14.5px;
	text-decoration: none; transition: background-color .12s, color .12s;
}
.woocommerce-MyAccount-navigation li a:hover { background: #FAFAF8; color: #E2001A; }
.woocommerce-MyAccount-navigation li.is-active a { background: #E2001A; color: #fff; }

.woocommerce-account.logged-in .woocommerce-MyAccount-content {
	float: right !important; width: 72% !important; margin: 0 !important;
	background: #fff; border: 1px solid #ECEBE6; border-radius: 16px; padding: 32px; min-width: 0; line-height: 1.65;
}
.woocommerce-MyAccount-content h2 { font-size: 22px; margin: 0 0 16px; }
.woocommerce-MyAccount-content a:not(.button) { color: #E2001A; font-weight: 600; }
.woocommerce-MyAccount-content .woocommerce-Message,
.woocommerce-MyAccount-content mark { background: #FFF4D6; color: #7A5B00; }

/* Account tables (orders / subscriptions) — modern borderless */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table { border: 0; border-collapse: collapse; width: 100%; font-size: 14px; margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th { border: 0; border-bottom: 2px solid #ECEBE6; padding: 10px 8px; font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em; color: #7B7E86; text-align: left; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody td { border: 0; border-bottom: 1px solid #F4F3EF; padding: 14px 8px; vertical-align: middle; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr:last-child td { border-bottom: 0; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table .woocommerce-button { padding: 8px 16px !important; font-size: 13px !important; }

@media (max-width: 860px) {
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
	.woocommerce-account.logged-in .woocommerce-MyAccount-content { float: none !important; width: 100% !important; }
	.woocommerce-account.logged-in .woocommerce-MyAccount-content { margin-top: 24px !important; }
}
