/* =========================================================
   BF My Account — Professional portal layout
   Requires bf-myaccount wrapper from template override
   ========================================================= */

.bf-account-page .bf-myaccount,
.bf-account-page .bf-myaccount *{
  box-sizing: border-box;
}

.bf-account-page .bf-myaccount{
  display: flex;
  gap: 22px;
  align-items: flex-start;
}

/* Sidebar */
.bf-account-page .bf-myaccount__sidebar{
  flex: 0 0 340px;
  min-width: 320px;

  background: #fff;
  border: 1px solid #eee;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  overflow: hidden;
}

/* Content */
.bf-account-page .bf-myaccount__content{
  flex: 1 1 auto;
  min-width: 0;

  background: #fff;
  border: 1px solid #eee;
  border-radius: 18px;
	padding: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

/* Mobile */
@media (max-width: 980px){
  .bf-account-page .bf-myaccount{
    flex-direction: column;
  }
  .bf-account-page .bf-myaccount__sidebar{
    width: 100%;
    min-width: 0;
  }
}

/* User header */
.bf-account-page .bf-myaccount__user{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
}
.bf-account-page .bf-myaccount__user img{
  border-radius: 999px;
}
.bf-account-page .bf-myaccount__username{
  font-weight: 700;
}

/* Divider */
.bf-account-page .bf-myaccount__divider{
  height: 1px;
  background: #eee;

}

/* Navigation (Woo output) */
.bf-account-page .woocommerce-MyAccount-navigation{
  margin: 0 !important;
  padding: 12px !important;
  border: 0 !important;
  background: transparent !important;
}

.bf-account-page .woocommerce-MyAccount-navigation ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.bf-account-page .woocommerce-MyAccount-navigation li{
  margin: 0;
}
.bf-account-page .woocommerce-MyAccount-navigation li + li{
  margin-top: 6px;
}

/* Make links flex so icon + label align */
.bf-account-page .woocommerce-MyAccount-navigation a{
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 10px 12px;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
}
.bf-account-page .woocommerce-MyAccount-navigation a:hover{
  background: #faf7f3;
}
.bf-account-page .woocommerce-MyAccount-navigation .is-active > a{
  background: #faf7f3;
  font-weight: 700;
}

/* Icon placeholder (CSS-only, no markup changes) */
.bf-account-page .woocommerce-MyAccount-navigation a::before{
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  opacity: .75;

  background: currentColor;
  -webkit-mask: var(--bf-acc-ico) no-repeat center / contain;
          mask: var(--bf-acc-ico) no-repeat center / contain;
}

/* Endpoint -> icon mapping */
.bf-account-page .woocommerce-MyAccount-navigation-link--dashboard a{
  --bf-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'/%3E%3C/svg%3E");
}
.bf-account-page .woocommerce-MyAccount-navigation-link--orders a{
  --bf-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2zM7.2 14h9.9c.8 0 1.5-.5 1.8-1.2l2.1-5.3c.3-.8-.3-1.5-1.1-1.5H6.3L5.6 3.9C5.4 3.4 4.9 3 4.3 3H2v2h2l3.6 9.6-1.4 2.5C5.8 17.8 6.4 19 7.6 19H20v-2H7.6l1.1-2z'/%3E%3C/svg%3E");
}
.bf-account-page .woocommerce-MyAccount-navigation-link--edit-address a{
  --bf-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5c-1.4 0-2.5-1.1-2.5-2.5S10.6 6.5 12 6.5s2.5 1.1 2.5 2.5S13.4 11.5 12 11.5z'/%3E%3C/svg%3E");
}
.bf-account-page .woocommerce-MyAccount-navigation-link--payment-methods a{
  --bf-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4H4V6h16v2z'/%3E%3C/svg%3E");
}
.bf-account-page .woocommerce-MyAccount-navigation-link--edit-account a{
  --bf-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12c2.2 0 4-1.8 4-4s-1.8-4-4-4-4 1.8-4 4 1.8 4 4 4zm0 2c-2.7 0-8 1.3-8 4v2h16v-2c0-2.7-5.3-4-8-4z'/%3E%3C/svg%3E");
}
.bf-account-page .woocommerce-MyAccount-navigation-link--customer-logout a{
  --bf-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 17l1.4-1.4L8.8 13H20v-2H8.8l2.6-2.6L10 7l-7 5 7 5zm-8 4h10v-2H2V5h10V3H2c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2z'/%3E%3C/svg%3E");
}

/* Logout section divider like screenshot */
.bf-account-page .woocommerce-MyAccount-navigation-link--customer-logout{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}

/* Basic form polish */
.bf-account-page .bf-myaccount__content input[type="text"],
.bf-account-page .bf-myaccount__content input[type="email"],
.bf-account-page .bf-myaccount__content input[type="tel"],
.bf-account-page .bf-myaccount__content input[type="password"],
.bf-account-page .bf-myaccount__content textarea,
.bf-account-page .bf-myaccount__content select{
  border-radius: 12px;
}
.bf-account-page .bf-myaccount__content .button,
.bf-account-page .bf-myaccount__content button.button,
.bf-account-page .bf-myaccount__content a.button{
  border-radius: 999px;
}

/* Kadence adds a second "customer image/name" block inside the nav.
   We already render our own header above, so hide Kadence’s one. */
.bf-account-page .bf-myaccount__sidebar .kadence-customer-image,
.bf-account-page .bf-myaccount__sidebar .kadence-customer-name,
.bf-account-page .bf-myaccount__sidebar .kadence-account-avatar{
  display: none !important;
}

.bf-account-page .bf-myaccount__sidebar .woocommerce-MyAccount-navigation{
  padding: 12px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Neutralize Kadence account wrapper inside our BF sidebar */
.bf-account-page .bf-myaccount__sidebar .account-navigation-wrap{
  all: unset;
  display: block;
}

.bf-account-page .bf-myaccount__sidebar .account-navigation-wrap .kadence-customer-image,
.bf-account-page .bf-myaccount__sidebar .account-navigation-wrap .kadence-customer-name,
.bf-account-page .bf-myaccount__sidebar .account-navigation-wrap .kadence-account-avatar{
  display: none !important;
}

/* ============================
   BF Account — add email line
   ============================ */

.bf-account-page .bf-myaccount__usertext{
  min-width: 0;
}

.bf-account-page .bf-myaccount__email{
  font-size: 13px;
  opacity: .7;
  line-height: 1.2;
  margin-top: 2px;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
}

/* =========================================================
   BF Account Dashboard — match BF styling (override prototype)
   ========================================================= */

.bf-account-page .bf-acc-dash{
  display: grid;
  gap: 16px;
}

/* HERO */
.bf-account-page .bf-acc-hero{
  background: #faf7f3;
  color: inherit;
  border: 1px solid #eee;
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

  position: relative;
  overflow: hidden;
}
.bf-account-page .bf-acc-hero::before{
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 4px;
  border-radius: 99px;
  background: #7a1734;
  opacity: .9;
}
.bf-account-page .bf-acc-hero__text{
  padding-left: 14px;
}
.bf-account-page .bf-acc-hero h2{
  margin: 0;
  font-size: 26px;
  line-height: 1.15;
}
.bf-account-page .bf-acc-hero p{
  margin: 6px 0 0;
  opacity: .75;
  font-size: 14px;
}
.bf-account-page .bf-acc-hero__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 999px;
  text-decoration: none;

  background: #7a1734;
  color: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 8px 18px rgba(0,0,0,.08);
}

/* grids */
.bf-account-page .bf-acc-grid{
  display: grid;
  gap: 14px;
}
.bf-account-page .bf-acc-grid--actions,
.bf-account-page .bf-acc-grid--stats{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 980px){
  .bf-account-page .bf-acc-hero{
    flex-direction: column;
    align-items: flex-start;
  }
  .bf-account-page .bf-acc-grid--actions,
  .bf-account-page .bf-acc-grid--stats{
    grid-template-columns: 1fr;
  }
}

/* cards */
.bf-account-page .bf-acc-card{
  background: #fff;
  border: 1px solid #eee;
  border-radius: 18px;
  padding: 16px 14px;
  box-shadow: 0 5px 12px rgba(0,0,0,.06);

  text-decoration: none;
  color: inherit;

  display: grid;
  justify-items: center;
  gap: 8px;
}

.bf-account-page .bf-acc-card__icon{
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: grid;
  place-items: center;

  background: #faf7f3;
  border: 1px solid #eee;
  color: #7a1734;
  font-size: 16px;
}

.bf-account-page .bf-acc-card__title{
  font-weight: 700;
}
.bf-account-page .bf-acc-card__sub{
  opacity: .7;
  font-size: 13px;
}

.bf-account-page .bf-acc-card--stat{
  padding: 18px 14px;
}
.bf-account-page .bf-acc-stat__num{
  font-size: 30px;
  font-weight: 700;
  color: #7a1734;
  letter-spacing: -0.02em;
}
.bf-account-page .bf-acc-stat__label{
  opacity: .7;
  font-size: 13px;
}

.bf-account-page .bf-acc-stat__num{
  color: var(--global-palette1) !important;
}

.bf-account-page .bf-acc-hero::before{
  background: var(--global-palette1) !important;
}

/* hover */
.bf-account-page .bf-acc-grid--actions .bf-acc-card{
  transition: transform .14s ease, box-shadow .14s ease, background-color .14s ease;
}
.bf-account-page .bf-acc-grid--actions .bf-acc-card:hover{
  background: #faf7f3;
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(0,0,0,.08);
}
.bf-account-page .bf-acc-grid--actions .bf-acc-card:hover .bf-acc-card__icon{
  background: #fff;
}

/* BF dashboard icons */
.bf-account-page .bf-acc-ico{
  background: #faf7f3;
  border: 1px solid #eee;
  color: var(--global-palette1);
  position: relative;
}
.bf-account-page .bf-acc-ico::before{
  content: "";
  width: 18px;
  height: 18px;
  display: block;

  background: currentColor;
  -webkit-mask: var(--bf-acc-ico) no-repeat center / contain;
          mask: var(--bf-acc-ico) no-repeat center / contain;
}

.bf-account-page .bf-acc-ico--plates{  --bf-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 2v20h2V2h-2zM7 2v7c0 1.7 1.3 3 3 3v10h2V2H7zm10 0v8h2v12h2V2h-4z'/%3E%3C/svg%3E"); }
.bf-account-page .bf-acc-ico--event{   --bf-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2l2.4 6.3L21 9l-5 3.7L17.8 20 12 16.6 6.2 20 8 12.7 3 9l6.6-.7L12 2z'/%3E%3C/svg%3E"); }
.bf-account-page .bf-acc-ico--reorder{ --bf-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 6V3L8 7l4 4V8c2.8 0 5 2.2 5 5 0 1-.3 1.9-.8 2.7l1.5 1.3C18.5 15.9 19 14.5 19 13c0-3.9-3.1-7-7-7zm-5.2.3L5.3 5C4.5 6.1 4 7.5 4 9c0 3.9 3.1 7 7 7v3l4-4-4-4v3c-2.8 0-5-2.2-5-5 0-1 .3-1.9.8-2.7z'/%3E%3C/svg%3E"); }

.bf-account-page .bf-acc-hero__title{
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Account section header */
.bf-account-page .bf-acc-section-head{
  margin: 0 0 14px;
}
.bf-account-page .bf-acc-section-title{
  margin: 0;
  font-size: 28px;
  line-height: 1.15;
}
.bf-account-page .bf-acc-section-sub{
  margin: 6px 0 0;
  opacity: .7;
  font-size: 14px;
}

/* Account edit: blocks + stats */
.bf-account-page .bf-acc-stats{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 18px;
}
.bf-account-page .bf-acc-stat{
  background: #faf7f3;
  border: 1px solid #eee;
  border-radius: 16px;
  padding: 16px 14px;
  text-align: center;
}
.bf-account-page .bf-acc-stat__num{
  font-weight: 700;
  font-size: 20px;
  color: var(--global-palette1);
}
.bf-account-page .bf-acc-stat__label{
  margin-top: 6px;
  font-size: 12px;
  opacity: .7;
}

.bf-account-page .bf-acc-block{
  border-top: 2px solid #eee;
  padding-top: 16px;
  margin-top: 16px;
}
.bf-account-page .bf-acc-block__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 12px;
}
.bf-account-page .bf-acc-block__title{
  margin: 0;
  font-size: 18px;
}
.bf-account-page .bf-acc-note{
  background: #faf7f3;
  border-left: 4px solid var(--global-palette1);
  padding: 12px 14px;
  border-radius: 14px;
  margin: 0 0 14px;
  font-size: 13px;
  opacity: .9;
}

/* Form grid */
.bf-account-page .bf-acc-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 18px;
}
.bf-account-page .bf-acc-grid .form-row-wide{
  grid-column: 1 / -1;
}
@media (max-width: 820px){
  .bf-account-page .bf-acc-stats{ grid-template-columns: 1fr; }
  .bf-account-page .bf-acc-grid{ grid-template-columns: 1fr; }
}
.bf-account-page .bf-acc-grid{
  grid-template-columns: 1fr 1fr;
}
.bf-account-page .bf-acc-grid p.woocommerce-form-row:has(#account_display_name),
.bf-account-page .bf-acc-grid p.woocommerce-form-row:has(#account_email){
  grid-column: auto;
}
.bf-account-page .bf-acc-grid .form-row-wide{
  grid-column: 1 / -1;
}
@media (max-width: 820px){
  .bf-account-page .bf-acc-grid{
    grid-template-columns: 1fr;
  }
  .bf-account-page .bf-acc-grid p.woocommerce-form-row:has(#account_display_name),
  .bf-account-page .bf-acc-grid p.woocommerce-form-row:has(#account_email){
    grid-column: 1 / -1;
  }
}
.bf-account-page .bf-acc-grid .description{
  display: block;
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.35;
  opacity: .65;
}
.bf-account-page .bf-acc-grid .form-row{
  width: 100% !important;
  margin: 0 !important;
}

/* Prevent layout shift when scrollbar appears */
html{
  scrollbar-gutter: stable;
}

/* Ensure grid items can shrink so 3 cols stays 3 cols */
.bf-account-page .bf-acc-grid--actions,
.bf-account-page .bf-acc-grid--stats{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bf-account-page .bf-acc-grid--actions > *,
.bf-account-page .bf-acc-grid--stats > *{
  min-width: 0;
}
.bf-account-page .bf-acc-card{
  min-width: 0;
}
.bf-account-page .bf-acc-card__title,
.bf-account-page .bf-acc-card__sub{
  min-width: 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Orders: tabs + controls */
.bf-account-page .bf-acc-orders__tabs{
  display:flex;
  gap:14px;
  align-items:flex-end;
  border-bottom:1px solid #eee;
  margin: 0 0 20px;
  padding: 0 0 10px;
  flex-wrap: wrap;
}
.bf-account-page .bf-acc-tab{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 10px;
  text-decoration:none;
  color:inherit;
  border-radius: 12px;
  position: relative;
}
.bf-account-page .bf-acc-tab__count{
  min-width: 24px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 12px;
  background:#faf7f3;
  border:1px solid #eee;
  color: inherit;
  opacity: .9;
}
.bf-account-page .bf-acc-tab.is-active{
  font-weight:700;
}
.bf-account-page .bf-acc-tab.is-active::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:-11px;
  height:2px;
  background: var(--global-palette1);
  border-radius: 99px;
}

.bf-account-page .bf-acc-orders__controls{
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  margin: 0 0 14px;
}
.bf-account-page .bf-acc-orders__search{
  flex: 1 1 auto;
  max-width: 420px;
}
.bf-account-page .bf-acc-orders__search input{
  width:100%;
  border-radius: 12px;
}
.bf-account-page .bf-acc-orders__sort select{
  border-radius: 12px;
  min-width: 220px;
}
@media (max-width: 820px){
  .bf-account-page .bf-acc-orders__controls{
    flex-direction: column;
    align-items: stretch;
  }
  .bf-account-page .bf-acc-orders__search{ max-width:none; }
  .bf-account-page .bf-acc-orders__sort select{ width:100%; min-width:0; }
}

/* Pagination */
.bf-account-page .bf-acc-pagination{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 18px 0 6px;
}
.bf-account-page .bf-acc-page{
  width: 35px;
  height: 35px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #fff;
  border: 1px solid #eee;
  text-decoration: none;
  color: inherit;

  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  transition: transform .14s ease, box-shadow .14s ease, background-color .14s ease;
}
.bf-account-page .bf-acc-page:hover{
  background: #faf7f3;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(0,0,0,.08);
}
.bf-account-page .bf-acc-page.is-current{
  background: var(--global-palette1);
  border-color: var(--global-palette1);
  color: #fff;
  box-shadow: 0 14px 28px rgba(0,0,0,.10);
}
.bf-account-page .bf-acc-page--arrow{
  font-size: 18px;
  line-height: 1;
}
.bf-account-page .bf-acc-page.is-disabled{
  opacity: .35;
  pointer-events: none;
  transform: none;
  box-shadow: 0 8px 18px rgba(0,0,0,.04);
}
.bf-account-page .bf-acc-page.is-placeholder{
  opacity: 0;
  pointer-events: none;
}

/* =========================
   BF Orders — Grid Card Table
   ========================= */

.bf-account-page .bf-acc-orders table.woocommerce-orders-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
}

/* HEADER */
.bf-account-page .bf-acc-orders table.woocommerce-orders-table thead tr{
  display: grid;
  padding-left: 14px;
  grid-template-columns: 120px 140px 180px 90px 1fr 220px;
  align-items: center;
  width: 100%;
}
.bf-account-page .bf-acc-orders table.woocommerce-orders-table thead th{
  border: 0;
  padding: 0 14px 10px;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .55;
  white-space: nowrap;
  min-width: 0;
}

/* BODY ROWS */
.bf-account-page .bf-acc-orders table.woocommerce-orders-table tbody tr{
  display: grid;
  grid-template-columns: 120px 140px 180px 90px 1fr 220px;
  align-items: center;

  width: 100%;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(0,0,0,.05);

  position: relative;
  padding-left: 14px;
}
.bf-account-page .bf-acc-orders table.woocommerce-orders-table tbody td{
  border: 0 !important;
  padding: 14px 14px;
  min-width: 0;
}

/* LEFT ACCENT BAR */
.bf-account-page .bf-acc-orders table.woocommerce-orders-table tbody tr::before{
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 3px;
  border-radius: 999px;
  background: var(--global-palette1);
}

/* ORDER NUMBER */
.bf-account-page .bf-acc-orders 
.woocommerce-orders-table__cell-order-number a{
  font-weight: 700;
  text-decoration: none;
}

/* STATUS */
.bf-account-page .bf-acc-orders 
.woocommerce-orders-table__cell-order-status{
  font-weight: 600;
}

/* TOTAL */
.bf-account-page .bf-acc-orders 
.woocommerce-orders-table__cell-order-total{
  font-weight: 600;
}

/* ACTIONS (layout) */
.bf-account-page .bf-acc-orders 
.woocommerce-orders-table__cell-order-actions{
  justify-self: end;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* Buttons spacing */
.bf-account-page .bf-acc-orders 
.woocommerce-orders-table__cell-order-actions .button{
  margin: 0;
}
@media (min-width: 901px){
  .bf-account-page .bf-acc-orders 
  .woocommerce-orders-table__cell-order-actions{
    flex-wrap: nowrap;
  }
}

/* RESPONSIVE */
@media (max-width: 900px){
  .bf-account-page .bf-acc-orders 
  table.woocommerce-orders-table thead{
    display: none;
  }
  .bf-account-page .bf-acc-orders 
  table.woocommerce-orders-table tbody tr{
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 12px 14px 12px 18px;
  }
  .bf-account-page .bf-acc-orders 
  table.woocommerce-orders-table tbody td{
    padding: 6px 0;
  }
  .bf-account-page .bf-acc-orders 
  .woocommerce-orders-table__cell-order-actions{
    justify-content: flex-start;
  }
}

/* Row hover beige */
.bf-account-page .bf-acc-orders table.woocommerce-orders-table tbody tr{
  background: #fff;
  transition: background-color .14s ease, box-shadow .14s ease, transform .14s ease;
}
.bf-account-page .bf-acc-orders table.woocommerce-orders-table tbody tr:hover{
  background: #faf7f3;
  box-shadow: 0 10px 22px rgba(0,0,0,.07);
}
.bf-account-page .bf-acc-orders table.woocommerce-orders-table tbody td{
  background: transparent !important;
}
.bf-account-page .bf-acc-orders table.woocommerce-orders-table tbody tr td:first-child{
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.bf-account-page .bf-acc-orders table.woocommerce-orders-table tbody tr td:last-child{
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.bf-account-page .bf-acc-orders 
table.woocommerce-orders-table tbody{
  display: block;
}
.bf-account-page .bf-acc-orders 
table.woocommerce-orders-table tbody tr{
  display: grid;
  margin-bottom: 10px;
}

/* Actions: view primary, others secondary (from your original) */
.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-actions{
  justify-self: end;
}
.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-actions a.button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 8px 0 0;
  white-space: nowrap;
}
.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-actions a.button:last-child{
  margin-right: 0;
}
.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-actions a.button{
  background: transparent !important;
  color: var(--global-palette1) !important;
  border: 1px solid color-mix(in srgb, var(--global-palette1) 95%, transparent) !important;
  box-shadow: none !important;
}
.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-actions a.button:hover{
  background: #faf7f3 !important;
  border-color: color-mix(in srgb, var(--global-palette1) 55%, transparent) !important;
}
.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-actions a.button.view{
  background: var(--global-palette1) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.08) !important;
}
.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-actions a.button.view:hover{
  filter: brightness(.95);
}
.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-actions a.button.pay{
  border-color: color-mix(in srgb, var(--global-palette1) 55%, transparent) !important;
  font-weight: 500;
}
.bf-account-page .bf-acc-orders table.woocommerce-orders-table thead th.woocommerce-orders-table__header-order-actions{
  justify-self: end;
  text-align: right;
}

/* Checkout payment box fix */
.bf-checkout-page .woocommerce form.checkout #payment
  ul.wc_payment_methods > li.wc_payment_method .payment_box{
  flex: 0 0 100% !important;
  width: 100% !important;
  margin: 12px 0 0 !important;
}

.bf-checkout-page .woocommerce form.checkout #payment .bf-pay-icon--card{
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  color: #111;
  opacity: .9;
}
.bf-checkout-page .woocommerce form.checkout #payment .bf-pay-icon--card svg{
  width: 25px;
  height: 25px;
  display: block;
}

/* Controls row = full width flex row */
.bf-account-page .bf-acc-orders__controls{
  display: flex;
  align-items: center;
  gap: 14px;

  width: 100%;
  margin: 0 0 10px 0;
}
.bf-account-page .bf-acc-orders__search{
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}
.bf-account-page .bf-acc-orders__search input{
  width: 100%;
  border-radius: 12px;
}
.bf-account-page .bf-acc-orders__sort{
  flex: 0 0 auto;
  margin-left: auto;
}
.bf-account-page .bf-acc-orders__sort select{
  border-radius: 12px;
  min-width: 220px;
}

/* Same control height for input + select */
.bf-account-page .bf-acc-orders__search input,
.bf-account-page .bf-acc-orders__sort select{
  height: 46px;
  line-height: 46px;
  padding: 0 14px;
  border-radius: 12px;
  box-sizing: border-box;
}
.bf-account-page .bf-acc-orders__sort select{
  line-height: normal;
  padding-right: 42px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Search + Sort: beige border */
.bf-account-page .bf-acc-orders__search input,
.bf-account-page .bf-acc-orders__sort select{
  border: 1px solid #eee;
  background: #fff;
}
.bf-account-page .bf-acc-orders__search input:hover,
.bf-account-page .bf-acc-orders__sort select:hover{
  border-color: #e6dacd;
}
.bf-account-page .bf-acc-orders__search input:focus,
.bf-account-page .bf-acc-orders__sort select:focus{
  border-color: var(--global-palette1);
  outline: none;
}

/* =========================
   BF Orders — compact action buttons
   (Customizer version kept as final truth)
   ========================= */

.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-actions{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-actions .button{
  padding: 8px 14px;
  min-height: 36px;
  line-height: 1;
  font-size: 14px;
  border-radius: 999px;
  white-space: nowrap;
}
.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-actions .button.view{
  /* leave your current main styling as-is */
}
.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-actions .button:not(.view){
  background: transparent;
  color: var(--global-palette1);
  border: 1px solid rgba(122, 23, 52, .35);
  box-shadow: none;
}
.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-actions .button:not(.view):hover{
  background: #faf7f3;
  border-color: rgba(122, 23, 52, .55);
}
@media (max-width: 900px){
  .bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-actions{
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

/* =========================
   BF Orders — status as pill
   ========================= */

.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-status{
  justify-self: start;
}
.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-status{
  font-size: 0;
}
.bf-account-page .bf-acc-orders .woocommerce-orders-table__cell-order-status::before{
  content: attr(data-title);
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  border: 1px solid #eee;
  background: #f5f5f5;
  color: #333;
}
.bf-account-page .bf-acc-orders tr.woocommerce-orders-table__row--status-processing
.woocommerce-orders-table__cell-order-status::before{
  content: "In Bearbeitung";
  background: #faf7f3;
  border-color: rgba(122,23,52,.18);
  color: var(--global-palette1);
}
.bf-account-page .bf-acc-orders tr.woocommerce-orders-table__row--status-completed
.woocommerce-orders-table__cell-order-status::before{
  content: "Abgeschlossen";
  background: #eef7ee;
  border-color: rgba(0,0,0,.08);
  color: #1f6a2a;
}
.bf-account-page .bf-acc-orders tr.woocommerce-orders-table__row--status-on-hold
.woocommerce-orders-table__cell-order-status::before{
  content: "Ausstehend";
  background: #fff6e5;
  border-color: rgba(0,0,0,.08);
  color: #8a5b00;
}
.bf-account-page .bf-acc-orders tr.woocommerce-orders-table__row--status-cancelled
.woocommerce-orders-table__cell-order-status::before{
  content: "Storniert";
  background: #fdecec;
  border-color: rgba(0,0,0,.08);
  color: #9b1c1c;
}
.bf-account-page .bf-acc-orders tr.woocommerce-orders-table__row--status-checkout-draft
.woocommerce-orders-table__cell-order-status::before,
.bf-account-page .bf-acc-orders tr.woocommerce-orders-table__row--status-draft
.woocommerce-orders-table__cell-order-status::before{
  content: "Entwurf";
  background: #f1f1f1;
  border-color: rgba(0,0,0,.08);
  color: #555;
}

/* =========================
   BF Addresses — card layout (Customizer block)
   ========================= */

.bf-account-page .bf-acc-addresses__desc{
  margin: 0 0 14px;
  opacity: .8;
}

.bf-account-page .bf-acc-addresses__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 900px){
  .bf-account-page .bf-acc-addresses__grid{
    grid-template-columns: 1fr;
  }
}

.bf-account-page .bf-acc-addr-card{
  background: #fff;
  border: 1px solid #eee;
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

.bf-account-page .bf-acc-addr-card__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.bf-account-page .bf-acc-addr-card__title{
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
}

.bf-account-page .bf-acc-addr-card__edit.button{
  border-radius: 999px;
  padding: 10px 14px;
  line-height: 1;
}

.bf-account-page .bf-acc-addr-card__address{
  font-style: normal;
  margin: 0;
  line-height: 1.6;
}

.bf-account-page .bf-acc-addr-card__empty{
  margin: 0;
  opacity: .75;
}

.bf-account-page .bf-acc-addr-card.is-empty{
  background: #faf7f3;
}

/* BF My Account layout width + 2-column sizing (Customizer block) */
.bf-account-page .bf-myaccount{
  max-width: 1360px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 28px;
}
.bf-account-page .bf-myaccount{
  display: flex;
  align-items: flex-start;
  gap: 28px;
}
.bf-account-page .bf-myaccount > .bf-myaccount__sidebar{
  flex: 0 0 280px !important;
  width: 280px !important;
  max-width: 280px !important;
  min-width: 280px !important;
}
.bf-account-page .bf-myaccount > .bf-myaccount__content{
  flex: 1 1 auto;
  min-width: 0;
  max-width: 1060px;
}

/* =========================================
   ADD ADDRESS CARD (tile version) - Customizer
   ========================================= */

.bf-ma-account .bf-ma-card--add{
  border: 2px dashed rgba(125, 28, 13, .4);
  background: #fff;
  border-radius: 18px;
  min-height: 200px;

  display: flex;
  align-items: center;
  justify-content: center;

  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.bf-ma-account .bf-ma-card--add:hover{
  border-color: var(--global-palette1);
  transform: translateY(-2px);
}

.bf-ma-account .bf-ma-card--add > .bf-ma-add-tile{
  all: unset;
  box-sizing: border-box;

  width: 100%;
  height: 100%;
  padding: 34px 18px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;

  text-align: center;
  cursor: pointer;

  background: transparent;
}
.bf-ma-account .bf-ma-card--add > .bf-ma-add-tile:focus-visible{
  outline: 2px solid rgba(125,28,13,.35);
  outline-offset: 4px;
  border-radius: 18px;
}

.bf-ma-account .bf-ma-card--add .bf-ma-add-tile__icon{
  width: 54px;
  height: 54px;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: var(--global-palette1);
  color: #fff;

  transition: transform .2s ease, filter .2s ease;
}
.bf-ma-account .bf-ma-card--add .bf-ma-add-tile__icon svg{
  width: 22px;
  height: 22px;
  display: block;
  stroke: currentColor;
}
.bf-ma-account .bf-ma-card--add .bf-ma-add-tile__text{
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: var(--global-palette1);
}
.bf-ma-account .bf-ma-card--add:hover .bf-ma-add-tile__icon{
  transform: scale(1.06);
  filter: brightness(1.06);
}

/* Account addressbook header */
.bf-ma-account__head{
  display:flex;
  align-items: flex-end;
  justify-content:space-between;
  gap:16px;
}

.bf-ma-show-all{
  all: unset;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--global-palette1);
  padding: 8px 12px;
  border-radius: 999px;
}
.bf-ma-show-all:hover{
  color: var(--global-palette3);
  background: transparent;
  box-shadow: none !important;
  filter: none !important;
}
.bf-ma-show-all:focus,
.bf-ma-show-all:focus-visible,
.bf-ma-show-all:active{
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
}

/* =========================================================
   Account "Alle anzeigen" Picker Modal
   ========================================================= */

#bf-ma-picker-modal{
  position: fixed;
  inset: 0;
  z-index: 999999;
}
#bf-ma-picker-modal[hidden]{ display: none !important; }

#bf-ma-picker-modal .bf-ma-picker__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

#bf-ma-picker-modal .bf-ma-picker__panel{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  width: min(640px, calc(100vw - 32px));
  max-height: calc(100dvh - 60px);

  background: #fff;
  border-radius: 18px;
  box-shadow: 0 18px 60px rgba(0,0,0,0.35);

  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 0;
}

#bf-ma-picker-modal .bf-ma-picker__head{
  background: #f2f0ec;
  color: #111;

  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;

  padding: 10px 14px;
  position: relative;
}

#bf-ma-picker-modal .bf-ma-picker__head::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  transform: translateX(-50%);
  width: 260px;
  max-width: calc(100% - 80px);
  height: 3px;
  background: var(--global-palette1, #7a1d0b);
  pointer-events: none;
}

#bf-ma-picker-modal .bf-ma-picker__title{
  font-weight: 700;
  letter-spacing: 0.4px;
  font-size: 17px;
}

#bf-ma-picker-modal .bf-ma-picker__close{
  appearance: none;
  border: 0;
  background: transparent;

  width: 44px;
  height: 44px;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  color: #111;
  font-size: 26px;
  line-height: 1;
}
#bf-ma-picker-modal .bf-ma-picker__close:hover,
#bf-ma-picker-modal .bf-ma-picker__close:focus-visible{
  background: rgba(0,0,0,0.06);
  outline: none;
}

#bf-ma-picker-modal .bf-ma-picker__body{
  padding: 14px 18px 18px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

#bf-ma-picker-modal .bf-ma-picker__search{
  width: 100%;
  max-width: 100%;
  border-radius: 12px;
  padding: 10px 12px;
}

#bf-ma-picker-modal .bf-ma-picker__list{
  margin-top: 12px;

  display: flex;
  flex-direction: column;
  gap: 12px;

  height: 640px;
  max-height: min(640px, calc(100dvh - 260px));
  min-height: 240px;

  overflow: auto;
  padding-bottom: 10px;

  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;

  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,0.28) transparent;
}
#bf-ma-picker-modal .bf-ma-picker__list::-webkit-scrollbar{ width: 10px; }
#bf-ma-picker-modal .bf-ma-picker__list::-webkit-scrollbar-track{ background: transparent; }
#bf-ma-picker-modal .bf-ma-picker__list::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,0.20);
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: content-box;
}
#bf-ma-picker-modal .bf-ma-picker__list::-webkit-scrollbar-thumb:hover{
  background: rgba(0,0,0,0.28);
  background-clip: content-box;
}

