/* Vendor Board Version 405 — canonical Vendor flyer geometry.
   Official Vendor flyer canvas: portrait 2:3. Recommended upload: 1024 x 1536 px.
   This file is loaded last and standardizes display geometry without cropping artwork. */

:root{--revb-vendor-flyer-ratio:2/3}

/* The two supported Vendor flyer sources share one paper shape. */
.vb284-smart-flyer,
.public-uploaded-flyer{
  aspect-ratio:var(--revb-vendor-flyer-ratio)!important;
  box-sizing:border-box!important;
}
.public-uploaded-flyer{
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#0d0c0e!important;
}
.public-uploaded-flyer>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* Vendor Search gallery — Smart and Custom occupy the same 2:3 board card. */
.corkboard:not(.list-view) .vendor-pin button{
  aspect-ratio:var(--revb-vendor-flyer-ratio)!important;
  overflow:hidden!important;
  background:#171417!important;
}
.corkboard:not(.list-view) .vendor-pin button>.flyer{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
}

/* Community Spotlight — preserve the top architecture/lights; extend the artwork downward. */
body.home-300d .d300-supporter-flyer{
  aspect-ratio:var(--revb-vendor-flyer-ratio)!important;
}
body.home-300d .d300-supporter-flyer .d304-supporter-slide,
body.home-300d .d300-supporter-flyer .d304-supporter-slide>.flyer{
  width:100%!important;
  height:100%!important;
}
body.home-300d .d300-shadowbox .d315-supporter-plaque{
  padding-top:5px!important;
  padding-bottom:6px!important;
}

/* Featured Vendors — both rotating positions use the same complete 2:3 flyer. */
body.home-300d #featured-vendors .d300-random-art{
  aspect-ratio:var(--revb-vendor-flyer-ratio)!important;
  height:auto!important;
  max-height:none!important;
  flex:0 0 auto!important;
}
body.home-300d #featured-vendors .d300-random-art>.flyer{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
}
body.home-300d #featured-vendors .d300-random-slot{min-height:320px!important}

/* Public Vendor profile and enlargement. */
#listingModal .revb233-flyer-thumb-link{
  width:100%!important;
  aspect-ratio:var(--revb-vendor-flyer-ratio)!important;
  overflow:hidden!important;
}
#listingModal .revb233-flyer-thumb-link>.flyer,
#listingModal .revb-profile-preview.vb284-smart-flyer,
#listingModal .revb-profile-preview.public-uploaded-flyer{
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
}
.revb233-flyer-zoom-art>.flyer,
.revb233-zoom-art>.flyer,
.revb231-zoom-art>.flyer,
.flyer-zoom-art>.flyer{
  width:min(100%,360px)!important;
  height:auto!important;
  aspect-ratio:var(--revb-vendor-flyer-ratio)!important;
  margin:0 auto!important;
}
.spotlight-preview-flyer .flyer{
  width:100%!important;
  height:auto!important;
  aspect-ratio:var(--revb-vendor-flyer-ratio)!important;
}

/* Vendor Smart Flyer editor final proof — same paper shape members upload. */
#smartFlyerModal .smart-final-proof-stage{
  width:250px!important;
  height:375px!important;
  aspect-ratio:var(--revb-vendor-flyer-ratio)!important;
}
#smartFlyerModal .vb284-editor-proof,
#smartFlyerModal .vb284-editor-proof>.vb284-smart-flyer{
  width:100%!important;
  height:100%!important;
}
#smartFlyerModal .revb-live-preview-label{width:250px!important}

/* Admin review/management — Smart and Custom use identical 2:3 preview frames. */
.member-flyer-slot .admin-flyer-proof-button,
.member-flyer-slot .admin-empty-flyer-slot{
  width:190px!important;
  height:285px!important;
  aspect-ratio:var(--revb-vendor-flyer-ratio)!important;
}
.member-flyer-slot .admin-flyer-proof-button>.flyer,
.member-flyer-slot .admin-uploaded-flyer{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
}
.admin-proof-zoom-art .admin-flyer-proof-button{
  aspect-ratio:var(--revb-vendor-flyer-ratio)!important;
}
.admin-proof-zoom-art .admin-flyer-proof-button>.flyer,
.admin-proof-zoom-art .admin-uploaded-flyer{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

/* Upload requirements are intentionally visible before a member selects a file. */
.flyer-upload-requirements{
  margin:12px 0 14px;
  padding:11px 12px;
  border:1px solid rgba(189,145,105,.42);
  border-radius:9px;
  background:rgba(28,22,28,.08);
  text-align:left;
}
.flyer-upload-requirements strong{display:block;margin-bottom:5px}
.flyer-upload-requirements ul{margin:0;padding-left:19px}
.flyer-upload-requirements li{margin:3px 0;line-height:1.28}
.flyer-upload-requirements .upload-reject-note{display:block;margin-top:7px;font-weight:700}

@media(max-width:850px){
  body.home-300d #featured-vendors .d300-random-slot{min-height:222px!important}
}
@media(max-width:650px){
  body.home-300d #featured-vendors .d300-random-slot{min-height:194px!important}
  body.home-300d .d300-shadowbox .d315-supporter-plaque{padding-top:3px!important;padding-bottom:4px!important}
  #smartFlyerModal .smart-final-proof-stage{width:220px!important;height:330px!important}
  #smartFlyerModal .revb-live-preview-label{width:220px!important}
  .member-flyer-slot .admin-flyer-proof-button,
  .member-flyer-slot .admin-empty-flyer-slot{width:155px!important;height:232.5px!important}
}