/*
Theme Name: ISO MMM Cinematic Connected
Theme URI: https://theisoseries.com/
Author: ISO Studios
Description: Cinematic WordPress block theme for ISO: Melanated, Missing, Murdered. Includes connected header navigation, homepage audio, ISO palette, case sections, and logo watermark background.
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: iso-mmm-cinematic
Tags: full-site-editing, custom-colors, entertainment
*/

:root{
  --iso-black:#010100;
  --iso-coal:#0A0705;
  --iso-umber:#1F120B;
  --iso-gold:#E1B570;
  --iso-gold2:#B57F3D;
  --iso-ember:#C66F20;
  --iso-burnt:#79310F;
  --iso-blood:#B81410;
  --iso-cream:#F2E8D5;
  --iso-border:#422816;
}

html{scroll-behavior:smooth;}
body{background:var(--iso-black); color:var(--iso-cream);}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:url("assets/iso-mmm-logo.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:min(760px,72vw);
  opacity:.045;
  filter:saturate(1.05) contrast(1.08);
}
body > *{position:relative; z-index:1;}

h1,h2,h3,h4,h5,h6{color:var(--iso-gold); letter-spacing:.02em;}
a{color:var(--iso-ember); text-decoration:none;}
a:hover{color:var(--iso-gold); text-decoration:underline;}

.iso-header{
  position:sticky;
  top:0;
  z-index:100;
  backdrop-filter:blur(18px);
  background:rgba(10,7,5,.94)!important;
  border-bottom:1px solid rgba(225,181,112,.18);
}
.iso-logo-row{display:flex; align-items:center; gap:14px;}
.iso-logo-row img{width:64px; height:auto; display:block;}
.iso-site-title{color:var(--iso-gold); font-size:1.35rem; line-height:1.05; margin:0; font-weight:900;}
.iso-site-subtitle{color:var(--iso-cream); opacity:.84; font-size:.76rem; margin:0; letter-spacing:.08em; text-transform:uppercase;}

.wp-block-navigation a{
  color:var(--iso-gold)!important;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
  font-size:.84rem;
}
.wp-block-navigation a:hover{color:var(--iso-ember)!important;}

.wp-block-button__link, button, input[type="submit"], .iso-btn{
  display:inline-block;
  background:var(--iso-ember)!important;
  color:var(--iso-black)!important;
  border:1px solid rgba(225,181,112,.35)!important;
  border-radius:999px!important;
  padding:12px 22px!important;
  font-weight:900!important;
  letter-spacing:.03em;
  text-decoration:none!important;
  transition:all .2s ease;
}
.wp-block-button__link:hover, button:hover, input[type="submit"]:hover, .iso-btn:hover{
  background:var(--iso-burnt)!important;
  color:var(--iso-cream)!important;
  border-color:rgba(225,181,112,.7)!important;
}
.iso-btn-red, .iso-tip .wp-block-button__link{background:var(--iso-blood)!important; color:#fff!important;}

.iso-section{
  background:
    radial-gradient(1200px 600px at 50% 0%, rgba(198,111,32,.14), transparent 62%),
    linear-gradient(180deg, var(--iso-coal), var(--iso-black));
}
.iso-card{
  background:rgba(31,18,11,.82);
  border:1px solid rgba(66,40,22,.58);
  border-radius:22px;
  padding:26px;
  box-shadow:0 16px 40px rgba(0,0,0,.36);
}
.iso-grid-3{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px;}
.iso-grid-2{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px;}
.iso-hero{min-height:76vh; display:grid; place-items:center; text-align:center; position:relative; overflow:hidden;}
.iso-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(800px 460px at 50% 35%, rgba(184,20,16,.12), transparent 60%),
    linear-gradient(180deg, rgba(1,1,0,.2), rgba(1,1,0,.95));
}
.iso-hero > *{position:relative; z-index:2;}
.iso-hero-logo{max-width:min(540px,78vw); margin:0 auto 18px; opacity:.98;}
.iso-hero-kicker{color:var(--iso-ember); text-transform:uppercase; letter-spacing:.22em; font-weight:900; margin-bottom:12px;}
.iso-hero-title{font-size:clamp(2.7rem,6vw,5.8rem); line-height:.95; margin:.1em 0;}
.iso-hero-text{max-width:820px; margin:0 auto 26px; font-size:clamp(1.05rem,2vw,1.32rem); opacity:.94;}
.iso-audio-card{max-width:760px; margin:26px auto 0; padding:18px; border-radius:18px; background:rgba(31,18,11,.72); border:1px solid rgba(225,181,112,.18);}
.iso-audio-card audio{width:100%; display:block; margin-top:10px;}
.iso-status{text-transform:uppercase; letter-spacing:.08em; font-weight:900; margin:0 0 10px;}
.iso-status-red{color:var(--iso-blood);}
.iso-status-gold{color:var(--iso-ember);}
.iso-status-cream{color:var(--iso-cream);}
.iso-kicker{color:var(--iso-ember); text-transform:uppercase; letter-spacing:.12em; font-weight:900;}
.iso-footer{background:var(--iso-coal)!important; border-top:1px solid rgba(225,181,112,.18);}
.iso-form input,.iso-form select,.iso-form textarea{
  width:100%;
  padding:13px 14px;
  border-radius:13px;
  border:1px solid rgba(66,40,22,.7);
  background:rgba(31,18,11,.85);
  color:var(--iso-cream);
  margin-bottom:13px;
}
.iso-form label{display:block; color:var(--iso-gold); font-weight:800; margin-bottom:6px;}

@media (max-width:900px){
  .iso-grid-3,.iso-grid-2{grid-template-columns:1fr;}
}