/* Row buttons */
#bf-ma-picker-modal .bf-ma-picker__row{
  appearance: none;
  border: 1px solid rgba(0,0,0,0.08);
  background: #fff;
  border-radius: 14px;

  padding: 12px 12px;
  text-align: left;

  cursor: pointer;
  user-select: none;

  transition: box-shadow .12s ease, border-color .12s ease, transform .12s ease, background .12s ease;

  color: #111 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
#bf-ma-picker-modal .bf-ma-picker__row:hover,
#bf-ma-picker-modal .bf-ma-picker__row:focus-visible{
  border-color: rgba(0,0,0,0.14);
  box-shadow: 0 8px 18px rgba(0,0,0,0.08);
  background: #f7f6f3;
  outline: none;
}

#bf-ma-picker-modal .bf-ma-picker__company{
  font-weight: 700;
  margin-bottom: 6px;
}
#bf-ma-picker-modal .bf-ma-picker__line{
  line-height: 1.45;
  opacity: 0.9;

  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.35;
}
#bf-ma-picker-modal .bf-ma-picker__empty{
  padding: 14px;
  border-radius: 14px;
  border: 1px dashed rgba(0,0,0,0.18);
  background: #faf9f7;
  opacity: 0.9;
}

/* Mobile */
@media (max-width: 640px){
  #bf-ma-picker-modal .bf-ma-picker__panel{
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 30px);
  }
}

