body {background-image: url(https://bridgeclassiccars.co.uk/wp-content/themes/bridge-classiccars/img/light-back.svg), linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075)); background-blend-mode: multiply;}

.woocommerce form .form-row label {line-height: 1.5em !important;}
.woocommerce-MyAccount-navigation {display:none;}
.woocommerce-account .woocommerce-MyAccount-content {width: 100%;}
.my_account_orders button {background-color: #e9e6ed !important; padding: .618em 1em !important; color: #000 !important; font-size: 1em !important;}

.myaccount-thumb { display: inline-block;margin-right: 10px;}
.wc-item-meta {padding-inline-start: 0 !important;}

.account-menu ul {list-style-type: none; margin: 0; padding: 0;}
.account-menu li {font-size: 1.05em; font-weight: 600; margin-bottom: 12px;}
.account-menu li a {color: #000;}
.account-menu li a:hover, .account-menu .current-menu-item a {color: #000;}

.woocommerce-MyAccount-navigation {
display:none;
}

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

.my-account-desktop {margin-right: 6px; display: inline-block;}
.my-account-desktop a, .my-account-mobile a {color: #fff; font-size: 0.85em; font-weight: 600; line-height: normal; line-height: 1em;}
.my-account-mobile {display: none;}
.my-account-desktop img {width: 19px; height: auto; margin-top: -8px; opacity: 0.5;}
.my-account-mobile img {width: 19px; height: auto; opacity: 0.5;}
.my-account-desktop img:hover, .my-account-mobile  img:hover {opacity: 1;}
			
@media screen and (max-width: 979px) {
.my-account-desktop, .head-social {display: none;}
.my-account-mobile {display: block;}
}

.account-menu {display: block; border-radius: 12px; border: 0; background: #fff; padding: 30px;}
.account-menu-checkbox {display: none;}
.account-menu-label {display :none;}
.account-menu-label::after {content: ''; display: inline-block; width: 6px; height: 6px; border: solid black; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform 0.3s ease;}
.account-panel {border-radius: 12px; border: 0; background: #fff; padding: 25px;}
.account-panel h3 {margin-bottom: 20px;}
.members-only-section {display: none;}
.member-benefit {border-radius: 12px; background: #F0F0F0; padding: 25px; margin-bottom: 25px;}
.member-benefit h4 {font-size: 1.4em; margin-bottom: 10px;}
.member-benefit p {margin-bottom: 22px;}
.benefit-image {float: none; width: 100%; height: 190px; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 18px;}
.mem-link a {font-weight: 700 !important;}

.benefit-plug {border-radius: 12px; display:flex; justify-content: space-between; align-items: stretch; margin: 25px 0;}
.benefit-plug h4 {font-size: 1.4em; margin-bottom: 5px;}
.benefit-plug p {margin-bottom: 22px;}
.benefit-plug ul {margin-block-start: 0.5em; padding-inline-start: 16px;}
.benefit-plug-content {width: 55%; padding: 30px;}
.benefit-plug-content img {width: 185px; margin-bottom: 12px;}
.benefit-plug-image {width: 45%; background-repeat: no-repeat; background-size: cover; background-position: center center; height: auto; align-self: stretch; border-radius: 0 12px 12px 0;}

.custom-register-container {max-width: 420px; margin: 80px auto; padding: 40px; border: 1px solid #ddd; border-radius: 15px; background: #fff;}
.custom-register-container h2 {text-align: center; text-transform: initial !important; margin-bottom: 10px; font-size: 1.5em;}
.custom-register-container .subhead { text-align:center; font-size:14px; margin-bottom:15px; }
.tab-switch {display:flex; justify-content:center; gap:10px; margin-bottom:20px;}
.tab-switch button {width:auto; padding:8px 14px; border-radius:20px; background:#eee; color:#000;}
.tab-switch button.active {background:#000;color:#fff;}
#resend-btn {color: #999; cursor: not-allowed; pointer-events: none; opacity: 0.6; text-decoration: none; border-bottom: none;}
#resend-btn.active {color: #000; cursor: pointer; pointer-events: auto; opacity: 1; text-decoration: underline;}	
#auth-msg {transition: color 0.2s ease;}
#auth-msg.success {color: #1a7f37;}
#auth-msg.error {color: #c62828;}
.password-field {position: relative;}
.password-field input {box-sizing: border-box; height: 44px;}
.password-field img {position: absolute; top: 38%; right: 10px; transform: translateY(-50%); width: 24px; height: 24px; cursor: pointer;}
#password-strength {display: none;}

@media (max-width: 768px) {
	.account-menu {border-top: none; border-radius: 0 0 12px 12px; padding: 20px 30px 10px 30px;}
	.account-menu {display: none;}
	.account-menu a {display: block;}
	.account-menu-checkbox:checked + .account-menu-label + .account-menu {display: block;}
.account-menu-label {display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; background-color: #efefef; padding: 15px 30px; font-weight: 500; cursor: pointer; border: 1px solid #D2D2D2; border-radius: 12px; margin: 0 !important; box-sizing: border-box; width: 100%;}
	.account-menu-checkbox:checked + .account-menu-label {border-bottom: none; border-radius: 12px 12px 0 0;}
	.account-menu-checkbox:checked + .account-menu-label::after {transform: rotate(-135deg);}
	
	.benefit-plug {flex-direction: column;}
.benefit-plug-image {order: -1; width: 100%; height: 170px; border-radius: 12px 12px 0 0;}
.benefit-plug-content {width: 100%; padding: 10px 20px 20px 20px;}
}