/* Bikesaman My Garage v2.0 — scoped styles; no global header positioning. */
.bsm-garage{--bsm-red:#e3000f;--bsm-dark:#181a1f;--bsm-ink:#202329;--bsm-muted:#737882;--bsm-line:#e7e8eb;max-width:100%;color:var(--bsm-ink);font-family:inherit}
.bsm-garage *{box-sizing:border-box}
.bsm-garage h2,.bsm-garage h3,.bsm-garage h4,.bsm-garage p{margin-top:0}
.bsm-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;padding:28px 30px;margin:0 0 18px;border-radius:18px;background:linear-gradient(120deg,#17191d 0%,#282c33 72%,#3a2528 100%);color:#fff}
.bsm-hero:after{content:"";position:absolute;right:-60px;bottom:-120px;width:300px;height:300px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 58px rgba(255,255,255,.02);pointer-events:none}
.bsm-hero-copy{position:relative;z-index:1;max-width:580px}
.bsm-eyebrow{display:block;margin:0 0 9px;color:#ff626a;font-size:10px;font-weight:850;letter-spacing:1.9px}
.bsm-hero h2{margin:0 0 9px;color:#fff;font-size:clamp(26px,3vw,34px);font-weight:800;line-height:1.1;letter-spacing:-.6px}
.bsm-hero p{max-width:520px;margin:0 0 18px;color:#d1d4d9;font-size:14px;line-height:1.6}
.bsm-hero-link{display:inline-flex;align-items:center;gap:10px;color:#fff!important;font-size:13px;font-weight:750;text-decoration:none!important}
.bsm-hero-link span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--bsm-red);transition:transform .2s}
.bsm-hero-link:hover span{transform:translateX(3px)}
.bsm-hero-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:0 0 116px;width:116px;height:116px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(255,255,255,.045);color:#ff444e;transform:rotate(-5deg)}
.bsm-hero-icon svg{width:82px;height:64px}
.bsm-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}
.bsm-overview-item{position:relative;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-width:0;padding:15px 16px;border:1px solid var(--bsm-line);border-radius:14px;background:#fff}
.bsm-overview-icon{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:#fff0f1;color:var(--bsm-red);font-size:24px;font-weight:700}
.bsm-overview-number{display:block;font-size:22px;font-weight:850;line-height:1.1;color:var(--bsm-dark);font-variant-numeric:tabular-nums}
.bsm-overview-label{display:block;margin-top:4px;color:var(--bsm-muted);font-size:11px;line-height:1.25}
.bsm-add-bike{overflow:hidden;margin:0 0 22px;border:1px solid var(--bsm-line);border-radius:15px;background:#fff}
.bsm-add-bike>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:75px;padding:14px 18px;cursor:pointer;list-style:none}
.bsm-add-bike>summary::-webkit-details-marker,.bsm-edit-bike>summary::-webkit-details-marker{display:none}
.bsm-add-summary{display:flex;align-items:center;gap:12px}
.bsm-plus{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#fff0f1;color:var(--bsm-red);font-size:28px;line-height:1}
.bsm-add-summary strong{display:block;color:var(--bsm-ink);font-size:14px;font-weight:800}
.bsm-add-summary small{display:block;margin-top:4px;color:var(--bsm-muted);font-size:12px}
.bsm-summary-toggle{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:9px;background:#f5f6f7;color:#41454c;font-size:22px;transition:transform .2s}
.bsm-add-bike[open]>summary .bsm-summary-toggle{transform:rotate(45deg)}
.bsm-bike-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 18px 20px}
.bsm-field{display:flex;flex-direction:column;gap:7px;min-width:0;color:#343840;font-size:12px;font-weight:750}
.bsm-field>span{display:flex;align-items:center;gap:7px}
.bsm-field small{color:#92969e;font-size:10px;font-weight:500}
.bsm-field input,.bsm-field select,.bsm-product-garage-form select{display:block;width:100%;min-width:0;height:44px;padding:0 12px;border:1px solid #dfe1e5;border-radius:9px;background:#fff;color:#252830;font-family:inherit;font-size:13px;font-weight:450;box-shadow:none;outline:none}
.bsm-field input:focus,.bsm-field select:focus,.bsm-product-garage-form select:focus{border-color:var(--bsm-red);box-shadow:0 0 0 3px rgba(227,0,15,.08)}
.bsm-other-field[hidden]{display:none!important}
.bsm-field-wide{grid-column:1/-1}
.bsm-form-actions{grid-column:1/-1;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.bsm-primary,.bsm-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 15px;border:1px solid transparent;border-radius:9px;font-family:inherit;font-size:12px;font-weight:800;line-height:1.2;text-align:center;text-decoration:none!important;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.bsm-primary{background:var(--bsm-red);color:#fff!important}
.bsm-primary:hover{background:#bf0010;color:#fff!important}
.bsm-secondary{border-color:#dfe1e5;background:#fff;color:#333740!important}
.bsm-secondary:hover{border-color:#bfc2c8;background:#f8f8f9}
.bsm-button-link{display:inline-flex}
.bsm-limit-note{margin:0;padding:15px 18px;color:var(--bsm-muted);font-size:13px}
.bsm-empty{display:flex;align-items:center;gap:17px;padding:23px;margin:0 0 22px;border:1px dashed #d6d8de;border-radius:15px;background:#fbfbfc}
.bsm-empty-icon{display:flex;align-items:center;justify-content:center;flex:0 0 64px;width:64px;height:64px;border-radius:17px;background:#fff0f1;color:var(--bsm-red)}
.bsm-empty-icon svg{width:48px;height:36px}
.bsm-empty h3{margin:0 0 6px;font-size:17px;font-weight:800}
.bsm-empty p{margin:0;color:var(--bsm-muted);font-size:12px;line-height:1.6}
.bsm-bike-panel{margin:0 0 22px;padding:20px;border:1px solid var(--bsm-line);border-radius:17px;background:#fff;box-shadow:0 5px 19px rgba(24,26,31,.035)}
.bsm-bike-panel.is-default{border-color:#f0b9bd;box-shadow:0 7px 24px rgba(227,0,15,.055)}
.bsm-bike-top{display:flex;align-items:center;gap:13px;min-width:0}
.bsm-bike-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 56px;width:56px;height:56px;border-radius:15px;background:#fff0f1;color:var(--bsm-red)}
.bsm-bike-avatar svg{width:48px;height:36px}
.bsm-bike-details{flex:1;min-width:0}
.bsm-bike-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bsm-bike-details h3{margin:0;color:var(--bsm-dark);font-size:18px;font-weight:850;line-height:1.3;overflow-wrap:anywhere}
.bsm-bike-details p{margin:5px 0 0;color:var(--bsm-muted);font-size:12px;line-height:1.45}
.bsm-default-badge{display:inline-flex;align-items:center;min-height:21px;padding:3px 7px;border-radius:99px;background:#fff0f1;color:#be0010;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.3px}
.bsm-bike-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.bsm-inline-form{display:inline-flex;margin:0}
.bsm-text-button{padding:7px;border:0;background:transparent;color:#c30010;font-family:inherit;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer}
.bsm-icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #e7e8eb;border-radius:9px;background:#fff;color:#5c616a;font-size:17px;line-height:1;cursor:pointer}
.bsm-icon-button:hover{border-color:#c9ccd1;color:var(--bsm-red)}
.bsm-icon-button.bsm-delete{font-size:22px}
.bsm-edit-bike{margin-top:15px;border-top:1px solid #f0f0f2}
.bsm-edit-bike>summary{padding:12px 0 0;color:#777d86;font-size:11px;font-weight:750;cursor:pointer;list-style:none}
.bsm-edit-bike[open]>summary{padding-bottom:15px}
.bsm-bike-metrics{display:flex;align-items:center;gap:21px;flex-wrap:wrap;margin:17px 0 20px;padding:13px 14px;border-radius:11px;background:#f7f8f9}
.bsm-bike-metrics>div{display:flex;align-items:baseline;gap:6px}
.bsm-bike-metrics strong{color:var(--bsm-dark);font-size:16px;font-weight:850;font-variant-numeric:tabular-nums}
.bsm-bike-metrics span:not(a span){color:#6e737d;font-size:11px}
.bsm-bike-metrics>a{display:inline-flex;align-items:center;gap:8px;margin-left:auto;color:#c50010;font-size:12px;font-weight:800;text-decoration:none}
.bsm-list-section{padding-top:17px;margin-top:17px;border-top:1px solid #eceef0}
.bsm-section-heading{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.bsm-section-heading h4{display:flex;align-items:center;gap:8px;margin:0;color:#2a2d33;font-size:15px;font-weight:850}
.bsm-section-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#fff0f1;color:var(--bsm-red);font-size:21px}
.bsm-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:7px;background:#f0f1f3;color:#555a62;font-size:10px;font-weight:800}
.bsm-parts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.bsm-part-card{position:relative;display:flex;align-items:center;gap:11px;min-width:0;min-height:104px;padding:12px;border:1px solid #e9eaed;border-radius:12px;background:#fff}
.bsm-part-image{display:flex;align-items:center;justify-content:center;flex:0 0 72px;width:72px;height:72px;border-radius:9px;background:#fafafa}
.bsm-part-image img{display:block;width:100%;height:100%;object-fit:contain}
.bsm-part-info{flex:1;min-width:0;padding-right:15px}
.bsm-part-title{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#24272d;font-size:12px;font-weight:750;line-height:1.4;text-decoration:none}
.bsm-part-title:hover{color:#c60010}
.bsm-part-price{margin:6px 0;color:#1a1c20;font-size:12px;font-weight:850}
.bsm-part-price del{color:#92969e;font-weight:500}
.bsm-part-price ins{text-decoration:none}
.bsm-part-view{display:inline-flex;align-items:center;gap:5px;color:#c60010;font-size:10px;font-weight:800;text-decoration:none}
.bsm-remove-form{position:absolute;top:6px;right:6px;margin:0}
.bsm-remove{display:flex;align-items:center;justify-content:center;width:23px;height:23px;padding:0;border:0;border-radius:7px;background:#f3f4f5;color:#737882;font-size:18px;line-height:1;cursor:pointer}
.bsm-remove:hover{background:#fff0f1;color:#c60010}
.bsm-list-empty{display:flex;align-items:center;gap:12px;padding:14px;border:1px dashed #e0e2e5;border-radius:11px;background:#fcfcfd}
.bsm-empty-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#f0f1f3;color:#777d86;font-size:23px}
.bsm-list-empty strong{display:block;margin-bottom:4px;color:#363940;font-size:12px;font-weight:800}
.bsm-list-empty p{margin:0;color:#818690;font-size:11px;line-height:1.5}
.bsm-garage-disclaimer{margin:5px 0 0;padding:13px 15px;border-left:3px solid #e1e2e5;background:#f8f9fa;color:#737882;font-size:11px;line-height:1.6}
.bsm-garage-disclaimer strong{color:#3f434b}
.bsm-product-garage{clear:both;margin-top:18px;padding:16px;border:1px solid #e7e8eb;border-radius:13px;background:#fbfbfc}
.bsm-product-garage-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.bsm-product-garage-icon{display:flex;align-items:center;justify-content:center;flex:0 0 35px;width:35px;height:35px;border-radius:10px;background:#fff0f1;color:#c90010;font-size:23px}
.bsm-product-garage-head strong{display:block;margin:0 0 3px;color:#272a30;font-size:13px;font-weight:850}
.bsm-product-garage-head small{display:block;color:#757a83;font-size:11px;line-height:1.45}
.bsm-product-garage>strong{display:block;margin-bottom:10px;font-size:13px}
.bsm-product-garage>p{margin:0 0 12px;color:#727781;font-size:12px}
.bsm-product-garage-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bsm-product-garage-form select{flex:1 1 150px;max-width:100%}
.bsm-product-garage-form button{flex:0 0 auto}
.woocommerce-MyAccount-navigation-link--my-garage a:before{content:"⌁";display:inline-block;margin-right:10px;color:#e3000f;font-size:19px;line-height:1}
.woocommerce-MyAccount-navigation-link--my-garage.is-active>a{font-weight:750}

/* The drawer link copies Motta's own row typography and spacing at runtime.
   These rules only normalize the custom icon/label and never set row padding,
   font family, font size, or gap, which must match the active responsive menu. */
.bsm-garage-drawer-link{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:24px!important;
  column-gap:24px!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  float:none!important;
  clear:both!important;
  text-decoration:none!important;
  cursor:pointer;
  white-space:normal!important;
}
.bsm-garage-drawer-link:hover,.bsm-garage-drawer-link:focus{color:inherit;text-decoration:none;outline-offset:-2px}
.bsm-garage-drawer-link .bsm-garage-drawer-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 24px!important;
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}
.bsm-garage-drawer-link .bsm-garage-drawer-icon svg{display:block!important;flex:0 0 20px!important;width:20px!important;height:20px!important;max-width:20px!important;margin:0!important}
.bsm-garage-drawer-link .bsm-garage-drawer-label{
  display:block!important;
  flex:0 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  text-align:inherit!important;
  color:inherit!important;
  white-space:inherit!important;
}
.bsm-garage-drawer-item{display:block!important;list-style:none!important;margin:0!important;padding:0!important}
.bsm-garage-drawer-item>.bsm-garage-drawer-link{display:flex!important}

@media(max-width:760px){
 .bsm-hero{padding:22px 20px;border-radius:15px}
 .bsm-hero-icon{flex-basis:75px;width:75px;height:75px;border-radius:17px}
 .bsm-hero-icon svg{width:57px;height:47px}
 .bsm-hero p{font-size:12px}
 .bsm-overview{gap:8px}
 .bsm-overview-item{grid-template-columns:1fr;justify-items:start;row-gap:6px;padding:12px}
 .bsm-overview-icon{grid-row:auto;width:30px;height:30px;border-radius:9px;font-size:20px}
 .bsm-overview-number{font-size:19px}
 .bsm-overview-label{font-size:10px}
 .bsm-bike-panel{padding:15px}
 .bsm-parts-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
 .bsm-hero{align-items:flex-start;padding:20px 17px}
 .bsm-hero-icon{display:none}
 .bsm-hero h2{font-size:26px}
 .bsm-overview-item{padding:10px 9px}
 .bsm-overview-label{line-height:1.25}
 .bsm-add-bike>summary{padding:13px}
 .bsm-bike-form{grid-template-columns:1fr;padding:0 13px 15px}
 .bsm-field-wide,.bsm-form-actions{grid-column:auto}
 .bsm-form-actions .bsm-primary,.bsm-form-actions .bsm-secondary{flex:1}
 .bsm-bike-top{align-items:flex-start;gap:10px}
 .bsm-bike-avatar{flex-basis:44px;width:44px;height:44px}
 .bsm-bike-avatar svg{width:40px}
 .bsm-bike-details h3{font-size:16px}
 .bsm-bike-actions{gap:3px}
 .bsm-icon-button{width:29px;height:29px}
 .bsm-text-button{font-size:10px;padding:5px}
 .bsm-default-badge{font-size:8px}
 .bsm-bike-metrics{gap:12px;padding:11px}
 .bsm-bike-metrics>div{flex-direction:column;gap:2px}
 .bsm-bike-metrics>a{margin-left:0}
 .bsm-part-card{min-height:92px;padding:9px}
 .bsm-part-image{flex-basis:62px;width:62px;height:62px}
 .bsm-product-garage-form{flex-direction:column;align-items:stretch}
 .bsm-product-garage-form select,.bsm-product-garage-form button{width:100%;max-width:none}
 .bsm-empty{align-items:flex-start;padding:18px}
 .bsm-empty-icon{flex-basis:48px;width:48px;height:48px}
 .bsm-empty-icon svg{width:37px}
}