/* Fix: picker modal text showing white */
#bf-ma-picker-modal,
#bf-ma-picker-modal *{
  color: #111;
}
#bf-ma-picker-modal .bf-ma-picker__row,
#bf-ma-picker-modal .bf-ma-picker__row *{
  color: #111 !important;
}
#bf-ma-picker-modal .bf-ma-picker__company,
#bf-ma-picker-modal .bf-ma-picker__line{
  color: inherit !important;
}
#bf-ma-picker-modal .bf-ma-picker__search{
  color: #111 !important;
}
#bf-ma-picker-modal .bf-ma-picker__search::placeholder{
  color: rgba(0,0,0,0.55) !important;
  opacity: 1 !important;
}

/* Selected row */
#bf-ma-picker-modal .bf-ma-picker__row.is-selected{
  border-color: rgba(0,0,0,0.14);
  box-shadow: 0 8px 18px rgba(0,0,0,0.08);
  background: #f7f6f3;
}

/* Footer */
#bf-ma-picker-modal .bf-ma-picker__footer{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 2px solid rgba(0,0,0,0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
#bf-ma-picker-modal .bf-ma-picker__footer-right{
  display: flex;
  align-items: center;
  gap: 10px;
}
#bf-ma-picker-modal .bf-ma-picker__footer-left{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* Disabled */
#bf-ma-picker-modal .bf-ma-picker__delete:disabled,
#bf-ma-picker-modal .bf-ma-picker__set-billing:disabled,
#bf-ma-picker-modal .bf-ma-picker__set-shipping:disabled{
  opacity: .6;
  cursor: not-allowed;
}

