/*
Theme Name: jamietheme
Theme URI: https://example.com/
Author: Mitri Sign & Awning
Description: Custom luxe commercial signage and awning block theme for Mitri Sign & Awning. Every section is editable in Appearance > Editor.
Version: 2.1.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: jamietheme
*/

:root{
  --ink:#161212; --taupe:#9C8D7C; --stone:#C6BEB5; --ivory:#D5D2CB; --paper:#F4F3EB;
  --line:rgba(22,18,18,.22);
  --max:1440px;
}
html{scroll-behavior:smooth}
[class*="mitri-"],[class*="mitri-"] *{box-sizing:border-box}

/* Sections sit flush against each other */
.wp-site-blocks > * + *,
.mitri-main > * + *{margin-block-start:0 !important}
.mitri-main > *{margin-top:0;margin-bottom:0}

/* ---------- Shared text styles ---------- */
.mitri-eyebrow,p.mitri-eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600}
.mitri-display,p.mitri-display{font-size:clamp(3.7rem,7vw,7.5rem);line-height:.86;letter-spacing:-.055em;font-weight:300;margin:.25em 0}
.mitri-small{font-size:.88rem}
.mitri-main p:not(.mitri-display):not(.mitri-industry-card){max-width:680px}
hr.wp-block-separator.mitri-rule{width:74px !important;max-width:74px;border:0;border-top:1px solid currentColor;margin:1.5rem 0 !important;opacity:1;background:none}

/* ---------- Section wrappers ---------- */
.mitri-section{padding:7rem max(5vw, calc((100% - 1080px) / 2))}
.mitri-dark{background:var(--ink);color:var(--paper);--line:rgba(244,243,235,.22)}
.mitri-dark .wp-block-button__link{background:var(--paper);color:var(--ink)}
.mitri-taupe{background:var(--taupe)}

/* Cover blocks used as photo slots */
.mitri-photo.wp-block-cover,
.mitri-card-photo.wp-block-cover{padding:0}
.mitri-card-photo.wp-block-cover{min-height:0 !important;aspect-ratio:1/1}

