/*
Theme Name:   Big Daddy Cooking
Theme URI:    https://bigdaddycooking.com
Description:  Kadence child theme for BigDaddyCooking.com. SEO-optimized food blog built for PLR recipe publishing, affiliate monetization, display ads, and digital product sales.
Author:       Big Daddy Cooking
Author URI:   https://bigdaddycooking.com
Template:     kadence
Version:      2.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  bigdaddycooking
Tags:         food-and-drink, blog, e-commerce, custom-colors, custom-logo, featured-images
*/

/* ============================================================
   GOOGLE FONTS
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Lato:ital,wght@0,400;0,700;1,400&display=swap');

/* ============================================================
   PARENT THEME IMPORT
   ============================================================ */
@import url('../kadence/style.css');

/* ============================================================
   BRAND VARIABLES
   ============================================================ */
:root {
  --bdc-red:       #c8382a;
  --bdc-red-dark:  #a02820;
  --bdc-gold:      #e8b86d;
  --bdc-dark:      #1a1a1a;
  --bdc-charcoal:  #2d2d2d;
  --bdc-brown:     #3d1a00;
  --bdc-cream:     #fdf6ec;
  --bdc-light:     #f9f6f1;
  --bdc-border:    #e8e0d5;
  --bdc-muted:     #6b6560;
  --font-display:  'Playfair Display', Georgia, serif;
  --font-body:     'Lato', 'Helvetica Neue', sans-serif;
}

/* ============================================================
   GLOBAL RESET & BASE
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: var(--font-body) !important;
  font-size: 16px;
  line-height: 1.75;
  color: var(--bdc-dark);
  background-color: var(--bdc-light) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  color: var(--bdc-dark);
}

a { color: var(--bdc-red); text-decoration: none; transition: color .2s; }
a:hover { color: var(--bdc-red-dark); }
p { margin-bottom: 1.25rem; }

/* ============================================================
   TOP BAR
   ============================================================ */