/* IMPORTANT: do NOT let theme button styles win */
#bf-ma-picker-modal button{
  background: transparent;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* Footer action pills */
#bf-ma-picker-modal .bf-ma-picker__action{
  appearance: none;
  border: 1px solid rgba(0,0,0,0.18);
  background: #fff !important;
  color: #111 !important;

  border-radius: 999px;
  padding: 8px 14px;
  line-height: 1;
  font-weight: 500;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  gap: 8px;
}
#bf-ma-picker-modal .bf-ma-picker__action:hover,
#bf-ma-picker-modal .bf-ma-picker__action:focus-visible{
  background: #f7f6f3 !important;
  border-color: rgba(0,0,0,0.26);
  outline: none;
}
#bf-ma-picker-modal .bf-ma-picker__action:disabled{
  opacity: .55;
  cursor: not-allowed;
}

/* Load more button */
#bf-ma-picker-modal .bf-ma-picker__loadmore{
  appearance: none;
  border: 1px solid rgba(0,0,0,0.18);
  background: #fff !important;
  color: #111 !important;
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 600;
}
#bf-ma-picker-modal .bf-ma-picker__loadmore:hover{
  background: #f7f6f3 !important;
}

/* Layout inside row */
#bf-ma-picker-modal .bf-ma-picker__main{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#bf-ma-picker-modal .bf-ma-picker__line--strong .bf-ma-picker__text--strong{
  font-weight: 800;
}
#bf-ma-picker-modal .bf-ma-picker__line--one{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#bf-ma-picker-modal .bf-ma-picker__ico{
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: rgba(0,0,0,0.55);
}
#bf-ma-picker-modal .bf-ma-picker__dot{
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  color: rgba(0,0,0,0.45);
}
#bf-ma-picker-modal .bf-ma-picker__row.is-selected .bf-ma-picker__ico{
  color: var(--global-palette1, #7a1d0b) !important;
}
#bf-ma-picker-modal .bf-ma-picker__row.is-selected .bf-ma-picker__ico,
#bf-ma-picker-modal .bf-ma-picker__row.is-selected .bf-ma-picker__ico *{
  stroke: var(--global-palette1, #7a1d0b) !important;
  fill: none !important;
}

