/**
 * Theme Name: U-Design Child
 * Theme URI: https://udesigntheme.com/envato-market/
 * Description: This is a child theme of U-Design.
 * Author: Andon
 * Author URI: https://1.envato.market/OdObz
 * Template: u-design
 * Version: 1.0.0
 */

/* ============================================================
   KRISTY LEWELLEN PHOTOGRAPHY — PACIFIC MIST PALETTE
   ============================================================
   Near black:  #222222  — primary text, hero/shop bg
   Steel gray:  #5b6e7a  — secondary text, nav, borders
   Sage mist:   #96a9a0  — accent, active nav, CTA buttons
   Soft white:  #f0ece5  — page background
   White:       #ffffff  — header, card sections
   Footer bg:   #1a1a1a
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Lato:wght@300;400;700&display=swap');

/* --- CSS Variables --- */
:root {
  --klp-near-black:   #222222;
  --klp-steel-gray:   #5b6e7a;
  --klp-sage-mist:    #96a9a0;
  --klp-soft-white:   #f0ece5;
  --klp-white:        #ffffff;
  --klp-footer-bg:    #1a1a1a;
  --klp-serif:        'Cormorant Garamond', Georgia, serif;
  --klp-sans:         'Lato', 'Helvetica Neue', Arial, sans-serif;
}

/* --- Global Body --- */
body {
  background-color: var(--klp-soft-white) !important;
  color: var(--klp-near-black) !important;
  font-family: var(--klp-sans) !important;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.7;
}

/* --- Headings --- */
h1, h2, h3, h4, h5, h6,
.vc_custom_heading {
  font-family: var(--klp-serif) !important;
  color: var(--klp-near-black) !important;
  font-weight: 400;
  letter-spacing: 0.02em;
}
h1 { font-size: 3rem; line-height: 1.15; }
h2 { font-size: 2.2rem; line-height: 1.2; }
h3 { font-size: 1.6rem; }

/* --- Header --- */
#header, #top, .header-wrapper, #site-header {
  background-color: var(--klp-white) !important;
  border-bottom: 1px solid #e0dbd3;
}

/* --- Site Title / Logo --- */
#site-title a, .site-title a, #logo a, .logo a {
  font-family: var(--klp-serif) !important;
  color: var(--klp-near-black) !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

/* --- Navigation --- */
#nav ul li a, #navigation ul li a, nav ul li a, .main-navigation ul li a {
  font-family: var(--klp-sans) !important;
  color: var(--klp-steel-gray) !important;
  font-size: 0.85rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 400;
  transition: color 0.2s ease;
}
#nav ul li a:hover, #navigation ul li a:hover, nav ul li a:hover,
#nav ul li.current-menu-item > a, #nav ul li.current_page_item > a {
  color: var(--klp-sage-mist) !important;
}

/* --- Buttons --- */
.vc_btn3, .wpb_button, a.button, button, input[type="submit"], .btn,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  font-family: var(--klp-sans) !important;
  background-color: var(--klp-sage-mist) !important;
  color: var(--klp-white) !important;
  border: none !important;
  border-radius: 0 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 400;
  padding: 12px 28px !important;
  transition: background-color 0.2s ease !important;
}
.vc_btn3:hover, .wpb_button:hover, a.button:hover, button:hover,
input[type="submit"]:hover, .btn:hover, .woocommerce a.button:hover {
  background-color: var(--klp-steel-gray) !important;
  color: var(--klp-white) !important;
}

/* --- Links --- */
a { color: var(--klp-steel-gray); text-decoration: none; transition: color 0.2s ease; }
a:hover { color: var(--klp-sage-mist); }

/* --- Footer --- */
#footer, #bottom, footer, .site-footer, .footer-wrapper {
  background-color: var(--klp-footer-bg) !important;
  color: #aaa !important;
}
#footer a, #bottom a, footer a, .site-footer a, .footer-wrapper a {
  color: var(--klp-sage-mist) !important;
}
#footer a:hover, #bottom a:hover, footer a:hover {
  color: var(--klp-white) !important;
}
#footer h1, #footer h2, #footer h3, #footer h4,
#bottom h1, #bottom h2, #bottom h3, #bottom h4 {
  color: var(--klp-soft-white) !important;
}

/* --- WooCommerce --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--klp-serif) !important;
  color: var(--klp-near-black) !important;
}
.woocommerce ul.products li.product .price {
  color: var(--klp-steel-gray) !important;
}

/* --- WPBakery row colour helpers --- */
.vc_row.klp-hero  { background-color: var(--klp-near-black) !important; }
.vc_row.klp-light { background-color: var(--klp-soft-white) !important; }
.vc_row.klp-white { background-color: var(--klp-white) !important; }
.vc_row.klp-dark  { background-color: var(--klp-near-black) !important; }
.vc_row.klp-dark *, .vc_row.klp-hero * { color: var(--klp-soft-white) !important; }

/* --- Utility classes for WPBakery custom CSS fields --- */
.klp-hero-headline {
  font-family: var(--klp-serif) !important;
  font-size: 3.5rem !important;
  font-weight: 300 !important;
  color: var(--klp-soft-white) !important;
  line-height: 1.1 !important;
  letter-spacing: 0.03em !important;
}
.klp-kicker {
  font-family: var(--klp-sans) !important;
  color: var(--klp-sage-mist) !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  display: block;
  margin-bottom: 1rem;
}
.klp-section-heading {
  font-family: var(--klp-serif) !important;
  font-size: 2rem !important;
  font-weight: 400 !important;
  color: var(--klp-near-black) !important;
}
.klp-body-text {
  font-family: var(--klp-sans) !important;
  font-size: 1rem !important;
  line-height: 1.8 !important;
  color: var(--klp-steel-gray) !important;
  font-weight: 300 !important;
}
.klp-sage-text { color: var(--klp-sage-mist) !important; }
blockquote, .klp-accent-bar {
  border-left: 3px solid var(--klp-sage-mist);
  padding-left: 1.5rem;
}