/* Commissions reference lock
   Keeps the public page on the approved FCS visual language and prevents
   artist content / generic SVG defaults from breaking the layout. */

/* Hero is Figure Color Studio artwork only. Never use an artist banner here. */
#commissionsView .comm-v2-hero{
  min-height:270px;
  border-radius:10px;
}
#commissionsView .comm-v2-hero:before{
  background-image:
    linear-gradient(90deg,#0d151df2 0%,#0d151dde 34%,#0d151d9c 52%,#0d151d35 74%,#0d151d18 100%),
    url('./assets/carousel-selected-hq.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
#commissionsView .comm-v2-hero-copy{
  width:min(650px,58%);
  padding:27px 28px 22px;
}
#commissionsView .comm-v2-hero h1{max-width:620px}

/* The service cards should read as marketplace cards, not five squeezed columns. */
#commissionsView .comm-v2-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}
#commissionsView .comm-v2-card{
  border-radius:12px;
  min-height:0;
}
#commissionsView .comm-v2-card-media{
  height:132px;
  background:
    url('../assets/brand/figurecolor-logo-light.svg') center/92px auto no-repeat,
    linear-gradient(135deg,#26313b,#151d25 68%);
}
#commissionsView .comm-v2-card-media img{
  position:relative;
  z-index:1;
}
#commissionsView .comm-v2-card-media:after{z-index:2}
#commissionsView .comm-v2-card-status,
#commissionsView .comm-v2-fav{z-index:4}
#commissionsView .comm-v2-identity{z-index:5}

/* Critical fix: the request arrow was inheriting the browser's 300x150 SVG size,
   creating the giant pink blocks and black triangles visible on production. */
#commissionsView .comm-v2-request{
  min-height:38px !important;
  height:38px;
  padding:0 12px;
  justify-content:center;
  gap:7px;
  overflow:hidden;
}
#commissionsView .comm-v2-request svg{
  width:16px !important;
  height:16px !important;
  min-width:16px;
  flex:0 0 16px;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  display:block;
}
#commissionsView .comm-v2-request svg path{fill:none !important}

/* Keep identity/content compact and aligned. */
#commissionsView .comm-v2-card-body{padding:10px 11px 12px}
#commissionsView .comm-v2-name a{font-size:13px}
#commissionsView .comm-v2-message{height:32px}
#commissionsView .comm-v2-metrics{margin-top:8px;padding-top:8px}

@media(max-width:1450px){
  #commissionsView .comm-v2-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:980px){
  #commissionsView .comm-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:620px){
  #commissionsView .comm-v2-grid{grid-template-columns:1fr !important}
}