.kadence-top-bar,
#kadence-top-bar {
  background-color: #1a1a1a !important;
  min-height: 36px;
}
.kadence-top-bar *,
#kadence-top-bar * { font-size: 12px !important; }
.kadence-top-bar .top-bar-section,
.kadence-top-bar p { color: #e8b86d !important; font-weight: 700; letter-spacing: 0.5px; }
.kadence-top-bar a { color: #aaaaaa !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; }
.kadence-top-bar a:hover { color: #e8b86d !important; }

/* ============================================================
   SITE HEADER
   Three-column: Logo | Tagline | CTA Buttons
   ============================================================ */
.site-header,
.site-header.kadence-sticky-header {
  background-color: #ffffff !important;
  border-bottom: 3px solid #c8382a !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07) !important;
}

/* Header inner container */
.site-header .container,
.site-header .kadence-container,
.header-inner-wrap {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 20px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  min-height: 96px !important;
}

/* ── LOGO ── */
.site-branding,
.kadence-site-branding,
.custom-logo-link,
.header-logo-link {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
}

.custom-logo,
.site-branding img,
.kadence-site-branding img,
.header-logo-link img {
  height: 70px !important;
  width: auto !important;
  max-width: 200px !important;
  object-fit: contain !important;
  display: block !important;
  mix-blend-mode: multiply !important;
}

/* Hide text site title when logo image is set */
.site-title,
.site-description { display: none !important; }

/* ── CENTER TAGLINE ── */
.header-tagline-wrap {
  text-align: center !important;
  flex: 1 !important;
}

.bdc-header-tagline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: #888888 !important;
  white-space: nowrap;
}

.bdc-header-tagline .dot {
  color: #c8382a !important;
  font-size: 18px !important;
  line-height: 0.8 !important;
}

/* ── HEADER CTA BUTTONS ── */
.header-button-area,
.kadence-header-btn-wrap {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-shrink: 0 !important;
}

/* Outline button (Free Cookbook) */
.header-btn-outline,
.kadence-header-btn-outline {
  background: transparent !important;
  color: #c8382a !important;
  border: 2px solid #c8382a !important;
  padding: 8px 16px !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  transition: background .15s, color .15s !important;
  text-decoration: none !important;
  display: inline-block !important;
}
.header-btn-outline:hover { background: #c8382a !important; color: #fff !important; }

/* Filled button (Shop Store) */
.header-btn-filled,
.kadence-header-btn-filled {
  background: #c8382a !important;
  color: #ffffff !important;
  border: 2px solid #c8382a !important;
  padding: 8px 16px !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  transition: background .15s !important;
  text-decoration: none !important;
  display: inline-block !important;
}
.header-btn-filled:hover { background: #a02820 !important; border-color: #a02820 !important; }

/* ============================================================
   PRIMARY NAVIGATION
   ============================================================ */
.main-navigation,
.primary-navigation,
#site-navigation,
.kadence-primary-navigation {
  background-color: #2d2d2d !important;
}

.main-navigation ul,
.primary-navigation ul { margin: 0; padding: 0; list-style: none; }

.main-navigation > div > ul > li > a,
.primary-navigation > div > ul > li > a,
.kadence-primary-navigation .nav-menu > li > a {
  color: #cccccc !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  padding: 14px 18px !important;
  display: block !important;
  border-bottom: 3px solid transparent !important;
  transition: color .2s, border-color .2s !important;
}

.main-navigation > div > ul > li > a:hover,
.primary-navigation > div > ul > li > a:hover,
.main-navigation > div > ul > li.current-menu-item > a,
.primary-navigation > div > ul > li.current-menu-item > a,
.kadence-primary-navigation .nav-menu > li > a:hover,
.kadence-primary-navigation .nav-menu > li.current-menu-item > a {
  color: #e8b86d !important;
  border-bottom-color: #e8b86d !important;
  background: transparent !important;
}

/* Dropdowns */
.main-navigation .sub-menu,
.primary-navigation .sub-menu {
  background-color: #1a1a1a !important;
  border-top: 2px solid #c8382a !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
  min-width: 200px !important;
}
.main-navigation .sub-menu a,
.primary-navigation .sub-menu a {
  color: #aaaaaa !important;
  font-size: 12px !important;
  padding: 10px 18px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.main-navigation .sub-menu a:hover,
.primary-navigation .sub-menu a:hover {
  color: #e8b86d !important;
  background: rgba(255,255,255,0.04) !important;
}

/* Mobile menu toggle */
.menu-toggle, .kadence-menu-toggle-wrap .menu-toggle-btn {
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
}

/* ============================================================
   CONTENT & LAYOUT
   ============================================================ */
.site-main, .content-area { background: transparent; }

.entry-title { font-family: var(--font-display) !important; }
.entry-title a { color: var(--bdc-dark) !important; }
.entry-title a:hover { color: var(--bdc-red) !important; }

/* ============================================================
   BUTTONS — Global
   ============================================================ */
.wp-block-button .wp-block-button__link,
.kb-btn-global-filled,
button[type="submit"],
input[type="submit"],
.button {
  background-color: #c8382a !important;
  border-color: #c8382a !important;
  color: #ffffff !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
}
.wp-block-button .wp-block-button__link:hover,
.kb-btn-global-filled:hover { background-color: #a02820 !important; border-color: #a02820 !important; }

.kb-btn-global-outline {
  background: transparent !important;
  color: #c8382a !important;
  border: 2px solid #c8382a !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
}
.kb-btn-global-outline:hover { background: #c8382a !important; color: #fff !important; }

/* ============================================================
   KADENCE BLOCKS — Post Grid
   ============================================================ */
.kb-post-grid-item {
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
  transition: transform .2s, box-shadow .2s !important;
  background: #ffffff !important;
}
.kb-post-grid-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.14) !important;
}
.kb-post-grid-item .kb-post-grid-title {
  font-family: var(--font-display) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--bdc-dark) !important;
}
.kb-post-grid-item .kb-post-grid-title a { color: var(--bdc-dark) !important; }
.kb-post-grid-item .kb-post-grid-title a:hover { color: var(--bdc-red) !important; }
.kb-post-grid-item .kb-post-grid-category a {
  color: #c8382a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/* ============================================================
   WP RECIPE MAKER
   ============================================================ */
.wprm-recipe-container {
  border: 2px solid #e8e0d5 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}
.wprm-recipe-block-container-columns-3 { background: #fdf6ec !important; }
.wprm-recipe-name { font-family: var(--font-display) !important; color: var(--bdc-dark) !important; }
.wprm-recipe-print-button { background: #c8382a !important; border-radius: 4px !important; }
.wprm-color-accent { color: #c8382a !important; }

/* ============================================================
   AD SLOTS
   ============================================================ */
.bdc-ad-leaderboard { min-height: 90px; text-align: center; margin: 16px auto; }
.bdc-ad-sidebar-rect { min-height: 250px; text-align: center; margin: 0 auto 24px; }
.bdc-ad-sidebar-half { min-height: 600px; text-align: center; margin: 0 auto; }
.bdc-ad-incontent { min-height: 250px; max-width: 336px; margin: 28px auto; text-align: center; }

/* ============================================================
   SIDEBAR WIDGETS
   ============================================================ */
.widget-area .widget {
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  margin-bottom: 24px;
}
.widget-area .widget-title,
.widget-area .widgettitle {
  background: #2d2d2d !important;
  color: #e8b86d !important;
  font-family: var(--font-display) !important;
  font-size: 15px !important;
  padding: 11px 16px !important;
  margin: 0 !important;
}

/* Email opt-in */
.widget-optin-wrap { background: #c8382a !important; }
.widget-optin-wrap .widget-title { background: #a02820 !important; color: #fff !important; }
.widget-optin-wrap input[type="email"],
.widget-optin-wrap input[type="text"] { border-radius: 4px; border: none; width: 100%; padding: 9px 12px; margin-bottom: 8px; }
.widget-optin-wrap input[type="submit"] {
  background: #1a1a1a !important; color: #e8b86d !important;
  width: 100%; border: none; padding: 10px;
  font-family: var(--font-body); font-weight: 700;
  letter-spacing: 0.5px; text-transform: uppercase; border-radius: 4px; cursor: pointer;
}

/* ============================================================
   STORE STRIP — WooCommerce featured products
   ============================================================ */
.bdc-store-strip {
  background: #fdf6ec;
  border-top: 3px solid #e8b86d;
  border-bottom: 3px solid #e8b86d;
  padding: 32px 0;
}

/* WooCommerce product cards */
.woocommerce ul.products li.product {
  background: #ffffff !important;
  border: 1px solid #e8c89a !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  transition: transform .2s, box-shadow .2s !important;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.14) !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--font-display) !important;
  color: #3d1a00 !important;
}
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit {
  background-color: #c8382a !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
}
.woocommerce a.button:hover { background-color: #a02820 !important; }
.woocommerce .price, .woocommerce .amount { color: #c8382a !important; font-weight: 900 !important; }

/* ============================================================
   AFFILIATE BAR
   ============================================================ */
.bdc-affiliate-bar { background: #2d2d2d; padding: 14px 0; }
.bdc-affiliate-bar p { font-size: 12px; color: #888; margin: 0; }
.bdc-affiliate-bar a.bdc-aff-btn {
  background: #e8b86d; color: #3d1a00;
  font-size: 11px; font-weight: 700; letter-spacing: 0.5px;
  text-transform: uppercase; padding: 7px 16px;
  border-radius: 3px; text-decoration: none; white-space: nowrap;
}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer, #colophon, .footer-html {
  background-color: #1a1a1a !important;
  color: #666 !important;
}
.footer-widget-area { background: #1a1a1a !important; }
.footer-widget-area .widget-title,
.footer-widget-area .widgettitle {
  background: transparent !important;
  color: #e8b86d !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
}
.footer-widget-area .widget a { color: #777 !important; font-size: 13px; }
.footer-widget-area .widget a:hover { color: #e8b86d !important; }
.footer-widget-area p { color: #666; font-size: 13px; line-height: 1.65; }

/* Footer logo — gold-tinted on dark bg */
.footer-widget-area img.footer-logo,
.footer-widget-area .custom-logo-link img {
  max-height: 52px !important; width: auto !important;
  filter: brightness(0) saturate(100%) invert(78%) sepia(40%) saturate(400%) hue-rotate(5deg) brightness(95%) !important;
  opacity: 0.9 !important;
}

/* Footer bottom */
.sub-footer, .footer-bottom, .site-info {
  background: #111111 !important;
  border-top: 1px solid #222 !important;
  color: #555 !important;
  font-size: 12px !important;
}
.sub-footer a, .site-info a { color: #666 !important; }
.sub-footer a:hover, .site-info a:hover { color: #e8b86d !important; }

/* ============================================================
   AFFILIATE DISCLOSURE & PRO TIP SHORTCODES
   ============================================================ */
.bdc-disclosure {
  background: #fff8e7; border: 1px solid #e8c87a;
  border-radius: 8px; padding: 14px 18px;
  font-size: 13px; color: #7a5c00; margin-bottom: 24px;
}
.bdc-pro-tip {
  background: #fde8e8; border-left: 4px solid #c8382a;
  border-radius: 0 8px 8px 0; padding: 16px 20px;
  margin: 24px 0; font-size: 14px;
}
.bdc-pro-tip strong { color: #c8382a; }

/* ============================================================
   BREADCRUMBS
   ============================================================ */
.kadence-breadcrumbs, .rank-math-breadcrumb {
  font-size: 13px; color: #6b6560; padding: 10px 0;
}
.kadence-breadcrumbs a, .rank-math-breadcrumb a { color: #6b6560; }
.kadence-breadcrumbs a:hover, .rank-math-breadcrumb a:hover { color: #c8382a; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1024px) {
  .bdc-header-tagline { display: none !important; }
  .header-inner-wrap { grid-template-columns: auto auto !important; }
}
@media (max-width: 768px) {
  .custom-logo, .site-branding img { height: 54px !important; }
  .header-btn-outline { display: none !important; }
}
@media (max-width: 480px) {
  .custom-logo, .site-branding img { height: 44px !important; }
}