/* ============================================================
   Chef Ronaldo — site skin
   Dark black + gold palette, Playfair Display + Inter, applied to
   every page EXCEPT the home page (which is its own full template).
   Loaded last so it overrides the studio theme + WPBakery.
   ============================================================ */

:root{
  --c-bg:#0a0a0a; --c-bg-alt:#111111; --c-card:#141414;
  --c-text:#e8e3d8; --c-muted:#b8b2a6; --c-line:#2a2a2a;
  --c-gold:#C9A84C; --c-gold-dim:#a8872f;
}

/* ---- base palette ---- */
html,body{background:var(--c-bg) !important;color:var(--c-text) !important;}
body{font-family:'Inter',sans-serif !important;}
p,li,td,th,blockquote,.wpb_text_column,.entry-content,.entry-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(a):not(strong):not(i):not([class*="fa-"]){
  font-family:'Inter',sans-serif !important;
}
p,li,.wpb_text_column,.entry-content p,.entry-content li,.site-main p{color:var(--c-muted) !important;}
strong,b{color:var(--c-text) !important;}

/* ---- headings ---- */
h1,h2,h3,h4,h5,h6,.entry-title,.vc_custom_heading,.page-title,.widget-title{
  font-family:'Playfair Display',serif !important;color:#fff !important;font-weight:600 !important;
}

/* ---- links ---- */
a{color:var(--c-gold);}
a:hover{color:var(--c-gold-dim);}

/* ---- strip white backgrounds from layout + WPBakery wrappers ---- */
#page,#content,#primary,#main,.site-content,.content-area,.site-main,.entry-content,
.container,.rasa-container,.row,.wpb_row,.vc_row,.wpb_column,.vc_column_container,
.vc_column-inner,.wpb_wrapper,.wpb_text_column,section,article,.page-header{
  background-color:transparent !important;
}
.site-content,#content,#page{background:var(--c-bg) !important;}
.vc_row.vc_row-has-fill,.vc_row[data-vc-full-width]{background-color:var(--c-bg-alt) !important;}

