/*
Theme Name:   Matt's Cafe Child
Theme URI:    https://mattscafe.co.uk
Description:  Child theme for Kadence. Cream and tomato-red design (mockups v3). Styling only; no recipe data, URLs or ad code are touched.
Author:       Matt's Cafe
Template:     kadence
Version: 1.5.0
Text Domain:  mattscafe-child
*/

:root{
  --mc-ink:#1f2421; --mc-cream:#faf6ef; --mc-paper:#fff;
  --mc-accent:#b8432f; --mc-accent-d:#8f3221;
  --mc-sage:#5f7a61; --mc-sage-l:#e7eee6;
  --mc-line:#e4ddd0; --mc-muted:#5d625e;
}

@font-face{
  font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/caveat-600.woff2') format('woff2');
}

/* ---- Global look: override Kadence's own palette and font variables ----
   Kadence builds its colours from --global-palette1..9 and its fonts from --global-*-font-family.
   Setting them on body (not :root) wins whatever order the stylesheets load in. */
body{
  --global-palette1:#b8432f;   /* accent: links, buttons (was blue) */
  --global-palette2:#8f3221;   /* accent, darker (hover) */
  --global-palette3:#1f2421;   /* headings, strongest text */
  --global-palette4:#2d3430;   /* body text */
  --global-palette5:#4a504c;
  --global-palette6:#5d625e;   /* muted text */
  --global-palette7:#e4ddd0;   /* lines and borders */
  --global-palette8:#faf6ef;   /* page background: cream */
  --global-palette9:#ffffff;   /* cards and header: white */
  --global-body-font-family:Georgia,'Times New Roman',serif;
  --global-heading-font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --global-primary-nav-font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  background:var(--mc-cream);color:var(--mc-ink);
}
/* Sans for UI (headings, menus, buttons, site title); serif only for reading text */
h1,h2,h3,h4,h5,h6,.kt-adv-heading,.entry-title,.site-branding,.site-title,.main-navigation,.mobile-navigation,.wp-block-button__link,.kb-button,.button,button,input,select,.meta,.entry-meta{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif}
a{color:var(--mc-accent-d)}
.entry-content a:not(.wp-block-button__link):not(.kb-button):hover{color:var(--mc-accent)}
.content-bg,.entry.loop-entry,.entry-content-wrap{background:var(--mc-paper)}
.entry.loop-entry,.single-entry .entry-content-wrap{border-radius:10px}

/* Header: white bar with a hairline, bold sans navigation */
.site-header,.site-main-header-wrap .site-header-row-container-inner,.site-mobile-header-wrap .site-header-row-container-inner{background:var(--mc-paper)}
.site-header{border-bottom:1px solid var(--mc-line)}
.main-navigation .primary-menu-container>ul>li.menu-item>a{font-weight:600;font-size:.95rem;color:var(--mc-ink)}
.main-navigation .primary-menu-container>ul>li.menu-item>a:hover{color:var(--mc-accent)}