/* Label row / card header rules (Customizer) */
.bf-ma-row.label{
  font-size: 22px;
  font-weight: 500;
  line-height: 1.15;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.bf-ma-label-icon{
  margin-right: 2px;
  vertical-align: middle;
  opacity: .9;
}

.bf-ma-card__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.bf-ma-card__header-left{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.bf-ma-card__label-ico{
  flex:0 0 auto;
  opacity:.9;
}
.bf-ma-card__label-text{
  font-size:18px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.bf-ma-card__delete{
  position:static;
}
.bf-ma-card__actions{
  display:flex;
  align-items:center;
  gap:12px;
}
.bf-ma-card__actions .bf-ma-pill--danger{
  margin-left:auto;
}

/* Title icon in default address cards */
.bf-acc-addr-card__title{
  display:flex;
  align-items:center;
  gap:10px;
}
.bf-acc-addr-card__title-ico svg{
  display:block;
  width:18px;
  height:18px;
}

/* Divider under head for default address cards */
.bf-acc-addr-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:12px;
  margin-bottom:12px;
  border-bottom:1px solid rgba(0,0,0,.08);
}

/* Edit icon (final version from your Customizer block) */
.bf-acc-addr-card__edit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border:0;
  background:transparent;
  border-radius:10px;
  color:inherit;
  text-decoration:none;
}
.bf-acc-addr-card__edit svg{
  width:18px;
  height:18px;
  display:block;
}
.bf-acc-addr-card__edit:hover{
  background:rgba(0,0,0,.04);
}
.bf-acc-addr-card__edit:focus-visible{
  outline:2px solid rgba(0,0,0,.18);
  outline-offset:2px;
}
.bf-acc-addr-card__edit{
  width:34px;
  height:34px;
  border-radius:999px;
  background:transparent;
  border:0;
}
.bf-acc-addr-card__edit:hover{
  background:rgba(0,0,0,.04);
}

/* =========================
   BF Addresses — Standard badge as pill (RESTORE)
   ========================= */

.bf-account-page .bf-acc-addr-card{
  position: relative;      /* needed for absolute badge */
  padding-bottom: 54px;    /* room for the pill */
}

.bf-account-page .bf-acc-addr-card__badge{
  position: absolute;
  right: 16px;
  bottom: 14px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 14px;
  line-height: 1;
  padding: 10px 14px;
  border-radius: 999px;

  background: #faf7f3;
  border: 1px solid #ededed;
}

/* Put "Standard" on the same row as the city line */
.bf-account-page .bf-acc-addr-card__address{
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 14px;
  align-items: end;                 /* aligns badge with last address line */
}

/* Badge sits in the right column, aligned with the last line */
.bf-account-page .bf-acc-addr-card__badge{
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  justify-self: end;

  /* keep your pill look */
  font-size: 14px;
  line-height: 1;
  padding: 10px 14px;
  border-radius: 999px;
  background: #faf7f3;
  border: 1px solid #ededed;
}

/* Make sure badge does NOT get pushed to bottom by old absolute rules */
.bf-account-page .bf-acc-addr-card{
  position: relative;
  padding-bottom: 16px; /* remove the old "reserve space for badge" idea */
}

.bf-account-page .bf-acc-addr-card__edit:hover{
  color: var(--global-palette1) !important;
}

/* =========================================================
   BF Woo Edit Address Modal (fetch-injected Woo form)
   Scope: ONLY #bf-woo-edit-modal
   ========================================================= */

#bf-woo-edit-modal[hidden]{ display:none !important; }

#bf-woo-edit-modal{
  position: fixed;
  inset: 0;
  z-index: 999999;
}