/* ---------- Header ---------- */
.mitri-header{padding:1.2rem 5vw;gap:1.5rem;background:var(--paper);position:relative;z-index:20}
.mitri-header .wp-block-site-logo img{max-height:90px;width:auto}
.mitri-header-right{gap:1.7rem}
.mitri-nav{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.mitri-nav .wp-block-navigation__container{gap:1.7rem}
.mitri-quote .wp-block-button__link{padding:.9rem 1.2rem;font-size:.66rem;letter-spacing:.14em}
.home .wp-site-blocks > header:first-child{position:relative;background:var(--paper);z-index:20}

/* ---------- Hero ---------- */
.mitri-hero{gap:0 !important;margin:0 auto !important;max-width:var(--max);min-height:780px;align-items:stretch !important}
.mitri-hero-copy{padding:6.5rem 6vw 5rem;display:flex;flex-direction:column;justify-content:center}
.mitri-hero-copy p:not(.mitri-display):not(.mitri-eyebrow){font-size:1rem;max-width:560px}
.mitri-seo-h1{font-size:.78rem !important;letter-spacing:.16em;text-transform:uppercase;font-weight:600 !important;margin:0 0 1rem;line-height:1.4}
.mitri-hero-media .wp-block-cover{height:100%;min-height:780px}

/* ---------- Services ---------- */
.mitri-services{max-width:var(--max);margin:0 auto !important;padding:1.5rem 2vw 5rem;gap:1rem !important}
.mitri-services h3{margin:.9rem 0 .35rem}
.mitri-services p{margin:0}

/* ---------- Approach split ---------- */
.mitri-split{gap:0 !important;margin:0 !important;min-height:640px;align-items:stretch !important}
.mitri-split-media .wp-block-cover{height:100%;min-height:560px}
.mitri-split-copy{background:var(--stone);padding:7rem 6vw;display:flex;flex-direction:column;justify-content:center}
.mitri-split-copy h2{font-size:clamp(3rem,5vw,5.5rem)}

/* ---------- Icon row ---------- */
.mitri-icons{gap:0 !important;margin:0 auto !important;max-width:var(--max);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mitri-icons > .wp-block-column{padding:3rem 2rem;text-align:center;border-right:1px solid var(--line)}
.mitri-icons > .wp-block-column:last-child{border-right:0}
.mitri-icons p{margin-left:auto;margin-right:auto}
.mitri-icon-mark{font-size:2rem;font-weight:300;margin:0}

/* ---------- Capabilities list ---------- */
.mitri-capabilities{columns:2;column-gap:4rem;margin:2rem 0;padding:0;list-style:none}
.mitri-capabilities li{display:block;padding:.65rem 0;border-bottom:1px solid var(--line);break-inside:avoid}

/* ---------- Card grids ---------- */
.mitri-grid{gap:1.2rem !important}
.mitri-project-card.wp-block-cover{min-height:260px !important;padding:2rem}
.mitri-project-card .wp-block-cover__inner-container{color:var(--ink)}
.mitri-industries{gap:1.2rem !important}
.mitri-industry-card{background:var(--ivory);color:var(--ink);min-height:180px;padding:2rem;margin:0 !important;display:flex;align-items:flex-end}
#areas h3{font-size:1.1rem}

/* ---------- FAQ ---------- */
.mitri-faq .wp-block-details{border-top:1px solid var(--line);padding:1.4rem 0;margin:0 !important}
.mitri-faq .wp-block-details:last-child{border-bottom:1px solid var(--line)}
.mitri-faq summary{cursor:pointer;font-size:1.1rem;font-weight:500}
.mitri-faq .wp-block-details p{font-size:.95rem}

/* ---------- CTA ---------- */
.mitri-cta h2{font-size:clamp(4rem,8vw,8rem);max-width:900px;line-height:.9}

/* ---------- Footer ---------- */
.mitri-footer{padding:4rem 5vw}
.mitri-footer-cols{gap:2rem !important}
.mitri-brand{font-weight:700;letter-spacing:.2em;font-size:1.05rem;line-height:1.15}
.mitri-brand small{display:inline-block;font-size:.52rem;letter-spacing:.22em;margin-top:.35rem;font-weight:700}
.mitri-muted{opacity:.7;font-size:.85rem}

/* ---------- Regular pages ---------- */
.mitri-page .wp-block-post-title{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;margin-top:0}

/* ---------- Responsive ---------- */
@media(min-width:782px){
  .mitri-hero > .mitri-hero-copy{flex:0 0 52% !important}
  .mitri-hero > .mitri-hero-media{flex:0 0 48% !important}
  .mitri-split > .mitri-split-media{flex:0 0 55% !important}
  .mitri-split > .mitri-split-copy{flex:0 0 45% !important}
  .mitri-footer-cols > .wp-block-column:first-child{flex-grow:1.5 !important}
}
@media(max-width:900px){
  .home .wp-site-blocks > header:first-child{position:relative;background:var(--paper)}
  .mitri-hero{min-height:0}
  .mitri-hero-copy{padding:5rem 7vw 4rem}
  .mitri-hero-media .wp-block-cover{min-height:58vw}
  .mitri-services{flex-wrap:wrap !important}
  .mitri-services > .wp-block-column{flex-basis:calc(50% - .5rem) !important}
  .mitri-icons{flex-wrap:wrap !important}
  .mitri-icons > .wp-block-column{flex-basis:50% !important}
  .mitri-icons > .wp-block-column:nth-child(2){border-right:0}
  .mitri-industries{grid-template-columns:1fr !important}
}
@media(max-width:600px){
  .mitri-quote{display:none}
}
@media(max-width:560px){
  .mitri-section{padding:5rem 7vw}
  .mitri-services{padding:1rem 7vw 4rem}
  .mitri-services > .wp-block-column,
  .mitri-icons > .wp-block-column{flex-basis:100% !important;border-right:0}
  .mitri-icons > .wp-block-column{border-bottom:1px solid var(--line)}
  .mitri-capabilities{columns:1}
}

/* ---------- Business audience / restaurant feature ---------- */
.mitri-audiences{background:var(--paper)}
.mitri-audience-grid{gap:1.2rem !important;margin-top:2.5rem !important}
.mitri-audience-card{background:var(--ivory);min-height:250px;padding:2rem !important;display:flex;flex-direction:column;justify-content:flex-end}
.mitri-audience-card:first-child{background:var(--ink);color:var(--paper)}
.mitri-audience-card h3{margin-bottom:.7rem}
.mitri-restaurant{gap:0 !important;margin:0 !important;align-items:stretch !important;min-height:620px}
.mitri-restaurant-copy{background:var(--taupe);padding:7rem 6vw;display:flex;flex-direction:column;justify-content:center}
.mitri-restaurant-media .wp-block-cover{height:100%;min-height:620px}
.mitri-restaurant-copy h2{font-size:clamp(3rem,5vw,5.5rem);line-height:.95}
@media(min-width:782px){.mitri-restaurant > .mitri-restaurant-copy{flex:0 0 45% !important}.mitri-restaurant > .mitri-restaurant-media{flex:0 0 55% !important}}
@media(max-width:900px){.mitri-restaurant-media .wp-block-cover{min-height:58vw}.mitri-restaurant-copy{padding:5rem 7vw}.mitri-audience-grid{flex-wrap:wrap !important}.mitri-audience-grid>.wp-block-column{flex-basis:calc(50% - .6rem) !important}}
@media(max-width:560px){.mitri-audience-grid>.wp-block-column{flex-basis:100% !important}}