/* Bahareman Fast Bridge — enhancements 1.5.0
   Cart, account, comments and avatars. Scoped so it cannot leak into Elementor
   sections, and written to survive the plugin CSS that fights over these pages. */

/* ---------------------------------------------------------------- avatars */
img.bmfb-club-avatar,
.commentlist img.avatar,
.comment-list img.avatar,
.woocommerce-MyAccount-content img.avatar{
  border-radius:50%!important;
  object-fit:cover!important;
  width:56px!important;height:56px!important;
  background:#eef4f5;
  border:2px solid #fff;
  box-shadow:0 2px 8px rgba(12,40,50,.12);
}

/* ----------------------------------------------------- my-account layout */
.woocommerce-MyAccount-navigation ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:6px}
.woocommerce-MyAccount-navigation li a{
  display:flex;align-items:center;gap:9px;
  padding:12px 15px;border-radius:14px;
  background:#fff;border:1px solid #e4ecee;
  color:#20323a!important;font-weight:700;font-size:14px;
  text-decoration:none!important;transition:background .15s,border-color .15s,transform .12s;
}
.woocommerce-MyAccount-navigation li a:hover{background:#f2fbfb;border-color:#bfe3df;transform:translateX(-2px)}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--learning a{
  background:linear-gradient(135deg,#0f766e,#14a79b);border-color:transparent;color:#fff!important;
  box-shadow:0 8px 20px rgba(15,118,110,.22);
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--learning a:after{content:'★';margin-inline-start:auto;opacity:.8;font-size:12px}
.woocommerce-MyAccount-navigation li.is-active.woocommerce-MyAccount-navigation-link--learning a{filter:brightness(1.05)}

/* -------------------------------------------------- account edit screen */
.bmfb-account-intro{margin:0 0 20px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#f2fbfb,#fff);border:1px solid #d9ecec}
.bmfb-account-intro h3{margin:0 0 7px!important;font-size:17px!important;color:#12212e!important}
.bmfb-account-intro p{margin:0!important;font-size:13.5px!important;color:#5d6d74!important;line-height:2!important}

.bmfb-account-photo{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:8px 0 22px;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid #e4ecee}
.bmfb-account-photo__img img{width:84px!important;height:84px!important;border-radius:50%!important;object-fit:cover!important}
.bmfb-account-photo__text{flex:1 1 220px;min-width:0}
.bmfb-account-photo__text strong{display:block;font-size:15px;color:#12212e;margin-bottom:4px}
.bmfb-account-photo__text p{margin:0 0 10px!important;font-size:13px!important;color:#5d6d74!important;line-height:1.95!important}
.bmfb-account-photo__btn{display:inline-block;padding:10px 18px;border-radius:12px;background:#0f766e;color:#fff!important;font-weight:800;font-size:13px;text-decoration:none!important}
.bmfb-account-photo__btn:hover{background:#0b5f59}

/* the password block is dead weight while login is OTP-only */
.woocommerce-EditAccountForm fieldset,
.woocommerce-EditAccountForm legend,
.woocommerce-EditAccountForm #password_current_field,
.woocommerce-EditAccountForm #password_1_field,
.woocommerce-EditAccountForm #password_2_field{display:none!important}

.woocommerce-EditAccountForm .woocommerce-form-row{margin-bottom:15px}
.woocommerce-EditAccountForm label{display:block;font-size:13px;font-weight:800;color:#33454d;margin-bottom:6px}
.woocommerce-EditAccountForm input[type=text],
.woocommerce-EditAccountForm input[type=email],
.woocommerce-EditAccountForm input[type=tel]{
  width:100%;box-sizing:border-box;min-height:48px;
  border:1px solid #dbe5e8;border-radius:14px;padding:0 15px;
  font-family:inherit;font-size:15px;background:#fff;color:#12212e;
}
.woocommerce-EditAccountForm input:focus{outline:2px solid #0f766e;outline-offset:1px;border-color:#0f766e}

/* ---------------------------------------------------------------- comments */
.bmfb-comment-hidden{display:none!important}
.bmfb-comments-more{
  display:block;width:100%;margin:18px 0 6px;padding:14px;
  border:1px dashed #bfe3df;border-radius:16px;background:#f6ffff;
  color:#0b5f59;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;
  transition:background .15s;
}
.bmfb-comments-more:hover{background:#e9fbfb}
#comments .commentlist,#comments .comment-list{list-style:none!important;margin:0!important;padding:0!important}
#comments .commentlist>li,#comments .comment-list>li{margin:0 0 12px;padding:16px 18px;border:1px solid #e9eff1;border-radius:18px;background:#fff}
#comments .commentlist .children{list-style:none;margin:12px 0 0;padding-inline-start:16px;border-inline-start:2px solid #eef4f5}
#comments .comment-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
#comments .comment-author .fn{font-weight:800;color:#12212e;font-style:normal}
#comments .comment-metadata a{font-size:11.5px;color:#93a3aa;text-decoration:none}
#comments .comment-content p{font-size:14px;line-height:2.05;color:#3f5158}

/* ------------------------------------------------------------ cart page */
/* Deliberately minimal.
   Two earlier attempts here rewrote the whole cart layout and broke it: forcing a
   width on the collaterals container collapsed the totals column, and killing the
   button's pseudo-elements removed the label some themes render through them.
   The theme's own cart layout is left completely alone now. The only thing touched
   is the excessive height on the proceed button, and it is done by relaxing the box
   rather than redefining it. */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart a.button.checkout-button{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding-top:15px!important;
  padding-bottom:15px!important;
  line-height:1.5!important;
}

/* The club wallet card lives inside .cart_totals; this only stops it overflowing
   its column. No widths, no float changes, no word breaking. */
.woocommerce-cart .bmg-cart-wallet,
.woocommerce-cart .bmg-cart-expiry,
.woocommerce-cart .bmg-cart-mv{
  max-width:100%;
  box-sizing:border-box;
}

@media(max-width:782px){
  .bmfb-account-photo{padding:15px}
  .bmfb-account-photo__btn{width:100%;text-align:center}
  #comments .commentlist>li,#comments .comment-list>li{padding:13px 14px}
}