/*
Theme Name: Loop & Lark
Theme URI: https://loopandlark.com
Author: Loop & Lark
Description: Custom child theme for Loop & Lark based on GeneratePress. Teal, marigold and daisy cream craft design with Fraunces headings.
Template: generatepress
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: loopandlark
*/

:root {
  --ll-teal: #2F6F6A;
  --ll-ink: #20403C;
  --ll-cream: #FBF6EA;
  --ll-honey: #F5E8C8;
  --ll-marigold: #E9A13B;
  --ll-charcoal: #33302B;
  --ll-border: #EFE6CF;
  --ll-white: #ffffff;
}

/* ---------- Base ---------- */
body {
  color: var(--ll-charcoal);
  background-color: var(--ll-cream);
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 18px;
  line-height: 1.65;
}

a { color: var(--ll-teal); }
a:hover { color: var(--ll-ink); }

/* ---------- Typography ---------- */
h1, h2, h3, h4, h5, h6,
.site-title, .site-title a {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 600;
  color: var(--ll-ink);
  line-height: 1.2;
}

.entry-title, .entry-title a { color: var(--ll-ink); }
.entry-title a:hover { color: var(--ll-teal); }

/* ---------- Header ---------- */
.site-header {
  background: var(--ll-cream);
  border-bottom: 2px solid var(--ll-honey);
}
.site-title a { color: var(--ll-ink); text-decoration: none; }
.site-description { color: var(--ll-charcoal); }

/* ---------- Navigation ---------- */
.main-navigation {
  background: var(--ll-cream);
}
.main-navigation a { color: var(--ll-ink); font-weight: 500; }
.main-navigation a:hover { color: var(--ll-teal); }

/* ---------- Buttons ---------- */
.button, .wp-block-button__link, button, input[type="button"], input[type="submit"] {
  background-color: var(--ll-teal);
  color: #fff;
  border-radius: 999px;
  font-weight: 700;
  padding: 14px 32px;
}
.button:hover, .wp-block-button__link:hover, button:hover {
  background-color: var(--ll-ink);
  color: #fff;
}

/* ---------- Content cards ---------- */
.post-card, .cat-card {
  background: var(--ll-white);
  border: 1px solid var(--ll-border);
  border-radius: 18px;
}

/* ---------- Badges ---------- */
.badge, .pin-badge {
  display: inline-block;
  background: var(--ll-marigold);
  color: var(--ll-ink);
  font-weight: 700;
  font-size: 13px;
  padding: 5px 16px;
  border-radius: 999px;
}

/* ---------- Buy from Amazon button (affiliate articles only) ---------- */
.ll-amazon-btn {
  display: inline-block;
  background: var(--ll-teal);
  color: #fff !important;
  font-weight: 700;
  padding: 12px 28px;
  border-radius: 999px;
  text-decoration: none;
  margin: 12px 0 24px 0;
}
.ll-amazon-btn:hover { background: var(--ll-ink); color: #fff !important; }

/* ---------- Hide You May Also Like (standing order) ---------- */
.yarpp-related, .related-posts, .post-related {
  display: none !important;
}

/* ---------- Footer ---------- */
.site-footer {
  background: var(--ll-ink);
  color: #CFC8B2;
}
.site-footer a { color: #CFC8B2; }
.site-footer a:hover { color: var(--ll-marigold); }
.site-footer h4, .site-footer .widget-title { color: #fff; font-family: 'Fraunces', Georgia, serif; }