#bf-woo-edit-modal .bf-woo-edit__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

#bf-woo-edit-modal .bf-woo-edit__panel{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  width: min(640px, calc(100vw - 32px));
  max-height: calc(100dvh - 60px);

  background: #fff;
  border-radius: 18px;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);

  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Sticky head feels better on long forms */
#bf-woo-edit-modal .bf-woo-edit__head{
  background: #f2f0ec;
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 10px 14px;
  position: sticky;
  top: 0;
  z-index: 2;
}

#bf-woo-edit-modal .bf-woo-edit__close{
  border: 0;
  background: transparent;

  width: 34px;
  height: 34px;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  font-size: 26px;
  line-height: 1;
}

#bf-woo-edit-modal .bf-woo-edit__close:hover{
  background: rgba(0,0,0,.06);
}

#bf-woo-edit-modal .bf-woo-edit__body{
  padding: 18px;
  overflow: auto;
}

/* --- Woo form inside modal --- */

#bf-woo-edit-modal .bf-woo-edit__body form{
  margin: 0;
}

#bf-woo-edit-modal .bf-woo-edit__body .woocommerce-address-fields{
  margin: 0;
}

#bf-woo-edit-modal .bf-woo-edit__body .woocommerce-address-fields__field-wrapper{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 22px;
  align-items: start;
}

#bf-woo-edit-modal .bf-woo-edit__body .woocommerce-address-fields__field-wrapper .form-row-wide{
  grid-column: 1 / -1;
}

/* In case theme tries floats */
#bf-woo-edit-modal .bf-woo-edit__body .woocommerce-address-fields__field-wrapper .form-row-first,
#bf-woo-edit-modal .bf-woo-edit__body .woocommerce-address-fields__field-wrapper .form-row-last{
  width: auto;
  float: none;
}

/* Full-width controls */
#bf-woo-edit-modal .bf-woo-edit__body input[type="text"],
#bf-woo-edit-modal .bf-woo-edit__body input[type="email"],
#bf-woo-edit-modal .bf-woo-edit__body input[type="tel"],
#bf-woo-edit-modal .bf-woo-edit__body input[type="number"],
#bf-woo-edit-modal .bf-woo-edit__body select,
#bf-woo-edit-modal .bf-woo-edit__body textarea{
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  border-radius: 14px !important;
}

/* Country <strong> display */
#bf-woo-edit-modal .bf-woo-edit__body .woocommerce-input-wrapper > strong{
  display: inline-block;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 12px;
  background: #fff;
  font-weight: 500;
}

/* Button row spacing */
#bf-woo-edit-modal .bf-woo-edit__body .woocommerce-address-fields > p{
  margin: 18px 0 0;
}

/* Make submit look like your primary */
#bf-woo-edit-modal .bf-woo-edit__body button[name="save_address"]{
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 400;
}
	
/* Kill vertical margins coming from Woo/theme form-row <p> */
#bf-woo-edit-modal .bf-woo-edit__body .woocommerce-address-fields__field-wrapper > p,
#bf-woo-edit-modal .bf-woo-edit__body .woocommerce-address-fields__field-wrapper .form-row{
  margin: 0 !important;
}

