/*
Theme Name: Loops by Lily (Divi Child)
Theme URI: https://loopsbylily.co.uk
Description: Divi child theme for Loops by Lily. Applies the Loops by Lily brand (Brand Guidelines v1.0) across Divi and WooCommerce: warm cream, cocoa, dusty rose; Cormorant Garamond, Montserrat and Great Vibes. Pages are built with the Divi Builder so they can be edited visually.
Author: Loops by Lily
Author URI: https://loopsbylily.co.uk
Template: Divi
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: loops-by-lily-child
*/

/* =========================================================
   Brand tokens (from Brand Guidelines v1.0)
   Cocoa #5e4a37 · Dusty Rose #be8371 · Terracotta #a4745d
   Warm Cream #fdf4ea · Blush #e4c3ae · Sage #8f8c6b
   Antique Gold #b0896a · Taupe/line #ead9c7
   Fonts: Cormorant Garamond (head), Montserrat (body), Great Vibes (script)
   ========================================================= */

:root {
  --cream:#fdf4ea; --cream-2:#f7ebdf; --blush:#e4c3ae;
  --ink:#5e4a37; --ink-soft:#836f5c; --rose:#be8371; --terra:#a4745d;
  --gold:#b0896a; --sage:#8f8c6b; --coral:#e0a48e; --line:#ead9c7; --white:#fffdfa;
}

/* ---------- Base typography & colour ---------- */
body,
.et_pb_text,
.et_pb_module,
p, li, input, textarea, select, button {
  font-family: "Montserrat", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}
body { color: #5e4a37; background-color: #fdf4ea; line-height: 1.7; }

h1, h2, h3, h4, h5, h6,
.et_pb_module h1, .et_pb_module h2, .et_pb_module h3, .et_pb_module h4 {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  color: #5e4a37;
  font-weight: 600;
  line-height: 1.14;
}

#page-container { background-color: #fdf4ea; }

a { color: #a4745d; }
a:hover { color: #be8371; }

/* Helper classes usable from Divi module "CSS Class" fields */
.lbl-eyebrow p, .lbl-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.28em;
  font-size: 12px !important;
  font-weight: 600;
  color: #a4745d !important;
}
.lbl-script p, .lbl-script {
  font-family: "Great Vibes", cursive !important;
  color: #be8371 !important;
  line-height: 1.1;
}

/* ---------- Header & navigation ---------- */
#main-header,
#top-header { background-color: #fffdfa !important; box-shadow: 0 1px 0 #ead9c7; }
#top-menu li a,
.et_pb_menu li a,
.et_pb_fullwidth_menu li a {
  color: #5e4a37 !important;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 13px;
  font-weight: 500;
}
#top-menu li a:hover,
.et_pb_menu li a:hover { color: #be8371 !important; }
#top-menu li.current-menu-item > a { color: #be8371 !important; }

/* ---------- Buttons (Divi) ---------- */
.et_pb_button,
.et_pb_button:hover {
  font-family: "Montserrat", sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600 !important;
  font-size: 14px !important;
  border-radius: 999px !important;
  padding: 0.72em 2em !important;
  transition: all .2s ease;
}
.et_pb_button {
  background-color: #be8371 !important;
  color: #ffffff !important;
  border: 0 !important;
}
.et_pb_button:after { display: none !important; }
.et_pb_button:hover {
  background-color: #a4745d !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* ---------- Feature cards (add CSS class "lbl-feature" to a Text module) ---------- */
.lbl-feature {
  background: #fffdfa;
  border: 1px solid #ead9c7;
  border-radius: 18px;
  padding: 40px 30px !important;
  box-shadow: 0 8px 24px rgba(94,74,55,0.08);
  text-align: center;
  height: 100%;
}
.lbl-feature h3 { color: #a4745d; margin-bottom: 10px; }
.lbl-feature p { color: #836f5c; margin: 0; }

/* ---------- CTA band (add CSS class "lbl-band" to a Call To Action module) ---------- */
.lbl-band.et_pb_cta,
.lbl-band {
  background-color: #8f8c6b !important;
  border-radius: 18px !important;
  padding: 70px 30px !important;
  border: 0 !important;
}
.lbl-band .et_pb_promo_description h1,
.lbl-band .et_pb_promo_description h2,
.lbl-band .et_pb_promo_description p,
.lbl-band h2, .lbl-band p { color: #ffffff !important; }
.lbl-band .et_pb_button {
  background-color: #fffdfa !important;
  color: #5e4a37 !important;
}
.lbl-band .et_pb_button:hover { background-color: #f7ebdf !important; color: #a4745d !important; }

/* ---------- WooCommerce ---------- */
.woocommerce span.price,
.woocommerce div.product p.price,
.woocommerce ul.products li.product .price { color: #a4745d !important; font-weight: 600; }

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  font-family: "Cormorant Garamond", serif !important;
  color: #5e4a37;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: #be8371 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 600;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover { background-color: #a4745d !important; }

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info { border-top-color: #be8371 !important; }
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before { color: #be8371 !important; }

.woocommerce ul.products li.product,
.woocommerce div.product { }
.woocommerce ul.products li.product a img { border-radius: 12px; }

.woocommerce span.onsale {
  background: #be8371 !important;
  border-radius: 999px;
  font-family: "Montserrat", sans-serif;
}

/* ---------- Footer ---------- */
#main-footer { background-color: #5e4a37; }
#main-footer h1, #main-footer h2, #main-footer h3, #main-footer h4 { color: #fffdfa; }
#main-footer, #main-footer p, #main-footer li a { color: rgba(253,244,234,0.8); }
#main-footer li a:hover { color: #e4c3ae; }
#footer-bottom { background-color: #4d3c2c; }
#footer-info, #footer-info a { color: rgba(253,244,234,0.55); }

/* ---------- Gentle rounding for images & sections ---------- */
.et_pb_image img { border-radius: 12px; }