/* =============================================================
   316D — HOMEPAGE SPACE / CTA / AD-RAIL POLISH
   Presentation only. No backend, vendor, realtor, admin, spotlight,
   rotation, or database behavior changes.
   ============================================================= */

/* The old triangle beside Community Spotlight looked like a broken back
   control. It has no function and is intentionally suppressed. */
body.home-300d .d300-megaphone{display:none!important}
body.home-300d .d300-spotlight-heading{gap:0!important}

/* One real Start Here action instead of a non-clickable purple card followed
   by a second green action. Preserve the existing joinModal wiring. */
body.home-300d .d316-join-card{
  background:linear-gradient(112deg,rgba(89,52,87,.97) 0%,rgba(78,64,83,.97) 47%,rgba(60,91,76,.97) 100%)!important;
  border-color:rgba(199,159,119,.65)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 12px 24px rgba(0,0,0,.22)!important;
}
body.home-300d .d316-join-card .d316-join-copy{display:block;min-width:0}
body.home-300d .d316-join-card .eyebrow{
  margin:0 0 2px!important;
  color:#e0b27f!important;
  font-size:.63rem!important;
  letter-spacing:.14em!important;
}
body.home-300d .d316-join-card small{line-height:1.25!important}
body.home-300d .d316-join-card:hover,
body.home-300d .d316-join-card:focus-visible{
  border-color:rgba(224,184,140,.86)!important;
  filter:brightness(1.035);
}

/* Let the left rail use the full height of the three-column feature row.
   Design Services stays compact at the bottom; the sellable ad inventory
   receives the recovered space. */
body.home-300d .d300-left-column{
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  gap:14px!important;
}
body.home-300d .d300-advertise-card{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  padding:16px 15px!important;
}
body.home-300d .d300-advertise-card>p{margin-bottom:7px!important}
body.home-300d .d300-ad-slots{
  flex:1 1 auto!important;
  display:grid!important;
  grid-template-rows:repeat(4,minmax(72px,1fr))!important;
  gap:7px!important;
  margin:8px 0!important;
}
body.home-300d .d300-ad-slots a{
  min-height:72px!important;
  display:grid!important;
  align-content:center!important;
  padding:9px 8px!important;
}
body.home-300d .d300-ad-slots strong{font-size:.72rem!important}
body.home-300d .d300-ad-slots small{font-size:.64rem!important}
body.home-300d .d300-text-link{margin-top:6px!important;padding-top:7px!important}

/* Compact Design Services so our own shop promo does not consume space that
   can be sold as advertising. Keep the official Ko-fi logo readable. */
body.home-300d .d300-left-column .d312-design-card{
  flex:0 0 auto!important;
  min-height:0!important;
  padding:11px 12px!important;
}
body.home-300d .d300-left-column .d312-design-card .eyebrow{font-size:.63rem!important}
body.home-300d .d300-left-column .d312-design-card h2{
  font-size:1.08rem!important;
  line-height:1.02!important;
  margin:.15rem 0 .35rem!important;
}
body.home-300d .d300-left-column .d312-design-card p{
  font-size:.66rem!important;
  line-height:1.25!important;
  margin:0 0 6px!important;
}
body.home-300d .d300-left-column .d312-design-card .d300-price{
  font-size:.83rem!important;
  margin:2px 0 7px!important;
}
body.home-300d .d300-left-column .d312-design-card .d300-kofi-button{
  width:82px!important;
  min-height:30px!important;
  padding:3px 6px!important;
  border-radius:7px!important;
}
body.home-300d .d300-left-column .d312-design-card .d300-kofi-button img{
  max-width:70px!important;
  max-height:23px!important;
}

/* Warm the stark-white homepage Contact fields into the same coffee-cream
   family used elsewhere, while keeping entered text high-contrast. */
body.home-300d .contact-section input,
body.home-300d .contact-section textarea{
  background:#eadbcd!important;
  color:#2a2327!important;
  border-color:rgba(119,88,68,.42)!important;
  box-shadow:inset 0 1px 2px rgba(76,52,40,.08)!important;
}
body.home-300d .contact-section input::placeholder,
body.home-300d .contact-section textarea::placeholder{color:#74645c!important;opacity:1!important}
body.home-300d .contact-section input:focus,
body.home-300d .contact-section textarea:focus{
  background:#f2e6da!important;
  border-color:rgba(173,128,86,.82)!important;
  outline:2px solid rgba(173,128,86,.18)!important;
  outline-offset:1px!important;
}

@media(max-width:650px){
  /* Phone remains the priority surface. The left rail should visually reach
     the same lower line as the neighboring content instead of ending in a
     zig-zag of empty space. */
  body.home-300d .d300-left-column{gap:6px!important}
  body.home-300d .d300-advertise-card{padding:6px 4px!important}
  body.home-300d .d300-advertise-card .eyebrow{font-size:.43rem!important}
  body.home-300d .d300-advertise-card h2{font-size:.72rem!important;line-height:1!important;margin:2px 0 4px!important}
  body.home-300d .d300-advertise-card>p{font-size:.42rem!important;line-height:1.18!important;margin:0 0 4px!important}
  body.home-300d .d300-ad-slots{
    grid-template-rows:repeat(4,minmax(68px,1fr))!important;
    gap:4px!important;
    margin:4px 0!important;
  }
  body.home-300d .d300-ad-slots a{
    min-height:68px!important;
    padding:5px 2px!important;
    border-radius:4px!important;
  }
  body.home-300d .d300-ad-slots strong{font-size:.46rem!important;line-height:1.08!important}
  body.home-300d .d300-ad-slots small{font-size:.38rem!important;line-height:1.1!important}
  body.home-300d .d300-text-link{font-size:.39rem!important;line-height:1.18!important;margin-top:3px!important;padding-top:4px!important}

  body.home-300d .d300-left-column .d312-design-card{padding:5px 4px!important}
  body.home-300d .d300-left-column .d312-design-card .eyebrow{font-size:.39rem!important}
  body.home-300d .d300-left-column .d312-design-card h2{font-size:.57rem!important;line-height:1.02!important;margin:2px 0!important}
  body.home-300d .d300-left-column .d312-design-card p{font-size:.34rem!important;line-height:1.15!important;margin:0 0 3px!important}
  body.home-300d .d300-left-column .d312-design-card .d300-price{font-size:.46rem!important;margin:2px 0 4px!important}
  body.home-300d .d300-left-column .d312-design-card .d300-kofi-button{
    width:54px!important;
    min-height:23px!important;
    padding:2px 3px!important;
    margin:0!important;
  }
  body.home-300d .d300-left-column .d312-design-card .d300-kofi-button img{max-width:47px!important;max-height:18px!important}

  body.home-300d .d316-join-card{
    padding:7px!important;
    grid-template-columns:26px 1fr!important;
    gap:6px!important;
  }
  body.home-300d .d316-join-card .d300-plus{width:24px!important;height:24px!important;font-size:.9rem!important}
  body.home-300d .d316-join-card .eyebrow{font-size:.37rem!important;line-height:1!important;margin-bottom:1px!important}
  body.home-300d .d316-join-card strong{font-size:.66rem!important;line-height:1.02!important}
  body.home-300d .d316-join-card small{font-size:.38rem!important;line-height:1.16!important}
}