/*
Theme Name: Hello Elementor Child - BeyondMD Account UI
Description: Child theme of Hello Elementor with a fully redesigned login, register, and My Account (dashboard, orders, addresses, account details) experience for BeyondMD.
Template: hello-elementor
Version: 1.2.0
Text Domain: bmd-account
*/





/* my account page */
.post-90 .page-header{
	display:none;
}
.post-90 .bmd-field label + br {
    display: none !important;
}
/* Remove all <br> tags inside the remember section */
.bmd-remember br {
    display: none !important;
}
.woocommerce-form .show-password-input::before {
    filter: brightness(0) invert(1) !important;
}
.bmd-remember{
	margin-top:24px !important;
}   
/* Remove <br> inside the login button */
.bmd-btn br {
    display: none !important;
}

/* Full-width login button */
.bmd-btn {
    width: 100% !important;
    display: block !important;
    padding: 14px 20px !important;
    background: #000052 !important;   /* Change to your desired color */
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: 0.3s ease;
}
.post-90 br{
	 display: none !important;
}
.post-90 .bmd-btn{
	margin-bottom:20px !important;
}
.bmd-auth-panel{
	background:none;
}
/* Hide header on My Account login page */
/* Hide EHF header only on My Account login/register */
body.woocommerce-account:not(.logged-in) .ehf-header,
body.woocommerce-account:not(.logged-in) header.elementor-location-header,
body.woocommerce-account:not(.logged-in) .elementor-location-header,
body.woocommerce-lost-password .ehf-header,
body.woocommerce-lost-password header.elementor-location-header,
body.woocommerce-lost-password .elementor-location-header {
    display: none !important;
}
/* Remove the gap */
body.woocommerce-account:not(.logged-in) #content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.bmd-auth{
	padding-top:80px !important;
}
.bmd-auth-panel .bmd-logo{
	width:230px !important
}
.woocommerce-privacy-policy-text{
	font-size:13px !important;
}
body.logged-in.page-id-90 .e-con > .e-con-inner {
    max-width: 1400px !important;
}
/* =========================================================
   Single order view — revamped
   ========================================================= */

/* Intro line + status pill */
.woocommerce-order-details::before,
.bmd-order-intro {
  color: var(--bmd-text-muted);
  font-size: 14px;
  margin-bottom: 20px;
  display: block;
}
.bmd-order-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}
.bmd-order-status-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; }
.bmd-order-status-pill.processing { background: var(--bmd-amber-dim); color: var(--bmd-amber); }
.bmd-order-status-pill.processing::before { background: var(--bmd-amber); }
.bmd-order-status-pill.completed { background: var(--bmd-teal-dim); color: var(--bmd-teal); }
.bmd-order-status-pill.completed::before { background: var(--bmd-teal); }




.elementor-element-25273c5.e-con-inner {
    width: auto !important;
}

/* =========================================================
   FINAL OVERRIDE — My Account single order view only
   (scoped to body.woocommerce-account so Thank You /
   checkout pages keep their existing black theme untouched)
   ========================================================= */

body.woocommerce-account .woocommerce-order-details,
body.woocommerce-account .prewoo-split-totals-table {
  background: var(--bmd-surface) !important;
  background-color: var(--bmd-surface) !important;
}

body.woocommerce-account .woocommerce-order-details {
  border: 1px solid var(--bmd-border) !important;
  border-radius: var(--bmd-radius-lg) !important;
  padding: 28px !important;
  margin: 0 0 20px !important;
}

body.woocommerce-account .woocommerce-order-details__title {
  font-family: var(--bmd-font-display) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--bmd-text) !important;
  margin: 0 0 18px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--bmd-border-soft) !important;
}

