/* M012: compact mobile info rows and keep the price alongside both rows. */
/* MMB-LISTING-MOBILE-M011-FIX01. Based on the installed M011 template.
   Price spans date + views/share row; share stays adjacent to views.
   Dark gallery stage chevrons and breadcrumb chevrons apply to PC AND mobile.
   No change to gallery JS, its lightbox, seller contact data, or header. */
body.mbr-p28-reference-page .mmb-m012-action-left {display:contents;}
body.mbr-p28-reference-page .mmb-m011-mobile-price {display:none;}

/* Use exactly one SVG chevron on PC and mobile, rather than fragile icon-font glyphs. */
body.mbr-p28-reference-page .p28-breadcrumb > i.bi-chevron-right,
body.mbr-p28-reference-page .mmb-m009-gallery .mmb-m009-arrow > i.bi-chevron-left,
body.mbr-p28-reference-page .mmb-m009-gallery .mmb-m009-arrow > i.bi-chevron-right {display:none!important;}
body.mbr-p28-reference-page .p28-breadcrumb > svg.mmb-m011-breadcrumb-chevron {
  display:block!important;width:12px!important;height:12px!important;min-width:12px!important;
  flex:0 0 12px!important;color:#101820!important;stroke:#101820!important;
}
body.mbr-p28-reference-page .mmb-m009-gallery .mmb-m009-arrow {
  color:#101820!important;-webkit-text-fill-color:#101820!important;opacity:1!important;
}
body.mbr-p28-reference-page .mmb-m009-gallery .mmb-m009-arrow > svg.mmb-m011-gallery-chevron {
  display:block!important;width:21px!important;height:21px!important;
  min-width:21px!important;min-height:21px!important;
  color:#101820!important;stroke:#101820!important;pointer-events:none;
}
body.mbr-p28-reference-page .mmb-m009-gallery .mmb-m009-arrow:hover > svg.mmb-m011-gallery-chevron {
  color:#101820!important;stroke:#101820!important;
}
@media (max-width:639.98px) {
  body.mbr-p28-reference-page .p28-under-gallery-actions {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    justify-content:stretch!important;
    align-items:center!important;
    gap:8px!important;
    min-height:0!important;
    padding:9px 11px!important;
  }
  /* Nested grid is necessary; otherwise the Price gets positioned only at row 2. */
  body.mbr-p28-reference-page .mmb-m012-action-left {
    display:grid!important;
    grid-template-columns:max-content max-content!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    align-content:center!important;
    justify-content:start!important;
    row-gap:3px!important;
    column-gap:10px!important;
    min-width:0!important;
    grid-column:1!important;
    grid-row:1!important;
  }
  body.mbr-p28-reference-page .p28-under-gallery-meta,
  body.mbr-p28-reference-page .p28-under-gallery-buttons {display:contents!important;}
  body.mbr-p28-reference-page .p28-under-gallery-meta > span:first-child {
    grid-column:1/-1!important;grid-row:1!important;
    min-width:0!important;line-height:1.35!important;white-space:nowrap!important;
    font-size:clamp(12px,3.3vw,14px)!important;
  }
  body.mbr-p28-reference-page .p28-under-gallery-meta > span:nth-child(2) {
    grid-column:1!important;grid-row:2!important;
    min-width:0!important;white-space:nowrap!important;
    font-size:clamp(11px,3.15vw,14px)!important;
  }
  body.mbr-p28-reference-page .p28-under-gallery-buttons > [data-p28-save] {display:none!important;}
  body.mbr-p28-reference-page .p28-under-gallery-buttons > [data-p28-share] {
    grid-column:2!important;grid-row:2!important;
    margin:0!important;padding:0!important;
    white-space:nowrap!important;font-size:clamp(11px,3.15vw,14px)!important;
  }
  body.mbr-p28-reference-page .p28-under-gallery-meta > span,
  body.mbr-p28-reference-page .p28-under-gallery-buttons > [data-p28-share] {
    gap:5px!important;
  }
  body.mbr-p28-reference-page .mmb-m011-mobile-price {
    display:flex!important;
    grid-column:2!important;grid-row:1!important;
    align-self:center!important;
    flex-direction:column;justify-content:center;align-items:flex-start;
    min-width:0;max-width:142px;
    padding:7px 10px;
    border:1px solid #ffd8d8;border-radius:12px;
    background:#fff4f4;box-sizing:border-box;line-height:1.18;
  }
  body.mbr-p28-reference-page .mmb-m011-mobile-price span {
    color:#64748b;font-size:clamp(10px,2.9vw,12px);white-space:nowrap;
  }
  body.mbr-p28-reference-page .mmb-m011-mobile-price strong {
    color:#ef2b2d;font-size:clamp(15px,4.4vw,20px);font-weight:800;
    margin-top:4px;white-space:nowrap;
  }
  body.mbr-p28-reference-page .p28-summary-top > .p28-price-box {display:none!important;}
}
@media (max-width:355px) {
  body.mbr-p28-reference-page .p28-under-gallery-actions {gap:5px!important;padding-inline:8px!important;}
  body.mbr-p28-reference-page .mmb-m012-action-left {column-gap:5px!important;}
  body.mbr-p28-reference-page .mmb-m011-mobile-price {padding:7px!important;}
  body.mbr-p28-reference-page .mmb-m011-mobile-price strong {font-size:14px!important;}
  body.mbr-p28-reference-page .p28-under-gallery-meta > span:nth-child(2),
  body.mbr-p28-reference-page .p28-under-gallery-buttons > [data-p28-share] {font-size:11px!important;gap:4px!important;}
}