/*
Theme Name:        Strawberry Kale
Theme URI:         https://example.com/strawberry-kale
Author:            Your Name
Author URI:        https://example.com
Description:       A warm, editorial food blog theme with customizable homepage, category pages, sticky header, footer with newsletter, and full WordPress Customizer support.
Version:           2.0.0
Requires at least: 6.0
Tested up to:      6.7
Requires PHP:      8.0
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       strawberry-kale
Tags:              food-and-drink, blog, custom-logo, custom-menu, featured-images, full-width-template
*/

/* ============================================================
   GLOBAL BASE — Strawberry Kale v2
   Header  → header-style.css
   Posts   → blog-post-style.css
   Home    → home-style.css
   Category→ category-style.css
   Footer  → footer-style.css
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

:root {
  --cream:     #fdf6ee;
  --warm-tan:  #e8d5b7;
  --blush:     #f2a97e;
  --deep-rose: #c0614d;
  --sage:      #7C8F84;
  --dark:      #3b2f2f;
  --mid:       #7a6657;
  --nav-bg:    #F8F4EC;
  --accent:    #8B6B4A;
  --border:    #5C5552;
  --announce:  #7C8F84;
}

html { scroll-behavior: smooth; }

body {
  margin: 0;
  padding: 0;
  background: var(--cream);
  font-family: 'Lato', 'DM Sans', sans-serif;
  color: var(--dark);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img { display: block; max-width: 100%; height: auto; }
a   { text-decoration: none; color: inherit; }

.skip-link {
  position: absolute;
  top: -100%;
  left: 1rem;
  background: var(--dark);
  color: #fff;
  padding: 8px 16px;
  font-size: 0.85rem;
  z-index: 9999;
}
.skip-link:focus { top: 0; }

#main-content { min-height: 50vh; }

/* WP core alignment */
.alignleft  { float: left;  margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter{ display: block; margin: 0 auto 1em; }

/* WP caption */
.wp-caption-text { font-size: 0.8rem; color: var(--mid); text-align: center; font-style: italic; margin-top: 6px; }

/* Comments wrap */
.skb-comments-wrap { max-width: 680px; margin: 0 auto; padding: 40px 20px 60px; }
.comments-title, .comment-reply-title { font-family: 'Playfair Display', serif; font-size: 1.4rem; margin-bottom: 20px; color: var(--dark); }
.comment-form input, .comment-form textarea { width: 100%; border: 1.5px solid var(--warm-tan); padding: 10px 14px; font-family: inherit; font-size: 0.9rem; background: #fff; color: var(--dark); margin-bottom: 12px; outline: none; transition: border-color 0.2s; }
.comment-form input:focus, .comment-form textarea:focus { border-color: var(--blush); }
.comment-form .submit { background: var(--blush); color: #fff; border: none; padding: 12px 28px; font-family: inherit; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; transition: background 0.2s; }
.comment-form .submit:hover { background: var(--deep-rose); }
.comment-list { list-style: none; padding: 0; margin: 0 0 32px; }
.comment-body { background: #fff; border: 1.5px solid var(--warm-tan); padding: 20px 24px; margin-bottom: 16px; }
.comment-author { font-weight: 700; color: var(--dark); }
.comment-metadata { font-size: 0.78rem; color: var(--mid); margin-bottom: 10px; }

@media print {
  #site-header, #site-footer, .skb-related, .skb-comments-wrap,
  .announcement-strip, .button-bar, .skip-link { display: none !important; }
}