/*
Theme Name: Maraver Studio (Salient Child)
Theme URI: https://example.com/maraver
Description: Minimal sculptor gallery child theme for Salient. Full-screen image slider, Works custom post type, paper-and-ink typography.
Author: Studio
Version: 1.0.0
Template: salient
Text Domain: maraver
*/

:root{
  --mv-bg:#fbfaf8;
  --mv-fg:#1b1a18;
  --mv-muted:#767370;
  --mv-rule:#e2dfda;
  --mv-accent:#e0b394;
  --mv-header-h:70px; /* match Salient header height */
}

/* ---------- base ---------- */
html,body,body #ajax-content-wrap,#page-header-bg,.container-wrap{background-color:var(--mv-bg);}
body,body p,body .container-wrap,body input,body textarea,body button,body select{
  font-family:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  color:var(--mv-fg);
  letter-spacing:.01em;
}
body{-webkit-font-smoothing:antialiased;}
body h1,body h2,body h3,body h4,body h5,body h6{
  font-family:"Archivo",-apple-system,Helvetica,Arial,sans-serif;
  font-weight:500;letter-spacing:-.01em;color:var(--mv-fg);
}
body a{color:inherit;text-decoration:none;}
body #ajax-content-wrap img,body .mv-card img{border-radius:0 !important;}

/* ---------- Salient header / nav ---------- */
#header-outer,#header-outer .container,#header-secondary-outer{
  background-color:var(--mv-bg) !important;
  box-shadow:none !important;
  border-bottom:1px solid var(--mv-rule);
}
#header-outer[data-transparent-header="true"]{background-color:transparent !important;border-bottom:0;}
#header-outer #logo,#header-outer #logo:hover{
  font-size:15px;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--mv-fg) !important;
}
#header-outer #top nav > ul > li > a{
  font-size:12px !important;text-transform:uppercase;letter-spacing:.14em;color:var(--mv-muted) !important;
}
#header-outer #top nav > ul > li > a:hover,
#header-outer #top nav > ul > li.current-menu-item > a{color:var(--mv-fg) !important;}
#header-outer #top nav > ul > li > a .menu-title-text:after{display:none !important;} /* kill Salient underline animation */

/* ---------- Salient container resets for our templates ---------- */
body.mv-template #ajax-content-wrap .container-wrap{padding-top:0 !important;padding-bottom:0 !important;}
body.mv-template .container-wrap .main-content > .row{padding-bottom:0 !important;}
body.mv-template #page-header-bg,body.mv-template .page-header-no-bg{display:none !important;}

/* ---------- utilities ---------- */
.mv-wrap{max-width:1400px;margin:0 auto;padding:0 24px;}
.mv-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mv-muted);}
.mv-meta{font-size:12px;letter-spacing:.06em;color:var(--mv-muted);}
.mv-fade{opacity:0;transform:translateY(14px);animation:mvFade .8s cubic-bezier(.22,.61,.36,1) forwards;}
@keyframes mvFade{to{opacity:1;transform:none;}}

/* ---------- full-screen slider ---------- */
.mv-slider{
  position:relative;
  width:100vw;margin-left:calc(50% - 50vw);
  height:calc(100svh - var(--mv-header-h));
  min-height:420px;overflow:hidden;background:#0d0d0c;
}
.mv-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;pointer-events:none;margin:0;}
.mv-slide.is-active{opacity:1;pointer-events:auto;}
.mv-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.mv-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0) 45%);}
.mv-caption{position:absolute;left:24px;right:24px;bottom:44px;z-index:3;color:#fff;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;}
.mv-caption h2{font-size:clamp(22px,3.4vw,44px);color:#fff !important;margin:0;font-weight:400;}
.mv-caption .mv-meta{color:rgba(255,255,255,.75);}
.mv-caption a{border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#fff !important;}
.mv-zone{position:absolute;top:0;bottom:0;width:38%;z-index:2;background:transparent;border:0;box-shadow:none;cursor:pointer;}
.mv-zone--prev{left:0;cursor:w-resize;}
.mv-zone--next{right:0;cursor:e-resize;}
.mv-count{position:absolute;top:22px;right:24px;z-index:3;color:#fff;font-size:12px;letter-spacing:.12em;}
.mv-bars{position:absolute;left:24px;right:24px;bottom:22px;z-index:3;display:flex;gap:6px;}
.mv-bars button{flex:1;height:2px;border:0;padding:0;min-width:0;background:rgba(255,255,255,.3);box-shadow:none;cursor:pointer;}
.mv-bars button.is-active{background:#fff;}

/* ---------- work grid ---------- */
.mv-grid{display:grid;gap:56px 32px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:96px 0;}
.mv-card img{width:100%;height:auto;display:block;filter:saturate(.96);transition:opacity .4s ease;}
.mv-card:hover img{opacity:.86;}
.mv-card h3{font-size:16px;font-weight:400;margin:14px 0 4px;}

/* ---------- single work ---------- */
.mv-single{padding:0 0 96px;}
.mv-single__img{width:100vw;margin-left:calc(50% - 50vw);}
.mv-single__img img{width:100%;height:auto;display:block;}
.mv-single__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:28px 0;border-bottom:1px solid var(--mv-rule);}
.mv-single__head h1{font-size:clamp(24px,3vw,40px);font-weight:400;margin:0;}
.mv-body{max-width:62ch;font-size:16px;line-height:1.75;color:#3a3835;padding:36px 0;}
.mv-next{display:inline-block;margin-top:24px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--mv-fg);padding-bottom:3px;}

/* ---------- footer ---------- */
#footer-outer,#footer-outer #copyright,#footer-widgets{
  background-color:var(--mv-bg) !important;
  border-top:1px solid var(--mv-rule);
  color:var(--mv-muted) !important;
}
#footer-outer a,#footer-outer p{color:var(--mv-muted) !important;font-size:12px;letter-spacing:.08em;}

@media (max-width:690px){
  .mv-grid{padding:56px 0;gap:40px 20px;}
  .mv-caption{bottom:56px;}
}