body.woocommerce-account .prewoo-split-totals-table,
body.woocommerce-account .prewoo-split-totals-table thead,
body.woocommerce-account .prewoo-split-totals-table tbody,
body.woocommerce-account .prewoo-split-totals-table tfoot,
body.woocommerce-account .prewoo-split-totals-table tr,
body.woocommerce-account .prewoo-split-totals-table th,
body.woocommerce-account .prewoo-split-totals-table td {
  background: transparent !important;
  background-color: transparent !important;
}

/* Header row */
body.woocommerce-account .prewoo-split-totals-table thead th {
  color: var(--bmd-text-faint) !important;
  font-family: var(--bmd-font-mono) !important;
  font-size: 13px !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid var(--bmd-border-soft) !important;
  padding: 0 12px 12px 0px !important;
}

/* Product rows */
body.woocommerce-account .prewoo-split-totals-table tbody tr.order_item {
  border-bottom: 1px solid var(--bmd-border-soft) !important;
}
body.woocommerce-account .prewoo-split-totals-table tbody td {
  color: var(--bmd-text) !important;
  padding: 20px 0px !important;
}
body.woocommerce-account .prewoo-split-totals-table tbody td.product-name a,
body.woocommerce-account .product-name a {
  color: var(--bmd-text) !important;
  font-weight: 600 !important;
}
body.woocommerce-account .prewoo-split-totals-table tbody td.product-total {
  color: var(--bmd-text) !important;
  font-weight: 600 !important;
}
body.woocommerce-account .prewoo-split-totals-table .prewoo-product-line-note {
  color: var(--bmd-text-faint) !important;
}
body.woocommerce-account .prewoo-split-totals-table tbody td.product-name .product-quantity {
  color: var(--bmd-text-faint) !important;
font-size:15px !important;
}

/* Footer summary rows */
body.woocommerce-account .prewoo-split-totals-table tfoot th {
  color: var(--bmd-text-muted) !important;
  font-weight: 400 !important;
}
body.woocommerce-account .prewoo-split-totals-table tfoot td {
  color: var(--bmd-text) !important;
  font-weight: 600 !important;
}

/* Total due today row */
body.woocommerce-account .prewoo-split-totals-table tfoot tr.prewoo-total-due-today {
  border-top: 1px solid var(--bmd-border-soft) !important;
}
body.woocommerce-account .prewoo-split-totals-table tfoot tr.prewoo-total-due-today th,
body.woocommerce-account .prewoo-split-totals-table tfoot tr.prewoo-total-due-today td {
  color: var(--bmd-text) !important;
}

