/* ============================================================
   METALKISTE V14
   Visual refinement against approved mockup
   ============================================================ */

/* Prevent WP admin bar from cutting off the masthead while logged in */
body.admin-bar.mk-v6 .mk12-header{top:32px!important}
@media(max-width:782px){
  body.admin-bar.mk-v6 .mk12-header{top:46px!important}
}

/* Header is lower, denser and more like the mockup */
body.mk-v6 .mk12-topline{
  height:158px!important;
  background:linear-gradient(180deg,rgba(0,0,0,.44) 0%,rgba(0,0,0,.17) 76%,rgba(0,0,0,0) 100%)!important;
}

body.mk-v6 .mk12-brand{
  top:-4px!important;
  width:min(720px,54vw)!important;
  height:158px!important;
}

body.mk-v6 .mk12-brand img{
  filter:drop-shadow(0 12px 19px rgba(0,0,0,.98)) brightness(1.08)!important;
}

body.mk-v6 .mk12-socials{
  top:18px!important;
  left:30px!important;
}

body.mk-v6 .mk12-tools{
  top:16px!important;
  right:28px!important;
}

body.mk-v6 .mk12-navrow{
  height:46px!important;
  background:rgba(5,5,5,.57)!important;
}

body.mk-v6 .mk12-nav,
body.mk-v6 .mk12-menu{height:46px!important}

body.mk-v6 .mk12-menu>li>a{
  height:46px!important;
  font-size:11px!important;
  padding:0 19px!important;
}

/* Hero: more like the mockup - wide stage, larger guitarist, less empty black */
body.mk-v6 .mk6-hero{
  min-height:520px!important;
  background:
    radial-gradient(circle at 76% 24%,rgba(118,16,13,.12),transparent 36%),
    #050505!important;
}

body.mk-v6 .mk6-hero:before{
  background-image:
    linear-gradient(90deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.02) 27%,
      rgba(0,0,0,.18) 42%,
      rgba(0,0,0,.62) 61%,
      rgba(0,0,0,.91) 79%,
      #050505 100%),
    url('images/hero-guitar.jpg')!important;
  background-size:auto 142%,auto 142%!important;
  background-position:-10px 48%,-10px 48%!important;
  filter:saturate(1.08) contrast(1.08) brightness(.93)!important;
}

body.mk-v6 .mk6-hero:after{
  background:
    radial-gradient(circle at 15% 42%,rgba(224,29,22,.34),transparent 31%),
    radial-gradient(circle at 42% 23%,rgba(155,15,12,.16),transparent 28%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.04) 65%,rgba(0,0,0,.20))!important;
}

/* Hide the baked-in "HOME" artifact in the source hero image */
body.mk-v6 .mk6-hero-inner:before{
  content:"";
  position:absolute;
  z-index:1;
  left:38%;
  top:155px;
  width:120px;
  height:72px;
  background:linear-gradient(90deg,rgba(5,5,5,0),rgba(5,5,5,.78) 48%,rgba(5,5,5,.98));
  pointer-events:none;
}

body.mk-v6 .mk6-hero-inner{
  position:relative!important;
  min-height:520px!important;
  padding-top:204px!important;
  padding-bottom:18px!important;
  grid-template-columns:47% 53%!important;
  align-items:center!important;
}

body.mk-v6 .mk6-hero-copy{
  position:relative;
  z-index:3;
  grid-column:2!important;
  padding-left:14px!important;
  max-width:620px!important;
  transform:translateY(-2px)!important;
}

body.mk-v6 .mk6-kicker{
  font-size:clamp(34px,3.05vw,48px)!important;
  line-height:.97!important;
  letter-spacing:-.025em!important;
}

body.mk-v6 .mk6-title{
  font-size:clamp(58px,5.1vw,80px)!important;
  line-height:.84!important;
  margin:8px 0 18px!important;
  letter-spacing:-.035em!important;
}

body.mk-v6 .mk6-hero p{
  max-width:535px!important;
  font-size:14px!important;
  line-height:1.43!important;
  margin-bottom:17px!important;
}

body.mk-v6 .mk6-btn{
  padding:11px 17px!important;
  font-size:11px!important;
}

/* Main section begins immediately, like the mockup */
body.mk-v6 .mk6-main{
  padding-top:8px!important;
}

body.mk-v6 .mk6-layout{
  max-width:1280px!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:13px!important;
}

body.mk-v6 .mk6-news-grid{
  gap:10px!important;
}

body.mk-v6 .mk6-card-media{
  aspect-ratio:1.50/1!important;
}

body.mk-v6 .mk6-card-body{
  padding:8px 9px 10px!important;
}

body.mk-v6 .mk6-lower{
  gap:10px!important;
}

/* Footer/value strip a little denser */
body.mk-v6 .mk6-values{
  padding:9px 0!important;
}

body.mk-v6 .mk6-footer{
  padding:10px 0!important;
}

/* Tablet */
@media(max-width:1100px){
  body.mk-v6 .mk12-brand{width:min(610px,56vw)!important}
  body.mk-v6 .mk6-hero-inner{grid-template-columns:44% 56%!important}
  body.mk-v6 .mk6-layout{grid-template-columns:1fr!important}
}

/* Mobile: preserve usability */
@media(max-width:760px){
  body.mk-v6 .mk12-topline{height:122px!important}
  body.mk-v6 .mk12-brand{
    width:min(420px,76vw)!important;
    height:116px!important;
    top:2px!important;
  }
  body.mk-v6 .mk6-hero{min-height:470px!important}
  body.mk-v6 .mk6-hero:before{
    background-size:auto 118%,auto 118%!important;
    background-position:-90px center,-90px center!important;
  }
  body.mk-v6 .mk6-hero-inner{
    min-height:470px!important;
    padding-top:168px!important;
    grid-template-columns:1fr!important;
  }
  body.mk-v6 .mk6-hero-inner:before{display:none}
  body.mk-v6 .mk6-hero-copy{
    grid-column:1!important;
    padding:105px 18px 26px!important;
    max-width:none!important;
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.78) 32%,rgba(0,0,0,.94));
  }
}