/* =============================================================
   315D — COMMUNITY SPOTLIGHT DISPLAY PLAQUE
   Presentation only:
   - Flyer begins directly beneath the gallery lights.
   - Company name + category move to a deeper bottom identification plaque.
   - Company names stay on one line; JS may shrink them only as far as
     the category font size, then gently compress width as a last resort.
   No data, timing, link, Vendor, Realtor, Admin, auth, or backend changes.
   ============================================================= */

/* Let the light beams fall on the artwork instead of a title line. */
body.home-300d .d300-shadowbox{
  padding-top:42px!important;
  padding-bottom:19px!important;
}

/* Bottom frame / identification plaque. */
body.home-300d .d315-supporter-plaque{
  position:relative!important;
  z-index:3!important;
  box-sizing:border-box!important;
  width:auto!important;
  margin:14px -9px -7px!important;
  padding:8px 12px 10px!important;
  overflow:hidden!important;
  text-align:center!important;
  border-top:1px solid rgba(181,139,98,.76)!important;
  border-bottom:1px solid rgba(91,65,46,.95)!important;
  background:
    linear-gradient(180deg,rgba(129,94,63,.26),rgba(28,21,18,.96) 30%,rgba(14,12,12,.99) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(244,218,181,.1),
    inset 0 -1px 0 rgba(0,0,0,.72),
    0 -5px 15px rgba(255,221,168,.035)!important;
}

body.home-300d .d315-supporter-plaque::before,
body.home-300d .d315-supporter-plaque::after{
  content:"";
  position:absolute;
  top:5px;
  bottom:5px;
  width:1px;
  background:linear-gradient(to bottom,transparent,rgba(187,143,100,.52),transparent);
  pointer-events:none;
}
body.home-300d .d315-supporter-plaque::before{left:5px}
body.home-300d .d315-supporter-plaque::after{right:5px}

body.home-300d .d315-supporter-plaque .d300-supporter-name{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0 6px!important;
  overflow:visible!important;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
  text-overflow:clip!important;
  font-family:'Fraunces',Georgia,serif!important;
  font-size:1rem!important;
  line-height:1.08!important;
  font-weight:600!important;
  letter-spacing:.005em!important;
  color:#f2e6d8!important;
  transform-origin:50% 50%!important;
}
body.home-300d .d315-supporter-plaque .d300-supporter-type{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:4px 0 0!important;
  padding:0 6px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:.72rem!important;
  line-height:1.1!important;
  font-weight:600!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  color:#cdbba9!important;
}
body.home-300d .d315-supporter-plaque .d300-spotlight-dots{
  margin:7px 0 0!important;
  gap:9px!important;
}
body.home-300d .d315-supporter-plaque .d300-spotlight-dots i{
  width:7px!important;
  height:7px!important;
}

/* Phone: preserve the compact three-column composition while keeping the
   plaque readable. The company-name minimum is tied to the category's
   computed font size by home-315d.js. */
@media(max-width:650px){
  body.home-300d .d300-shadowbox{
    padding-top:23px!important;
    padding-bottom:8px!important;
  }
  body.home-300d .d315-supporter-plaque{
    margin:7px -2px -2px!important;
    padding:4px 4px 5px!important;
  }
  body.home-300d .d315-supporter-plaque .d300-supporter-name{
    font-size:.56rem!important;
    line-height:1.04!important;
    padding:0 2px!important;
  }
  body.home-300d .d315-supporter-plaque .d300-supporter-type{
    font-size:.42rem!important;
    line-height:1.05!important;
    letter-spacing:.025em!important;
    margin-top:2px!important;
    padding:0 2px!important;
  }
  body.home-300d .d315-supporter-plaque .d300-spotlight-dots{
    margin-top:4px!important;
    gap:5px!important;
  }
  body.home-300d .d315-supporter-plaque .d300-spotlight-dots i{
    width:4px!important;
    height:4px!important;
  }
}