@media (max-width: 640px){
  #bf-woo-edit-modal .bf-woo-edit__panel{
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 30px);
  }

  #bf-woo-edit-modal .bf-woo-edit__body .woocommerce-address-fields__field-wrapper{
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Make Woo-edit modal match BF modal look
   ========================================================= */

#bf-woo-edit-modal .bf-woo-edit__panel{
  border-radius: 22px;                /* match BF */
  box-shadow: 0 24px 80px rgba(0,0,0,.28);
}

#bf-woo-edit-modal .bf-woo-edit__head{
  padding: 16px 18px;                 /* match BF head */
  border-bottom: 1px solid rgba(0,0,0,.08);
  background: #f7f4ef;                /* same as bf-ma-modal head */
  position: relative;
}

/* BF accent bar */
#bf-woo-edit-modal .bf-woo-edit__head::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-1px;
  width:240px;
  height:3px;
  border-radius:999px;
  background: var(--global-palette1);
}

/* Title weight/size like BF */
#bf-woo-edit-modal .bf-woo-edit__head .bf-woo-edit__title{
  font-weight: 800;
  font-size: 18px;
  color: #1f2540;
}

/* Close button to match BF */
#bf-woo-edit-modal .bf-woo-edit__close{
  width: 36px;
  height: 36px;
  font-size: 24px;
  color: #1f2540;
}

#bf-woo-edit-modal .bf-woo-edit__close:hover{
  background: rgba(31,37,64,.08);
}

/* Body padding like BF modals */
#bf-woo-edit-modal .bf-woo-edit__body{
  padding: 28px 22px 22px;
}

/* Tighten field spacing to match BF modal density */
#bf-woo-edit-modal .bf-woo-edit__body .woocommerce-address-fields__field-wrapper{
  gap: 14px 18px;
}

#bf-woo-edit-modal .bf-woo-edit__body .woocommerce-address-fields__field-wrapper > p,
#bf-woo-edit-modal .bf-woo-edit__body .woocommerce-address-fields__field-wrapper .form-row{
  margin: 0 !important;
}

#bf-woo-edit-modal .bf-woo-edit__body .woocommerce-address-fields__field-wrapper label{
  margin: 0 0 6px !important;
  font-weight: 700;
}

/* Make the submit row behave like BF: bottom-right */
#bf-woo-edit-modal .bf-woo-edit__body .woocommerce-address-fields > p{
  margin: 20px 0 0 !important;
  display: flex;
  justify-content: flex-end;
}

/* Button style like your BF primary button */
#bf-woo-edit-modal .bf-woo-edit__body button[name="save_address"]{
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 400;
}

/* Woo edit modal: force street/address fields full width */
#bf-woo-edit-modal .bf-woo-edit__body #billing_address_1_field,
#bf-woo-edit-modal .bf-woo-edit__body #billing_address_2_field,
#bf-woo-edit-modal .bf-woo-edit__body #shipping_address_1_field,
#bf-woo-edit-modal .bf-woo-edit__body #shipping_address_2_field{
  grid-column: 1 / -1 !important;
}

/* Required asterisk color = palette1 */
#bf-woo-edit-modal .bf-woo-edit__body .required,
#bf-woo-edit-modal .bf-woo-edit__body abbr.required{
  color: var(--global-palette1, #7a1d0b) !important;
}

/* My Account notices (incl. payment methods empty state) */
.woocommerce-account .woocommerce-info{
  margin: 0 0 18px !important;
  padding: 16px 18px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  background: #fff !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.04) !important;
  position: relative;
}

/* add OUR accent line as ::after */
.woocommerce-account .woocommerce-info::after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 12px !important;
  bottom: 12px !important;
  width: 4px !important;
  border-radius: 999px !important;
  background: var(--bf-palette1, #9d0b02) !important;
  pointer-events: none !important;
  display: block !important;
}

.bf-acc-edit-account .bf-acc-block:not(.is-editing) input[readonly]{
  opacity: .85;
  background: rgba(0,0,0,.02);
  cursor: not-allowed;
}
/* Edit icon button in section header */
.bf-acc-block__edit{
  background: transparent;
  border: 0;
  padding: 6px;
  border-radius: 10px;
  line-height: 0;
  cursor: pointer;

  /* THIS sets the SVG stroke color (because it uses currentColor) */
  color: #111;
}

/* prevent your global .button hover styles from affecting this */
.bf-acc-block__edit:hover{
	color: #111;
  background: rgba(0,0,0,.04);
}

/* ensure svg doesn't get filled by theme rules */
.bf-acc-block__edit svg{
  display: block;
  width: 22px;
  height: 22px;
  fill: none !important;
  stroke: currentColor;
}

.bf-acc-block__edit svg {
  stroke-width: 1.5;
}

/* =========================================================
   BF My Account — View order: Bestelldetails + Address cards
   ========================================================= */

/* Bestelldetails card */
.bf-account-page .bf-myaccount__content .woocommerce-order-details{
  margin: 0 0 24px;
  padding: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .14);
  border-radius: 18px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  overflow: hidden;
}

.bf-account-page .bf-myaccount__content .woocommerce-order-details .woocommerce-order-details__title{
  margin: 0;
  padding: 22px 24px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, .10);
  font-size: 26px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: 0.04em;
}

/* hide footer junk under Gesamt on account page too */
.bf-account-page .bf-myaccount__content .woocommerce-order-details .order-again,
.bf-account-page .bf-myaccount__content .woocommerce-order-details .bf-order-summary-actions,
.bf-account-page .bf-myaccount__content .woocommerce-order-details .bf-order-summary-meta,
.bf-account-page .bf-myaccount__content .woocommerce-order-details .bf-order-summary-footer,
.bf-account-page .bf-myaccount__content .woocommerce-order-details table.custom-fields,
.bf-account-page .bf-myaccount__content .woocommerce-order-details .woocommerce-table--custom-fields,
.bf-account-page .bf-myaccount__content .woocommerce-order-details .custom-fields{
  display: none !important;
}

