/* INSIDERPIZZA.COM — Design v4 (Tomato Red) — Varia/Maywood */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;500;600&display=swap');

:root {
  --ip-red:    #C0392B;
  --ip-dark:   #8B1A10;
  --ip-cream:  #FFF8F0;
  --ip-warm:   #F5DEB3;
  --ip-text:   #2C1A0E;
  --ip-muted:  #6D5A50;
  --ip-edge:   #E8DDD5;
  --ip-link:   #922B21;
  --ip-head:   'Playfair Display', Georgia, serif;
  --ip-body:   'Inter', -apple-system, sans-serif;
}

body { font-family: var(--ip-body); background: var(--ip-cream); color: var(--ip-text); }
h1,h2,h3,h4 { font-family: var(--ip-head); color: var(--ip-text); }
a { color: var(--ip-link); }
a:hover { color: var(--ip-red); }

/* LOGO FIX — override the 1408x768 intrinsic size */
img.custom-logo,
.custom-logo-link img,
.site-logo img,
#masthead img {
  height: 60px !important;
  width: auto !important;
  max-width: 240px !important;
  object-fit: contain !important;
}

/* Header — Red, NO max-height, NO overflow */
.site-header {
  background-color: var(--ip-red) !important;
  border-bottom: 3px solid var(--ip-dark) !important;
}
.site-header a, .main-navigation a, .site-title a, .site-description {
  color: #fff !important;
  text-decoration: none;
}
.site-header a:hover, .main-navigation a:hover { color: var(--ip-warm) !important; }

/* Site title and description */
.site-title { font-family: var(--ip-head) !important; font-size: 1.4em !important; margin: 0 !important; }
.site-title a { color: #fff !important; }
.site-description { color: rgba(255,255,255,.75) !important; font-size: 13px !important; margin: 0 !important; }

/* Post cards */
article.type-post, .hentry {
  background: #fff;
  border: 1px solid var(--ip-edge);
  border-top: 4px solid var(--ip-red);
  border-radius: 6px;
  padding: 24px;
  margin-bottom: 28px;
}
.entry-title { font-family: var(--ip-head) !important; }
.entry-title a { color: var(--ip-text) !important; text-decoration: none !important; }
.entry-title a:hover { color: var(--ip-red) !important; }
.entry-meta, .posted-on, .byline, .cat-links, .tags-links { font-size: 13px; color: var(--ip-muted); }

/* Recipe cards */
.recipe-card { background: var(--ip-warm); border-left: 4px solid var(--ip-red); border-radius: 6px; padding: 24px; margin: 28px 0; }
.recipe-card .recipe-title { font-family: var(--ip-head); color: var(--ip-red); font-size: 22px; font-weight: 700; margin-bottom: 12px; }

/* Affiliate CTA */
.affiliate-cta { display:grid; grid-template-columns:100px 1fr; gap:16px; border:2px solid var(--ip-edge); border-radius:8px; padding:24px; margin:28px 0; background:#fff; }
.affiliate-cta .btn-amazon { display:block; background:var(--ip-red); color:#fff; font-weight:700; text-align:center; padding:12px; border-radius:4px; text-decoration:none; margin-top:8px; }
.affiliate-cta .btn-amazon:hover { background: var(--ip-dark); }

/* FTC */
.ftc-disclosure { background:#fff3ed; border-left:4px solid var(--ip-red); padding:16px 20px; margin:24px 0; font-size:14px; border-radius:0 4px 4px 0; }

/* Buttons */
.wp-block-button__link, button[type="submit"] { background: var(--ip-red) !important; color: #fff !important; font-weight: 600; }
.wp-block-button__link:hover { background: var(--ip-dark) !important; }

/* Footer */
.site-footer { background: var(--ip-red) !important; color: rgba(255,255,255,.85) !important; padding: 48px 24px; }
.site-footer a { color: rgba(255,255,255,.75) !important; text-decoration: none; }
.site-footer a:hover { color: #fff !important; }

/* Sidebar */
.widget-area { background: #fff; border: 1px solid var(--ip-edge); border-radius: 6px; padding: 24px; }
.widget-title { font-family: var(--ip-head); color: var(--ip-red); border-bottom: 2px solid var(--ip-red); padding-bottom: 8px; margin-bottom: 16px; }

/* Ad zones */
.ad-zone { text-align:center; margin:28px auto; }
.ad-zone-leaderboard { max-width:728px; min-height:90px; }

/* =========================================================
   Header & Navigation — Visibility Fix  (GHOA-131)
   Override white-on-white nav text with dark warm tones.
   ========================================================= */

/* --- Nav container colour tokens ----------------------- */
.wp-block-navigation {
    --wp--custom--color--foreground: #3d2b1a;
    color: #3d2b1a;
}

/* --- Primary nav links --------------------------------- */
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__label,
.wp-block-navigation .wp-block-navigation-item > .wp-block-navigation-item__content {
    color: #3d2b1a !important;
    text-decoration: none !important;
}

.wp-block-navigation a:hover,
.wp-block-navigation a:focus,
.wp-block-navigation .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__label:hover {
    color: #b07542 !important;
    text-decoration: underline !important;
}

/* --- Active / current page ----------------------------- */
.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content .wp-block-navigation-item__label {
    color: #b07542 !important;
    font-weight: 700 !important;
}

/* --- Submenu (dropdown) -------------------------------- */
.wp-block-navigation .wp-block-navigation__submenu-container {
    background-color: #fff8f0 !important;
    border: 1px solid #e8d5c0 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.wp-block-navigation .wp-block-navigation__submenu-container a,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
    color: #3d2b1a !important;
}

.wp-block-navigation .wp-block-navigation__submenu-container a:hover,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__label:hover {
    color: #b07542 !important;
    background-color: #fdf0e4 !important;
}

/* --- Submenu chevron icon ------------------------------ */
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
    stroke: #3d2b1a !important;
    fill: #3d2b1a !important;
}

/* --- Mobile hamburger / toggle button ------------------ */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
    color: #3d2b1a !important;
    border-color: #3d2b1a !important;
}

.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
    stroke: #3d2b1a !important;
    fill: #3d2b1a !important;
}

/* --- Mobile overlay menu ------------------------------- */
.wp-block-navigation__responsive-container.is-menu-open {
    background-color: #fff8f0 !important;
    color: #3d2b1a !important;
}

.wp-block-navigation__responsive-container.is-menu-open a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label {
    color: #3d2b1a !important;
}

/* --- Site header background safety net ----------------- */
header.wp-block-template-part,
.wp-site-blocks > header {
    background-color: #ffffff !important;
}