/* ---- header ---- */
#masthead.site-header,.site-header{background:var(--c-bg) !important;border-bottom:1px solid var(--c-line) !important;box-shadow:none !important;}
.main-navigation a,.site-navigation a,#site-navigation a,.menu a{color:#cfc9bd !important;letter-spacing:.04em;}
.main-navigation a:hover,.site-navigation a:hover,.menu .current-menu-item>a,#site-navigation .current-menu-item>a{color:var(--c-gold) !important;}
.header-icon a,.site-header .easy-social-icons a,.site-header i{color:#cfc9bd !important;}
.header-icon a:hover{color:var(--c-gold) !important;}
/* Header social icons (JS-injected SVGs) -> clean white icons, no box, like the footer */
.site-header .cnss-social-icon{display:none !important;}   /* hide the theme's boxed icons */
.koro-header-socials{display:inline-flex;align-items:center;gap:1.1rem;}
.koro-header-socials a{color:#aaa !important;line-height:0;text-decoration:none !important;background:none !important;display:inline-flex;align-items:center;}
.koro-header-socials a:hover{color:var(--c-gold) !important;}
.koro-header-socials svg{width:18px;height:18px;fill:currentColor;display:block;}
.chef-skin-footer .csf-socials a{color:#aaa;display:inline-flex;align-items:center;line-height:0;}
.chef-skin-footer .csf-socials a:hover{color:var(--c-gold);}
.chef-skin-footer .csf-socials svg{width:18px;height:18px;fill:currentColor;display:block;}
/* Desktop header: brand far left, nav + Book + social icons grouped on the right,
   all vertically centered. Override the bootstrap column widths so items size to
   content instead of the fixed 25/50/25% that kept them spread out. */
@media(min-width:1200px){
  /* The theme floats .site-navigation to the right (.header-v2 .site-navigation
     {text-align:center;float:right}). Do NOT make .row a flexbox here — that
     cancels the float and drops the nav into the middle. Just switch the menu's
     text-align from center to right so it groups on the right edge. */
  #masthead .site-navigation,.header-v2 #masthead .site-navigation{text-align:right !important;position:relative !important;right:130px !important;margin-top:-9px !important;}
  #masthead .site-navigation .nav-menu>li{vertical-align:middle;}
  /* vertically center the social icons in the (floated) header-icon column */
  #masthead .header-icon{display:flex !important;align-items:center !important;justify-content:flex-end !important;min-height:60px;}
  #masthead .header-icon>ul,#masthead .header-icon .koro-header-socials{display:flex !important;align-items:center !important;margin:0 !important;padding:0 !important;}
}
/* No underline under desktop nav items — border / pseudo / gradient, all of it */
#masthead .nav-menu a,#masthead .nav-menu li,#masthead .main-navigation a,#masthead .main-navigation li,#masthead .menu-item,#masthead .menu-item>a,#masthead nav a,#masthead nav li{text-decoration:none !important;border:0 !important;border-bottom:0 !important;background-image:none !important;box-shadow:none !important;}
#masthead .nav-menu a::after,#masthead .nav-menu a::before,#masthead .nav-menu li::after,#masthead .nav-menu li::before,#masthead .menu-item::after,#masthead .menu-item::before,#masthead .main-navigation a::after,#masthead .main-navigation a::before,#masthead nav a::after,#masthead nav a::before{display:none !important;content:none !important;border:0 !important;background:none !important;}
/* "Book a consultation" CTA in the theme nav */
.main-navigation li.nav-cta>a,.site-navigation li.nav-cta>a,.menu li.nav-cta>a,#mobile-menu li.nav-cta>a{
  background:var(--c-gold) !important;color:#fff !important;padding:9px 20px !important;border-radius:3px !important;display:inline-block;
}
.main-navigation li.nav-cta>a:link,.main-navigation li.nav-cta>a:visited,.main-navigation li.nav-cta>a:hover,.main-navigation li.nav-cta>a:focus,.site-navigation li.nav-cta>a:hover,#mobile-menu li.nav-cta>a:hover,#mobile-menu li.nav-cta>a:visited{color:#fff !important;}
.main-navigation li.nav-cta>a:hover,.site-navigation li.nav-cta>a:hover,#mobile-menu li.nav-cta>a:hover{background:var(--c-gold-dim) !important;}
/* Mobile flex Book button: text ALWAYS white, never the gold link colour */
a.koro-mobile-book,a.koro-mobile-book:link,a.koro-mobile-book:visited,a.koro-mobile-book:hover,a.koro-mobile-book:focus{color:#fff !important;}
/* Book buttons: pure #ffffff text, full opacity (no off-white tint) */
#masthead .main-navigation li.nav-cta a,#masthead .site-navigation li.nav-cta a,#masthead .nav-menu li.nav-cta a,body .main-navigation li.nav-cta a,body a.koro-mobile-book{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;opacity:1 !important;text-shadow:none !important;}
/* Mobile header (< lg): one flex row -> [hamburger][brand] ...... [Book]. */
.koro-mobile-book{display:none;}
@media(max-width:1199px){
  html,body{overflow-x:hidden;max-width:100%;}
  #masthead{position:relative !important;max-width:100vw;overflow:visible;}
  #masthead .rasa-container,#masthead .container{position:relative;padding-left:14px !important;padding-right:14px !important;max-width:100% !important;overflow:hidden;}
  #masthead .row{display:flex !important;align-items:center;flex-wrap:nowrap;margin:0 !important;min-height:52px;}
  #masthead .row:before,#masthead .row:after{display:none !important;}
  /* hamburger anchored at the far left, out of the brand's flow */
  .mobile-nav-toggle{position:absolute !important;left:14px;top:0;bottom:0;display:flex !important;align-items:center;width:auto !important;margin:0 !important;padding:0 !important;z-index:6;}
  .mobile-nav-toggle .toggle-nav{display:flex !important;align-items:center;}
  /* brand moved right to clear the hamburger (left) and the Book button (right) */
  .site-branding{flex:0 1 auto;width:auto !important;float:none !important;text-align:left !important;margin:0 112px 0 42px !important;padding:0 !important;min-width:0;overflow:hidden;}
  .site-branding::before{font-size:16px;line-height:1.1;}
  .site-branding::after{font-size:9px;letter-spacing:.06em;white-space:nowrap;}
  .site-header .header-icon{display:none !important;}        /* free the right side on mobile */
  #masthead .main-navigation,#masthead #site-navigation{display:none !important;}  /* desktop nav -> hamburger on mobile */
  /* Book button anchored to the header (viewport-width), can't be pushed off */
  .koro-mobile-book{display:inline-block;position:absolute;top:50%;right:14px;transform:translateY(-50%);z-index:60;background:var(--c-gold);color:#fff !important;padding:8px 13px;border-radius:3px;font-size:11px;font-family:'Inter',sans-serif;white-space:nowrap;text-decoration:none;letter-spacing:.02em;}
  .koro-mobile-book:hover{background:var(--c-gold-dim);}
  #mobile-menu li.nav-cta{display:none !important;}          /* don't duplicate inside the dropdown */
  /* clean 56px header bar regardless of theme header height/padding */
  #masthead{height:56px !important;max-height:56px !important;min-height:0 !important;padding:0 !important;margin:0 !important;}
  #masthead .rasa-container,#masthead .row,#masthead .site-branding{height:56px !important;max-height:56px !important;min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;overflow:hidden;}
  #page,#page.site{padding-top:0 !important;margin-top:0 !important;}
}
@media(min-width:1200px){.koro-mobile-book{display:none !important;}}
@media(max-width:359px){
  .site-branding::after{display:none;}                       /* drop subtitle on very small screens */
}

/* ---- header brand → homepage-style text lockup (replaces the JPG logo) ----
   The theme hides .site-title/.site-description and shows a JPG logo. We hide
   all of it and paint the brand as pseudo-elements on .site-branding, which is
   immune to whatever the theme uses to hide the title text. */
.site-branding a.logo,.site-branding .site-title,.site-branding .site-description{display:none !important;}
.site-branding{cursor:pointer;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:6px 0 !important;min-height:60px;}
.site-branding::before{content:"Ronaldo Linares";display:block;font-family:'Playfair Display',serif;font-size:20px;font-weight:600;color:#fff;line-height:1.15;}
.site-branding::after{content:"Private Chef \00B7 New Jersey";display:block;font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#888;margin-top:3px;}

/* ---- footer: hide the theme footer; the homepage-style one is injected ---- */
#colophon.site-footer,.site-footer{display:none !important;}
.chef-skin-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:2rem 3rem;background:var(--c-bg);border-top:1px solid var(--c-line);font-family:'Inter',sans-serif;font-size:12px;color:#777;}
.chef-skin-footer .csf-brand{font-family:'Playfair Display',serif;font-size:17px;color:#fff;margin-bottom:4px;}
.chef-skin-footer .csf-copy{color:#777;}
.chef-skin-footer .csf-socials{display:flex;gap:1.25rem;}
.chef-skin-footer .csf-socials a{color:#fff;font-size:18px;line-height:1;}
.chef-skin-footer .csf-socials a:hover{color:var(--c-gold);}
.chef-skin-footer .csf-email{color:#777;}
@media(max-width:768px){.chef-skin-footer{padding:1.5rem;flex-direction:column;align-items:flex-start;text-align:left;}}

/* ---- buttons ---- */
.vc_btn3,.vc_general.vc_btn3,.wpb_button,.btn,button,input[type=submit]{
  background:var(--c-gold) !important;color:#0a0a0a !important;border:none !important;border-radius:3px !important;
}
.vc_btn3:hover,.wpb_button:hover,button:hover,input[type=submit]:hover{background:var(--c-gold-dim) !important;color:#0a0a0a !important;}

/* ---- forms (e.g. Contact page CF7) ---- */
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=date],
input[type=number],input[type=search],textarea,select{
  background:#1e1e1e !important;color:var(--c-text) !important;border:1px solid #333 !important;
  border-radius:6px !important;padding:12px 16px !important;
}
input::placeholder,textarea::placeholder{color:#8a847a !important;}
label{color:var(--c-muted) !important;}
.wpcf7-response-output{color:var(--c-text) !important;border-color:var(--c-gold) !important;}

/* ---- misc ---- */
hr,.vc_separator .vc_sep_line{border-color:var(--c-line) !important;}
table,td,th{border-color:var(--c-line) !important;}
blockquote{border-left:3px solid var(--c-gold) !important;color:var(--c-text) !important;}