/* Final "Total order cost" row — highlighted */
body.woocommerce-account .prewoo-split-totals-table tfoot tr.prewoo-total-order-cost {
  border-bottom: none !important;
  border-top: 1px solid var(--bmd-border) !important;
  padding-top: 14px !important;
}
body.woocommerce-account .prewoo-split-totals-table tfoot tr.prewoo-total-order-cost th {
  color: var(--bmd-text) !important;
  font-weight: 700 !important;
}
body.woocommerce-account .prewoo-split-totals-table tfoot tr.prewoo-total-order-cost td {
  color: var(--bmd-teal) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

/* Actions row (Pay / Cancel buttons) */
body.woocommerce-account .prewoo-split-totals-table tfoot a.button,
body.woocommerce-account .prewoo-split-totals-table tfoot .woocommerce-Button {
  background: var(--bmd-blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--bmd-radius-sm) !important;
  padding: 9px 20px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}
body.woocommerce-account .prewoo-split-totals-table tfoot a.cancel {
  background: transparent !important;
  border: 1px solid var(--bmd-border) !important;
  color: var(--bmd-text) !important;
}

/* Order intro line + status pill (already defined earlier, reinforced here) */
body.woocommerce-account .bmd-order-intro {
  color: var(--bmd-text-muted) !important;
  font-size: 14px !important;
  margin-bottom: 20px !important;
}
body.woocommerce-account .bmd-order-intro strong { color: var(--bmd-text) !important; }

body.woocommerce-account .bmd-order-status-pill.processing {
  background: var(--bmd-amber-dim) !important;
  color: var(--bmd-amber) !important;
}
body.woocommerce-account .bmd-order-status-pill.completed {
  background: var(--bmd-teal-dim) !important;
  color: var(--bmd-teal) !important;
}
body.woocommerce-account .bmd-order-status-pill.cancelled,
body.woocommerce-account .bmd-order-status-pill.failed,
body.woocommerce-account .bmd-order-status-pill.refunded {
  background: var(--bmd-red-dim) !important;
  color: var(--bmd-red) !important;
}
body.woocommerce-account .bmd-order-status-pill.on-hold,
body.woocommerce-account .bmd-order-status-pill.pending,
body.woocommerce-account .bmd-order-status-pill.draft {
  background: rgba(141,151,175,.14) !important;
  color: var(--bmd-text-muted) !important;
}

/* Billing / shipping address cards */

body.woocommerce-account .woocommerce-customer-details address {
  background: var(--bmd-surface-2) !important;
  border: 1px solid var(--bmd-border-soft) !important;
  border-radius: var(--bmd-radius-md) !important;
  padding: 18px !important;
  color: var(--bmd-text) !important;
  line-height: 1.9 !important;
  font-size: 14px !important;
}
body.woocommerce-account .woocommerce-customer-details a {
  color: var(--bmd-blue) !important;
}
/* Beats the plugin's own CSS regardless of load order,
   by using higher specificity (doubled class) instead of a tie */
body.woocommerce-account .prewoo-split-totals-table.prewoo-split-totals-table tfoot tr th,
body.woocommerce-account .prewoo-split-totals-table.prewoo-split-totals-table tfoot tr td {
  border-top: none !important;
  border-bottom: 1px solid var(--bmd-border-soft) !important;
}

body.woocommerce-account .prewoo-split-totals-table.prewoo-split-totals-table tfoot tr.prewoo-total-due-today th,
body.woocommerce-account .prewoo-split-totals-table.prewoo-split-totals-table tfoot tr.prewoo-total-due-today td {
  border-top: 1px solid var(--bmd-border-soft) !important;
  border-bottom: none !important;
}

body.woocommerce-account .prewoo-split-totals-table.prewoo-split-totals-table tfoot tr.prewoo-total-order-cost th,
body.woocommerce-account .prewoo-split-totals-table.prewoo-split-totals-table tfoot tr.prewoo-total-order-cost td {
  border-top: 1px solid var(--bmd-border) !important;
  border-bottom: none !important;
}
/* Restore line breaks specifically inside billing/shipping address blocks
   (the .post-90 br rule above hides ALL <br> tags, including these) */
.post-90 .woocommerce-customer-details address br,
.post-90 .woocommerce-address-fields address br,
body.woocommerce-account address br {
  display: block !important;
  content: "" !important;
}
body.woocommerce-account .woocommerce-customer-details--email {
  display: inline-flex !important;
  align-items: center !important;
  margin-top: 10px !important;
  color: var(--bmd-blue) !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

body.woocommerce-account .woocommerce-customer-details--email::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  position: relative !important;
  top: 0 !important;
}
body.woocommerce-account .prewoo-split-totals-table tbody td.product-name {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 4px 12px !important;
}

/* Product title takes its own line-start, quantity sits top-right */
body.woocommerce-account .prewoo-split-totals-table tbody td.product-name > a {
  flex: 1 1 auto !important;
}

body.woocommerce-account .prewoo-split-totals-table tbody td.product-name .product-quantity {
  order: 1 !important;
  margin-left: auto !important;
  align-self: flex-start !important;
  color: var(--bmd-text-faint) !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

/* Meta line ("Requires consultation • ...") always wraps to full width below */
body.woocommerce-account .prewoo-split-totals-table tbody td.product-name .prewoo-product-line-notes,
body.woocommerce-account .prewoo-split-totals-table tbody td.product-name .wc-item-meta {
  flex-basis: 100% !important;
  order: 2 !important;
  margin-top: 6px !important;
}
body.woocommerce-account .prewoo-split-totals-table tbody td.product-name .product-quantity{
	font-size:15px !important;
}
body.woocommerce-account .woocommerce-customer-details address {
  color: #8D97AF !important;
}
body.prewoo-dual-order-totals .prewoo-split-totals-table td{
	border-bottom:1px solid var(--bmd-border-soft) !important;
}
#add_payment_method #payment{
	background:none !important;
}

html {
  overflow-x: hidden;
}
body.woocommerce-account {
  overflow-x: hidden;
  max-width: 100vw;
}
body.woocommerce-account .bmd-account-shell,
body.woocommerce-account .bmd-main,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .bmd-card,
body.woocommerce-account .woocommerce-address-fields,
body.woocommerce-account .woocommerce-address-fields__field-wrapper {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;

}

/* select2's JS sometimes calculates its own inline width before your CSS
   applies (especially if the field starts hidden) — force it to never
   exceed its parent */
body.woocommerce-account .select2-container {
  max-width: 100% !important;
}
/* Align radio button with the label text */
#payment ul.payment_methods li.payment_method_braintree_credit_card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#payment ul.payment_methods li.payment_method_braintree_credit_card > input.input-radio {
  margin: 10px 0 0 0 !important; /* nudge down to line up with text baseline */
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
}