/* Buttons: tomato red, including Kadence Blocks buttons */
.wp-block-button__link,.kb-button,.button,button.submit,input[type=submit],.mc-btn{background:var(--mc-accent);color:#fff;border-radius:8px;font-weight:700;text-decoration:none}
.wp-block-button__link:hover,.kb-button:hover,.button:hover,input[type=submit]:hover,.mc-btn:hover{background:var(--mc-accent-d);color:#fff}
.mc-btn{padding:12px 22px;display:inline-block}
.mc-btn--alt{background:transparent;color:var(--mc-ink);border:2px solid var(--mc-ink)}
.mc-btn--alt:hover{background:var(--mc-ink);color:#fff}

/* Footer: charcoal */
.site-footer,.site-footer-wrap,.site-footer-wrap .site-footer-row-container-inner,.site-bottom-footer-wrap .site-footer-row-container-inner{background:var(--mc-ink);color:#d8d3c8}
.site-footer a,.site-footer-wrap a{color:#fff}
img{height:auto;max-width:100%}

/* ---- Script accent ---- */
.mc-script{font-family:'Caveat','Segoe Script','Bradley Hand',cursive;font-weight:600;color:var(--mc-accent);font-size:1.6rem;line-height:1.1}

/* ---- Photo category tiles (white label overlapping the lower edge) ---- */
.mc-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 40px}
.mc-tile{position:relative;display:block;text-decoration:none;color:var(--mc-ink)}
.mc-tile img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;background:#d9c3a5}
.mc-tile .mc-lab{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);background:#fff;padding:9px 20px;font:700 .78rem -apple-system,'Segoe UI',Helvetica,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 1px 4px rgba(0,0,0,.12);white-space:nowrap}

/* ---- Arch-topped category row ---- */
.mc-arches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;text-align:center;margin:56px 0}
.mc-arches a{text-decoration:none;color:var(--mc-ink);font:700 .78rem -apple-system,'Segoe UI',Helvetica,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.mc-arches img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:999px 999px 8px 8px;margin-bottom:10px;background:#d9c3a5}

/* ---- Author block ---- */
.mc-author{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:center;background:var(--mc-paper);border:1px solid var(--mc-line);border-radius:12px;padding:28px;margin:44px 0}
.mc-author .mc-pics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mc-author .mc-pics img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:999px 999px 8px 8px;background:#d9c3a5}

/* ---- Email sign-up ---- */
.mc-signup{background:var(--mc-accent);color:#fff;border-radius:12px;padding:36px;text-align:center;margin:44px 0}
.mc-signup .mc-script{color:#fff;font-size:2rem}
.mc-signup h2{color:#fff;margin:.2em 0}
.mc-signup form{display:flex;gap:10px;max-width:520px;margin:18px auto 8px;flex-wrap:wrap}
.mc-signup input[type=email]{flex:1 1 220px;min-width:0;padding:13px 16px;border:0;border-radius:8px;font-size:1rem}
.mc-signup input[type=submit],.mc-signup button{background:var(--mc-ink);color:#fff;border:0;border-radius:8px;padding:13px 22px;font-weight:700;cursor:pointer}
.mc-signup label{font-size:.8rem;display:block;max-width:520px;margin:6px auto;text-align:left}
.mc-signup a{color:#fff}

/* ---- Recipe page helpers ---- */
.mc-answer{background:var(--mc-sage-l);border-left:4px solid var(--mc-sage);padding:16px 20px;border-radius:6px;margin:20px 0}
.mc-facts{display:grid;grid-template-columns:repeat(4,1fr);background:var(--mc-paper);border:1px solid var(--mc-line);border-radius:10px;margin:20px 0;text-align:center}
.mc-facts div{padding:14px;border-right:1px solid var(--mc-line);font-size:.85rem}
.mc-facts div:last-child{border:0}
.mc-facts b{display:block;font-size:1.15rem}
.mc-related{background:var(--mc-paper);border:1px solid var(--mc-line);border-radius:10px;padding:18px 22px}

/* WPZOOM Recipe Card Blocks: restyle only, markup and schema untouched */
.wp-block-wpzoom-recipe-card-block-recipe-card{border:2px solid var(--mc-ink);border-radius:12px;background:var(--mc-paper)}

/* Mediavine: never style or hide ad containers */

/* ---- Responsive ---- */
@media(max-width:860px){
  .mc-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mc-arches{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px}
  .mc-author{grid-template-columns:minmax(0,1fr);padding:18px}
  .mc-signup{padding:26px 18px}
  .mc-signup input[type=submit],.mc-signup button{width:100%}
  .mc-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mc-facts div{border-bottom:1px solid var(--mc-line)}
  .mc-facts div:nth-child(2n){border-right:0}
  .mc-facts div:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:420px){.mc-tile .mc-lab{font-size:.68rem;padding:8px 12px}}

/* ---- v1.0.2: fixes from phone screenshots (staging) ---- */
/* Recipe card buttons: navy and orange -> tomato and charcoal */
.wpzoom-recipe-snippet-button,
.wpzoom-recipe-snippet-button:visited{background:var(--mc-accent)!important;border-color:var(--mc-accent)!important;color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif!important}
.wpzoom-recipe-snippet-button:hover{background:var(--mc-accent-d)!important;border-color:var(--mc-accent-d)!important}
.wp-block-wpzoom-recipe-card-block-recipe-card .btn-print-link{background:var(--mc-ink)!important}
/* Recipe card accents: orange (#FFA921) -> tomato */
.wp-block-wpzoom-recipe-card-block-recipe-card .tick-circle,
.wp-block-wpzoom-recipe-card-block-recipe-card .tick-circle::before{border-color:var(--mc-accent)!important}
.wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-rating-wrap svg,
.wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-rating-wrap svg path{fill:var(--mc-accent)!important;stroke:var(--mc-accent)!important}
/* Homepage "Latest posts": full-width image above the title, sans-serif titles */
.wp-block-latest-posts__list li{display:flex;flex-direction:column}
.wp-block-latest-posts__featured-image{order:-1;width:100%;margin:0 0 12px}
.wp-block-latest-posts__featured-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.wp-block-latest-posts__post-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-weight:700;line-height:1.3}
/* Mobile header: smaller logo, no duplicate site name beside it */
@media(max-width:860px){
  .site-branding .custom-logo{max-width:140px;height:auto}
  .site-branding .site-title-wrap{display:none}
}

/* ---- v1.1.0: homepage built by front-page.php (mockups v3) ---- */
.mc-wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.mc-home h1,.mc-home h2,.mc-home h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;color:var(--mc-ink)}
.mc-home p{margin:0 0 1em}
.mc-ph{background:linear-gradient(135deg,#d9c3a5,#c7a27c) center/cover no-repeat}
.mc-section{margin:44px 0}
.mc-section h2{font-size:1.5rem;margin:0 0 .6em}
/* Hero card */
.mc-hero{display:grid;grid-template-columns:1.2fr 1fr;background:var(--mc-paper);border:1px solid var(--mc-line);border-radius:12px;overflow:hidden;margin-top:24px}
.mc-hero .mc-ph{min-height:360px}
.mc-hero-txt{padding:36px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.mc-hero-txt h1{font-size:2.1rem;line-height:1.2;margin:.2em 0}
.mc-hero-txt p{margin:0}
.mc-hero>*,.mc-grid>*,.mc-author>*{min-width:0}
/* Tiles and arches: photo as background so a missing photo still shows a block */
.mc-tiles{margin:24px 0 0}
.mc-tile .mc-ph{min-height:300px;border-radius:6px}
.mc-arches{margin:56px 0 0}
.mc-arches a{display:block}
.mc-arch-img{aspect-ratio:3/4;border-radius:999px 999px 8px 8px;margin-bottom:10px;background:linear-gradient(135deg,#d9c3a5,#c7a27c) center/cover no-repeat}
/* Latest recipes cards */
.mc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mc-card{display:block;background:var(--mc-paper);border:1px solid var(--mc-line);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit}
.mc-card .mc-ph{min-height:170px}
.mc-card-b{padding:14px 16px}
.mc-card-b h3{margin:.2em 0;font-size:1.1rem;line-height:1.3}
.mc-kicker{color:var(--mc-accent);font:700 .75rem -apple-system,'Segoe UI',Helvetica,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
/* Author and sign-up blocks sit inside the wrap */
.mc-author .mc-pics .mc-ph{min-height:220px;border-radius:999px 999px 8px 8px}
.mc-author h2{margin:0 0 .6em;font-size:1.5rem}
.mc-signup h2{font-size:1.5rem}
@media(max-width:1000px){.mc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){
  .mc-wrap{padding:0 16px}
  .mc-hero{grid-template-columns:minmax(0,1fr);margin-top:16px}
  .mc-hero .mc-ph{min-height:200px}
  .mc-hero-txt{padding:22px 18px}
  .mc-hero-txt h1{font-size:1.65rem}
  .mc-tile .mc-ph{min-height:200px}
  .mc-section{margin:32px 0}
  .mc-hero-txt .mc-btn{width:100%;text-align:center}
}
@media(max-width:560px){.mc-grid{grid-template-columns:minmax(0,1fr)}.mc-card .mc-ph{min-height:190px}}
/* v1.1.0 polish after first render */
.content-area.mc-home{margin:0 0 60px}
.mc-btn{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:.95rem;width:max-content}
.mc-home .mc-signup,.mc-home .mc-signup h2,.mc-home .mc-signup p{color:#fff}
.mc-home .mc-signup h2{margin:.2em 0}
.mc-signup button[type=submit]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif}
/* Header: logo sized like the mockup, no duplicate site name beside it */
.site-branding .custom-logo{max-height:56px;width:auto}
.site-branding .site-title-wrap{display:none}
@media(max-width:860px){.mc-btn{width:100%;text-align:center;padding:14px 18px}.mc-home .mc-author .mc-btn{width:auto}}


/* Footer social buttons: circular */
.site-footer .footer-social-wrap .social-button,
.site-footer .footer-social-item,
#colophon .social-button{border-radius:50% !important;width:44px;height:44px;padding:0 !important;display:inline-flex;align-items:center;justify-content:center;}

/* Recipes page: filter buttons + search */
.mc-recipe-tools{margin:0 0 32px;display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center}
.mc-filter-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.mc-filter-btns a{display:inline-block;padding:10px 22px;border-radius:999px;border:2px solid #b24a33;color:#b24a33;font-weight:600;text-decoration:none;line-height:1.2;transition:background .15s,color .15s}
.mc-filter-btns a:hover,.mc-filter-btns a.is-active{background:#b24a33;color:#fff}
.mc-recipe-search{display:flex;width:100%;max-width:520px;border:2px solid #d9d2c8;border-radius:999px;overflow:hidden;background:#fff}
.mc-recipe-search input[type=search]{flex:1;border:0;padding:12px 20px;font-size:16px;outline:0;background:transparent;min-width:0}
.mc-recipe-search button{border:0;background:#b24a33;color:#fff;padding:0 24px;font-weight:600;cursor:pointer}

.mc-recipe-tools{grid-column:1/-1}

/* About Us page */
.mc-about{max-width:1100px;margin:0 auto;padding:0 16px 40px;color:#2b2420}
.mc-about h2{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:0 0 16px}
.mc-about .mc-eyebrow{font-family:'Caveat',cursive;color:#b24a33;font-size:26px;margin-bottom:6px}
.mc-about-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:48px 0 32px}
.mc-about-hero h1{font-size:clamp(36px,6vw,60px);line-height:1.05;margin:0 0 18px}
.mc-about-hero p{font-size:19px;line-height:1.6}
.mc-about-photo{border-radius:24px;aspect-ratio:4/5;background:#e9dfd2 center/cover no-repeat}
.mc-about-photo.is-empty{background:linear-gradient(135deg,#efe5d8,#e2d3c0)}
.mc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 56px}
.mc-stat{background:#b24a33;color:#fff;border-radius:20px;padding:28px 16px;text-align:center}
.mc-stat strong{display:block;font-size:clamp(32px,5vw,52px);line-height:1}
.mc-stat span{display:block;margin-top:8px;font-size:15px;letter-spacing:.04em;text-transform:uppercase}
.mc-about-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:0 0 56px}
.mc-about-split.rev .mc-about-photo{order:2}
.mc-about-split p{font-size:18px;line-height:1.7;margin:0 0 14px}
.mc-about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 56px}
.mc-about-card{background:#fff;border:1px solid #e6ddd2;border-radius:20px;padding:26px}
.mc-about-card h3{margin:0 0 8px;font-size:20px}
.mc-about-card p{margin:0;line-height:1.6}
.mc-about-cta{background:#f3ece2;border-radius:28px;padding:40px 28px;text-align:center}
.mc-about-cta p{max-width:620px;margin:0 auto 20px;font-size:18px;line-height:1.6}
.mc-about-cta .mc-btn{display:inline-block;margin:4px}
@media(max-width:800px){.mc-about-hero,.mc-about-split{grid-template-columns:1fr;gap:24px}.mc-about-split.rev .mc-about-photo{order:0}.mc-about-cards{grid-template-columns:1fr}.mc-stats{gap:10px}.mc-stat{padding:18px 8px}.mc-stat span{font-size:12px}.mc-about-photo{aspect-ratio:4/3}}

/* ---- Subscribe box inside recipes ---- */
.mc-signup--post{margin:40px 0 24px}
.mc-signup--post .mc-signup-title{color:#fff;font-size:1.9rem;line-height:1.2;font-weight:700;margin:.2em 0}
.mc-signup--post p{color:#fff}
@media(max-width:600px){.mc-signup--post .mc-signup-title{font-size:1.5rem}}
/* ---- Homepage photos are real images now (lazy loaded, responsive) ---- */
.mc-ph,.mc-arch-img{position:relative;overflow:hidden}
.mc-ph>img,.mc-arch-img>img,.mc-tile .mc-ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;border-radius:0;background:none}