/* Mendocino Chef site styles. Loaded after Go's stylesheet.
   Sections: guide and event layouts (hero, cards, entries, tabs, event pages), then the footer. */

/* Mendocino Chef, Guides: hero, guide cards, entry cards, jump links. Scoped to .mc-g so nothing else changes. */
.mc-g-hero{position:relative;min-height:56vh;display:flex;align-items:flex-end;overflow:hidden;border-radius:0;margin:0 calc(50% - 50vw) 2.5rem;width:100vw;background:#2d4a3e}
.mc-g-hero video,.mc-g-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mc-g-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.62))}
.mc-g-hero-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 24px 48px;width:100%;color:#fff}
.mc-g-hero .mc-g-eyebrow{font-family:'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;opacity:.9;margin:0 0 .5rem}
.mc-g-hero h1{color:#fff !important;font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;margin:0 0 .75rem}
.mc-g-hero p{color:#fff;font-size:1.15rem;max-width:640px;margin:0 0 1.25rem}
.mc-g-btns{display:flex;gap:12px;flex-wrap:wrap}
.mc-g-btn{display:inline-block;padding:.8rem 1.4rem;border-radius:4px;font-weight:600;text-decoration:none !important}
.mc-g-btn.primary{background:#c88a5a;color:#fff !important}
.mc-g-btn.ghost{border:2px solid currentColor;color:inherit !important}
.mc-g-section{max-width:1100px;margin:3rem auto 1rem;padding:0 4px}
.mc-g-section h2{margin:0 0 .35rem}
.mc-g-section .mc-g-lead{color:#5b5b5b;margin:0 0 1.5rem;max-width:720px}
.mc-g-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}
.mc-g-card{display:flex;flex-direction:column;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06);text-decoration:none !important;color:inherit !important;transition:transform .15s ease,box-shadow .15s ease}
.mc-g-card:hover{transform:translateY(-3px);box-shadow:0 2px 6px rgba(0,0,0,.1),0 14px 32px rgba(0,0,0,.1)}
.mc-g-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;margin:0 !important}
.mc-g-card-body{padding:18px 20px 22px}
.mc-g-card h3{margin:0 0 .35rem;font-size:1.25rem;color:#2d4a3e}
.mc-g-count{font-family:'Inter',sans-serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#c88a5a;margin:0 0 .5rem}
.mc-g-card p{margin:0;font-size:.97rem;line-height:1.5}
.mc-g-glance{font-family:'Inter',sans-serif;font-size:.9rem;color:#5b5b5b;text-align:center;margin:1rem 0}
.mc-g-jump{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:1rem 0 2rem;padding:0;list-style:none}
.mc-g-jump a{display:inline-block;padding:.4rem .9rem;border:1px solid #d9d2c3;border-radius:999px;font-size:.9rem;text-decoration:none !important;color:#2d4a3e !important;background:#fff}
.mc-g-jump a:hover{background:#2d4a3e;color:#fff !important}
.mc-g-entries{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin:0 0 2rem}
.mc-g-entry{background:#fff;border-top:3px solid #2d4a3e;border-radius:4px;padding:18px 20px;box-shadow:0 1px 3px rgba(0,0,0,.06);display:flex;flex-direction:column}
.mc-g-entry h3{margin:0 0 .4rem;font-size:1.15rem}
.mc-g-entry h3 a{color:#2d4a3e !important;text-decoration:none !important}
.mc-g-tag{display:inline-block;background:#f3efe6;color:#5b4a36;font-family:'Inter',sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .55rem;border-radius:3px;margin:0 6px .6rem 0}
.mc-g-entry p{margin:0 0 .8rem;font-size:.97rem;line-height:1.5;flex:1}
.mc-g-visit{font-weight:600;font-size:.9rem;color:#c88a5a !important;text-decoration:none !important}
.mc-g-tip{background:#fdf3e4;border-left:4px solid #c88a5a;padding:1rem 1.25rem;border-radius:0 4px 4px 0;margin-top:1.5rem !important;margin-bottom:1.5rem !important}
.mc-g-tip strong:first-child{display:block;font-family:'Inter',sans-serif;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#c88a5a;margin-bottom:.3rem}
.mc-g-band-img{display:block;aspect-ratio:21/8;object-fit:cover;border-radius:6px;margin-top:2rem;margin-bottom:1rem}
.mc-g-prov{font-size:.85rem;color:#6b6b6b;font-style:italic;text-align:center;margin-top:2rem;margin-bottom:2rem}
@media (max-width:600px){.mc-g-hero{min-height:62vh}.mc-g-hero-inner{padding-bottom:32px}.mc-g-entries,.mc-g-grid{grid-template-columns:1fr}}
/* Events board: one card design, tabs, centred */
.mc-ev-board{max-width:1140px;margin:0 auto 3rem;padding:0 4px}
.mc-ev-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 28px}
.mc-ev-tabs button{font:600 .9rem/1 'Inter',sans-serif;padding:.65rem 1.1rem;border-radius:999px;border:1px solid #d9d2c3;background:#fff;color:#2d4a3e;cursor:pointer}
.mc-ev-tabs button[aria-selected="true"]{background:#2d4a3e;color:#fff;border-color:#2d4a3e}
.mc-ev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.mc-ev{display:flex;flex-direction:column;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06);margin:0}
.mc-ev[hidden]{display:none}
.mc-ev__img{display:block;aspect-ratio:3/2;background:#e9e4d8;overflow:hidden}
.mc-ev__img img{width:100%;height:100%;object-fit:cover;display:block;margin:0 !important;transition:transform .3s ease}
.mc-ev:hover .mc-ev__img img{transform:scale(1.03)}
.mc-ev__noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,#2d4a3e,#4d6b5c)}
.mc-ev__body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.mc-ev__tag{font:600 .72rem/1.2 'Inter',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#c88a5a;margin:0 0 .45rem}
.mc-ev[data-kind="ours"] .mc-ev__tag{color:#2d4a3e}
.mc-ev[data-kind="ours"]{box-shadow:0 0 0 2px #2d4a3e,0 8px 24px rgba(0,0,0,.08)}
.mc-ev__title{font-size:1.2rem;line-height:1.25;margin:0 0 .45rem}
.mc-ev__title a{color:#2d4a3e !important;text-decoration:none !important}
.mc-ev__when{font-weight:600;font-size:.93rem;margin:0 0 .15rem}
.mc-ev__where{font-size:.9rem;color:#5b5b5b;margin:0 0 .6rem}
.mc-ev__text{font-size:.95rem;line-height:1.5;margin:0 0 1rem;flex:1}
.mc-ev__links{margin:auto 0 0;display:flex;gap:14px;flex-wrap:wrap;font-size:.9rem;font-weight:600}
.mc-ev__links a{color:#c88a5a !important;text-decoration:none !important}
.mc-ev__credit{font-size:.72rem;color:#8a8a8a;margin:.6rem 0 0}
@media (max-width:960px){.mc-ev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.mc-ev-grid{grid-template-columns:1fr}.mc-ev-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.mc-ev-tabs button{flex:0 0 auto}}
/* Full-width hero and board inside the Go theme's narrow content column */
body{overflow-x:clip}
.entry-content > .mc-g-hero{max-width:none !important;width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;margin-top:0 !important}
article:has(.mc-g-hero) > .page-header{display:none}
.content-area__wrapper:has(.mc-g-hero){padding-top:0}
/* Event pages: photo with credit, facts table */
.mc-ev-figure{margin-top:0;margin-bottom:1.75rem}
.mc-ev-figure img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;display:block;margin:0 !important}
.mc-ev-figure figcaption{font-size:.78rem;color:#7a7a7a;margin-top:.4rem;text-align:right}
.mc-ev-facts-table table{width:100%;border-collapse:collapse;font-size:.97rem}
.mc-ev-facts-table th,.mc-ev-facts-table td{border:0;border-bottom:1px solid #e6e0d3;padding:.65rem .5rem;text-align:left;vertical-align:top}
.mc-ev-facts-table th{width:32%;font-family:'Inter',sans-serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#5b4a36;font-weight:600}
@media (max-width:600px){.mc-ev-facts-table th{width:40%}}

/* Never let the theme's centering margins be overridden; hide the theme's copy of the featured image when a page has its own hero */
.entry-content > .mc-ev-figure,.entry-content > .mc-g-tip,.entry-content > .mc-g-prov,.entry-content > .mc-ev-facts-table{margin-left:auto !important;margin-right:auto !important}
main:has(.mc-g-hero) .post__thumbnail{display:none}
/* Guide pages: question list */
.mc-g-asklist{list-style:none;padding:0}
.mc-g-asklist li{background:#fff;border-left:3px solid #2d4a3e;padding:.9rem 1.1rem;margin:0 0 .75rem;border-radius:0 4px 4px 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.mc-g-glance{margin-top:0}
/* One rule to keep every guide block centered in the theme's column (the hero is full-bleed on purpose) */
.entry-content > [class*="mc-g-"]:not(.mc-g-hero),.entry-content > .mc-ev-board,.entry-content > .mc-ev-figure,.entry-content > .mc-ev-facts-table{margin-left:auto !important;margin-right:auto !important}
/* Fixed column counts: auto-fill left an empty 4th column on wide screens, pulling cards left */
.mc-g-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mc-g-entries{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.mc-g-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mc-g-grid,.mc-g-entries{grid-template-columns:1fr}}


/* ---------- auto hero on pages: the hero sits first in the content column ---------- */
.entry-content > .mc-g-hero--auto:first-child{margin-top:0 !important}
.mc-has-hero .content-area__wrapper{padding-top:0}

/* ---------- footer ---------- */
.mc-foot{background:#2d4a3e;color:#f3efe6;margin-top:0;font-family:'Inter',sans-serif}
.mc-foot a{color:#f3efe6 !important;text-decoration:none !important}
.mc-foot a:hover{color:#fff !important;text-decoration:underline !important}
.mc-foot__inner{max-width:1140px;margin:0 auto;padding:56px 24px 40px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.mc-foot__name{font-family:'Lora',Georgia,serif;font-size:1.5rem;color:#fff;margin:0 0 .6rem}
.mc-foot__line{font-size:.95rem;line-height:1.55;margin:0 0 1.1rem;max-width:300px;opacity:.92}
.mc-foot__btn{display:inline-block;background:#c88a5a;color:#fff !important;padding:.7rem 1.2rem;border-radius:4px;font-weight:600}
.mc-foot__btn:hover{text-decoration:none !important;filter:brightness(1.05)}
.mc-foot__contact,.mc-foot__social{font-size:.92rem;margin:.9rem 0 0}
.mc-foot__head{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#c88a5a;margin:0 0 .9rem;font-weight:600}
.mc-foot ul{list-style:none;margin:0;padding:0}
.mc-foot li{margin:0 0 .55rem;font-size:.94rem}
.mc-foot__bar{border-top:1px solid rgba(243,239,230,.18)}
.mc-foot__bar p{max-width:1140px;margin:0 auto;padding:18px 24px;font-size:.82rem;opacity:.8}
@media (max-width:900px){.mc-foot__inner{grid-template-columns:1fr 1fr}.mc-foot__brand{grid-column:1/-1}}
@media (max-width:520px){.mc-foot__inner{grid-template-columns:1fr;gap:28px;padding-top:44px}}

/* ---------- blog hero: sits directly in <main>, so it breaks out of the column itself ---------- */
.site-content > .mc-g-hero--blog{margin-top:0;margin-bottom:2.5rem}
/* The blog lays posts out as a grid on <main>; the hero must span the full row, and break out to full width */
body.blog main.site-content > .mc-g-hero--blog{grid-column:1/-1;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:relative}


/* ========== LAYOUT: one system for every guide, event and venue page ==========
   Go centers each block in .entry-content and caps it at its text width. Our blocks
   use exactly three widths, all centered the same way:
     text  (Go's own column)  paragraphs, headings, tips, facts tables, lists
     mid   980px              entry cards, photo banners, event photos
     wide  1140px             card grids, the events board, jump links
   The full-bleed hero is the only exception. */
:root{--mc-mid:980px;--mc-wide:1140px}
.entry-content > .mc-g-entries,
.entry-content > .mc-g-band-img,
.entry-content > .mc-ev-figure{max-width:var(--mc-mid) !important;width:calc(100% - var(--go-block--padding--x, 1.25rem) * 2) !important;margin-left:auto !important;margin-right:auto !important}
.entry-content > .mc-g-grid,
.entry-content > .mc-ev-board,
.entry-content > .mc-g-jump,
.entry-content > .mc-g-section{max-width:var(--mc-wide) !important;width:calc(100% - var(--go-block--padding--x, 1.25rem) * 2) !important;margin-left:auto !important;margin-right:auto !important}
/* Event photos fill their frame, so the credit line matches the photo's width
   (base.css shrinks images inside figures to width:auto for ordinary posts). */
.entry-content > .mc-ev-figure img{width:100% !important;max-width:100% !important;max-height:none !important;aspect-ratio:16/9;object-fit:cover !important}
.mc-ev-figure figcaption{padding:0 2px}

/* A portrait featured image in the wide hero: keep the top third (faces) in frame */
.mc-g-hero--portrait img{object-position:50% 22% !important}

/* ---- Reviews (plugin reviews.php) ---- */
.mc-rv-badge{max-width:760px;margin:1.5rem auto;padding:1.5rem 1.75rem;border:1px solid #e4ddd2;border-radius:8px;background:#faf7f2;text-align:center}
.mc-rv-badge__num{font-size:1.15rem;margin:0 0 1rem}
.mc-rv-badge .mc-g-btns{justify-content:center}
.mc-rv-badge .mc-g-btn.ghost{color:#2d4a3e !important}
.mc-rv-badge__more{display:inline-block;margin-top:.9rem;font-weight:600}
.mc-rv-stars{color:#c88a5a;letter-spacing:.08em;font-size:1.1em}
.mc-rv-stars__off{color:#d9d2c7}
.mc-rv-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:980px;margin:1.5rem auto}
.mc-rv-card{margin:0;padding:1.4rem 1.5rem;border:1px solid #e4ddd2;border-radius:8px;background:#fff}
.mc-rv-card blockquote{margin:.6rem 0;padding:0;border:0;font-size:1rem;font-style:normal}
.mc-rv-card blockquote p{margin:0 0 .6rem;font-size:1rem}
.mc-rv-card figcaption{font-size:.9rem;color:#666}
.mc-rv-empty{text-align:center;color:#666}
.mc-rv-form{max-width:640px;margin:1.5rem auto;padding:1.5rem 1.75rem;border:1px solid #e4ddd2;border-radius:8px;background:#faf7f2}
.mc-rv-form label{display:block;font-weight:600;font-size:.95rem}
.mc-rv-form small{font-weight:400;color:#666}
.mc-rv-form input[type=text],.mc-rv-form input[type=email],.mc-rv-form textarea{display:block;width:100%;margin-top:.35rem;padding:.6rem .7rem;border:1px solid #cfc6b8;border-radius:4px;font:inherit;background:#fff}
.mc-rv-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mc-rv-consent label{font-weight:400}
.mc-rv-hp{position:absolute !important;left:-9999px}
.mc-rv-rate{border:0;padding:0;margin:0 0 1rem}
.mc-rv-rate legend{font-weight:600;font-size:.95rem;padding:0}
.mc-rv-rate__stars{display:inline-flex;flex-direction:row-reverse}
.mc-rv-rate__stars input{position:absolute;opacity:0;width:1px;height:1px}
.mc-rv-rate__stars label{font-size:2rem;line-height:1;color:#d9d2c7;cursor:pointer;padding:0 .1rem;font-weight:400}
.mc-rv-rate__stars input:checked ~ label,.mc-rv-rate__stars label:hover,.mc-rv-rate__stars label:hover ~ label{color:#c88a5a}
.mc-rv-rate__stars input:focus-visible + label{outline:2px solid #2d4a3e;outline-offset:2px}
.mc-rv-err{color:#9b2c2c;font-weight:600}
.mc-rv-thanks p{margin:0 0 .75rem}
@media (max-width:600px){.mc-rv-list,.mc-rv-row{grid-template-columns:1fr}.mc-rv-badge,.mc-rv-form{padding:1.25rem}}
.mc-rv-inline{white-space:normal}
.mc-rv-inline .mc-rv-stars{font-size:1em}
.mc-rv-inline a{font-weight:600}
.mc-foot__rating{margin:.25rem 0 .5rem}
.mc-foot__rating .mc-rv-stars__off{color:rgba(255,255,255,.35)}
.mc-rv-top{text-align:center;margin:.35rem 0 0 !important;font-size:.95rem}