/* kill the <br> that's forcing radio onto its own line */
#payment ul.payment_methods li.payment_method_braintree_credit_card > br {
  display: none !important;
}

#payment ul.payment_methods li.payment_method_braintree_credit_card > label {
  flex: 1 !important;
  margin: 0 !important;
}
.woocommerce form.register{
	border:none !important
}
.woocommerce-ResetPassword .bmd-btn{
	margin-top:20px !important;
}
.bmd-auth-pane .woocommerce-error,
.bmd-auth-pane .woocommerce-message,
.bmd-auth-pane .woocommerce-info,
.bmd-auth-card .woocommerce-error,
.bmd-auth-card .woocommerce-message,
.bmd-auth-card .woocommerce-info,
.bmd-auth-frame .woocommerce-error,
.bmd-auth-frame .woocommerce-message,
.bmd-auth-frame .woocommerce-info {
	background: #2a1418;
	border: 1px solid #b81c23;
	border-radius: 8px;
	color: #f6f5f8;
	padding: 0.9em 1.2em;
	margin: 0 0 1.25em;
	list-style: none;
	font-size: 14px;
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.bmd-auth-pane .woocommerce-error li,
.bmd-auth-pane .woocommerce-message li,
.bmd-auth-pane .woocommerce-info li,
.bmd-auth-card .woocommerce-error li,
.bmd-auth-card .woocommerce-message li,
.bmd-auth-card .woocommerce-info li,
.bmd-auth-frame .woocommerce-error li,
.bmd-auth-frame .woocommerce-message li,
.bmd-auth-frame .woocommerce-info li {
  display: block !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    word-break: break-word !important;
}


.bmd-auth-pane .woocommerce-error,
.bmd-auth-pane .woocommerce-message,
.bmd-auth-pane .woocommerce-info,
.bmd-auth-card .woocommerce-error,
.bmd-auth-card .woocommerce-message,
.bmd-auth-card .woocommerce-info,
.bmd-auth-frame .woocommerce-error,
.bmd-auth-frame .woocommerce-message,
.bmd-auth-frame .woocommerce-info {
	background: #2a1418;
	border: 1px solid #b81c23;
	border-radius: 8px;
	color: #000;
	padding: 0.9em 1.2em 0.9em 2.6em;
	margin: 0 0 1.25em;
	list-style: none;
	font-size: 14px;
	position: relative;
}

/* Kill any built-in icon from the theme/Elementor default error styling */
.bmd-auth-pane .woocommerce-error::before,
.bmd-auth-card .woocommerce-error::before,
.bmd-auth-frame .woocommerce-error::before,
.bmd-auth-pane .woocommerce-error > *::before,
.bmd-auth-card .woocommerce-error > *::before,
.bmd-auth-frame .woocommerce-error > *::before {
	content: none !important;
	display: none !important;
}

.bmd-auth-pane .woocommerce-error li,
.bmd-auth-pane .woocommerce-message li,
.bmd-auth-pane .woocommerce-info li,
.bmd-auth-card .woocommerce-error li,
.bmd-auth-card .woocommerce-message li,
.bmd-auth-card .woocommerce-info li,
.bmd-auth-frame .woocommerce-error li,
.bmd-auth-frame .woocommerce-message li,
.bmd-auth-frame .woocommerce-info li {
	margin: 0;
	line-height: 1.4;
	word-break: break-word;
	position: relative;
}

/* Our single icon, fixed to the top-left corner of the box */

.bmd-auth-pane .woocommerce-message::after,
.bmd-auth-card .woocommerce-message::after,
.bmd-auth-frame .woocommerce-message::after {
	content: "✓";
	position: absolute;
	top: 0.9em;
	left: 1.1em;
	color: #4ade80;
	font-size: 16px;
	line-height: 1;
}

@media (max-width: 480px) {
	.bmd-auth-pane .woocommerce-error,
	.bmd-auth-pane .woocommerce-message,
	.bmd-auth-pane .woocommerce-info,
	.bmd-auth-card .woocommerce-error,
	.bmd-auth-card .woocommerce-message,
	.bmd-auth-card .woocommerce-info,
	.bmd-auth-frame .woocommerce-error,
	.bmd-auth-frame .woocommerce-message,
	.bmd-auth-frame .woocommerce-info {
		padding: 0.75em 1em 0.75em 2.3em;
		font-size: 13px;
	}

	.bmd-auth-pane .woocommerce-error::after,
	.bmd-auth-card .woocommerce-error::after,
	.bmd-auth-frame .woocommerce-error::after,
	.bmd-auth-pane .woocommerce-message::after,
	.bmd-auth-card .woocommerce-message::after,
	.bmd-auth-frame .woocommerce-message::after {
		top: 0.75em;
		left: 0.9em;
		font-size: 14px;
	}
}
.bmd-auth-pane .woocommerce-message li::before,
.bmd-auth-card .woocommerce-message li::before,
.bmd-auth-frame .woocommerce-message li::before {
	content: "✓";
	color: #4ade80;
	flex-shrink: 0;
	line-height: 1.4;
}

/* Mobile: tighten padding/font so the message has room to wrap cleanly */
@media (max-width: 480px) {
	.bmd-auth-pane .woocommerce-error,
	.bmd-auth-pane .woocommerce-message,
	.bmd-auth-pane .woocommerce-info,
	.bmd-auth-card .woocommerce-error,
	.bmd-auth-card .woocommerce-message,
	.bmd-auth-card .woocommerce-info,
	.bmd-auth-frame .woocommerce-error,
	.bmd-auth-frame .woocommerce-message,
	.bmd-auth-frame .woocommerce-info {
		padding: 0.75em 1em;
		font-size: 13px;
		gap: 8px;
	}
}

@media (max-width: 700px) {
  body.woocommerce-account .woocommerce-customer-details {
    grid-template-columns: 1fr !important;
  }
}




.bmd-auth-pane .woocommerce-error,
.bmd-auth-pane .woocommerce-message,
.bmd-auth-pane .woocommerce-info,
.bmd-auth-card .woocommerce-error,
.bmd-auth-card .woocommerce-message,
.bmd-auth-card .woocommerce-info,
.bmd-auth-frame .woocommerce-error,
.bmd-auth-frame .woocommerce-message,
.bmd-auth-frame .woocommerce-info {
    display: block !important;
}