/* summary card internals */
.bf-account-page .bf-myaccount__content .bf-order-summary-card{
  padding: 0;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-section--items{
  border-top: 0;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-table__head,
.bf-account-page .bf-myaccount__content .bf-order-summary-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px 160px;
  gap: 16px;
  align-items: start;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-table__head{
  padding: 14px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  background: #fcfcfb;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-table__col{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, .55);
}

.bf-account-page .bf-myaccount__content .bf-order-summary-table__col--qty{
  text-align: center;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-table__col--total{
  text-align: right;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-row{
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, .07);
}

.bf-account-page .bf-myaccount__content .bf-order-summary-row:last-child{
  border-bottom: 0;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-row__product{
  min-width: 0;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-row__name{
  font-size: 15px;
  line-height: 1.45;
  font-weight: 700;
  color: #111827;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-row__meta,
.bf-account-page .bf-myaccount__content .bf-order-summary-row__note{
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(0, 0, 0, .62);
}

.bf-account-page .bf-myaccount__content .bf-order-summary-row__meta p,
.bf-account-page .bf-myaccount__content .bf-order-summary-row__note p{
  margin: 0;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-row__qty{
  text-align: center;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 700;
  color: #111827;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-row__total{
  text-align: right;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-row__total-main{
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
  color: #111827;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-row__total-subline{
  display: none !important;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-section--totals{
  border-top: 1px solid rgba(0, 0, 0, .08);
}

.bf-account-page .bf-myaccount__content .bf-order-summary-totals{
  padding: 8px 0 0;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-total-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  padding: 14px 24px;
  border-top: 1px solid rgba(0, 0, 0, .07);
}

.bf-account-page .bf-myaccount__content .bf-order-summary-total-row:first-child{
  border-top: 0;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-total-row__label{
  font-size: 15px;
  line-height: 1.45;
  font-weight: 700;
  color: #111827;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-total-row__value{
  text-align: right;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 700;
  color: #111827;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-total-row.is-final-total{
  background: #fcfcfb;
}

.bf-account-page .bf-myaccount__content .bf-order-summary-total-row.is-final-total .bf-order-summary-total-row__label,
.bf-account-page .bf-myaccount__content .bf-order-summary-total-row.is-final-total .bf-order-summary-total-row__value{
  font-size: 18px;
  font-weight: 800;
  color: var(--global-palette1);
}

/* Customer details cards */
.bf-account-page .bf-myaccount__content .woocommerce-customer-details{
  margin: 0 0 24px;
  padding: 0;
  border: 0;
  background: transparent;
}

.bf-account-page .bf-myaccount__content .woocommerce-customer-details::before,
.bf-account-page .bf-myaccount__content .woocommerce-customer-details::after{
  display: none !important;
  content: none !important;
}

.bf-account-page .bf-myaccount__content .woocommerce-customer-details .col2-set{
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 16px;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bf-account-page .bf-myaccount__content .woocommerce-customer-details .col2-set::before,
.bf-account-page .bf-myaccount__content .woocommerce-customer-details .col2-set::after{
  display: none !important;
  content: none !important;
}

.bf-account-page .bf-myaccount__content .woocommerce-customer-details .col-1,
.bf-account-page .bf-myaccount__content .woocommerce-customer-details .col-2,
.bf-account-page .bf-myaccount__content .woocommerce-customer-details .woocommerce-column,
.bf-account-page .bf-myaccount__content .woocommerce-customer-details .woocommerce-column--1,
.bf-account-page .bf-myaccount__content .woocommerce-customer-details .woocommerce-column--2,
.bf-account-page .bf-myaccount__content .woocommerce-customer-details .woocommerce-column--billing-address,
.bf-account-page .bf-myaccount__content .woocommerce-customer-details .woocommerce-column--shipping-address{
  float: none !important;
  clear: none !important;
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .14);
  border-radius: 18px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  overflow: hidden;
  box-sizing: border-box;
}

.bf-account-page .bf-myaccount__content .woocommerce-customer-details .col-1::before,
.bf-account-page .bf-myaccount__content .woocommerce-customer-details .col-1::after,
.bf-account-page .bf-myaccount__content .woocommerce-customer-details .col-2::before,
.bf-account-page .bf-myaccount__content .woocommerce-customer-details .col-2::after{
  display: none !important;
  content: none !important;
}

.bf-account-page .bf-myaccount__content .woocommerce-customer-details h2,
.bf-account-page .bf-myaccount__content .woocommerce-customer-details .woocommerce-column__title{
  margin: 0;
  padding: 22px 24px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, .10);
  font-size: 26px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.bf-account-page .bf-myaccount__content .woocommerce-customer-details address{
  margin: 0;
  padding: 20px 24px 24px;
  font-style: normal;
  line-height: 1.7;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* address icon/text internals */
.bf-account-page .bf-myaccount__content .bf-order-address-card__body{
  padding: 18px 24px 22px;
}

.bf-account-page .bf-myaccount__content .bf-order-address-item{
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.bf-account-page .bf-myaccount__content .bf-order-address-item + .bf-order-address-item{
  margin-top: 6px;
}

.bf-account-page .bf-myaccount__content .bf-order-address-item__icon{
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  color: #444;
  margin-top: 2px;
}

.bf-account-page .bf-myaccount__content .bf-order-address-item__icon svg{
  width: 18px;
  height: 18px;
  display: block;
}

.bf-account-page .bf-myaccount__content .bf-order-address-item__text{
  font-size: 15px;
  line-height: 1.45;
  color: #2d2d2d;
}

.bf-account-page .bf-myaccount__content .bf-order-address-item__text--strong{
  font-weight: 700;
  color: #111827;
}

/* mobile */
@media (max-width: 768px){
  .bf-account-page .bf-myaccount__content .bf-order-summary-table__head,
  .bf-account-page .bf-myaccount__content .bf-order-summary-row{
    grid-template-columns: minmax(0, 1fr) 70px 100px;
    gap: 12px;
  }

  .bf-account-page .bf-myaccount__content .bf-order-summary-table__head,
  .bf-account-page .bf-myaccount__content .bf-order-summary-row,
  .bf-account-page .bf-myaccount__content .bf-order-summary-total-row{
    padding-left: 16px;
    padding-right: 16px;
  }

  .bf-account-page .bf-myaccount__content .bf-order-summary-row__name,
  .bf-account-page .bf-myaccount__content .bf-order-summary-row__qty,
  .bf-account-page .bf-myaccount__content .bf-order-summary-total-row__label,
  .bf-account-page .bf-myaccount__content .bf-order-summary-total-row__value{
    font-size: 14px;
  }

  .bf-account-page .bf-myaccount__content .bf-order-summary-total-row.is-final-total .bf-order-summary-total-row__label,
  .bf-account-page .bf-myaccount__content .bf-order-summary-total-row.is-final-total .bf-order-summary-total-row__value{
    font-size: 16px;
  }

  .bf-account-page .bf-myaccount__content .woocommerce-customer-details .col2-set{
    flex-wrap: wrap !important;
  }

  .bf-account-page .bf-myaccount__content .woocommerce-customer-details .col-1,
  .bf-account-page .bf-myaccount__content .woocommerce-customer-details .col-2,
  .bf-account-page .bf-myaccount__content .woocommerce-customer-details .woocommerce-column,
  .bf-account-page .bf-myaccount__content .woocommerce-customer-details .woocommerce-column--1,
  .bf-account-page .bf-myaccount__content .woocommerce-customer-details .woocommerce-column--2,
  .bf-account-page .bf-myaccount__content .woocommerce-customer-details .woocommerce-column--billing-address,
  .bf-account-page .bf-myaccount__content .woocommerce-customer-details .woocommerce-column--shipping-address{
    flex: 1 1 100% !important;
    width: 100% !important;
  }
}

.bf-account-order-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	margin: 0 0 28px;
}

.bf-account-order-header__main {
	min-width: 0;
}

.bf-account-order-header__title {
	margin: 0;
	font-size: 28px;
	line-height: 1.15;
	font-weight: 700;
	color: #1d2d5a;
}

.bf-account-order-header__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.4;
	color: #555;
}

.bf-account-order-header__separator {
	color: #999;
}

.bf-account-order-header__status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	border: 1px solid transparent;
}

.bf-account-order-header__status.status-completed {
	background: #edf5ea;
	color: #517a3f;
	border-color: #cfe0c6;
}

.bf-account-order-header__status.status-processing,
.bf-account-order-header__status.status-on-hold {
	background: #fff4e8;
	color: #a45a00;
	border-color: #f1d1a8;
}

.bf-account-order-header__status.status-pending {
	background: #f5f5f5;
	color: #666;
	border-color: #ddd;
}

.bf-account-order-header__status.status-cancelled,
.bf-account-order-header__status.status-failed,
.bf-account-order-header__status.status-refunded {
	background: #fdecec;
	color: #a12622;
	border-color: #efc5c5;
}

.bf-account-order-header__actions {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.bf-account-order-header__back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	border: 1px solid #ab2500;
	border-radius: 999px;
	background: #fff;
	color: #ab2500;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.2s ease;
}

.bf-account-order-header__back:hover {
	background: #ab2500;
	color: #fff;
	text-decoration: none;
}

@media (max-width: 767px) {
	.bf-account-order-header {
		flex-direction: column;
		align-items: stretch;
	}

	.bf-account-order-header__actions {
		justify-content: flex-start;
	}
}