/*
Theme Name: Nonna's Delights
Theme URI: https://nonnasdelights.com
Author: Nonna's Delights
Author URI: https://nonnasdelights.com
Description: A custom WordPress theme for Nonna's Delights — handcrafted Nutella cookies made from a 15-year family recipe by three generations. Fully compatible with Elementor page builder for visual editing.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nonnas-delights
Tags: one-column, custom-menu, featured-images, full-width-template, theme-options, elementor-ready

Nonna's Delights WordPress Theme — Elementor Ready
*/

/* =========================================
   CSS VARIABLES — Design Tokens
   (Available globally for Elementor widgets)
========================================= */
:root {
  --chocolate:   #2B0E00;
  --espresso:    #4A1A05;
  --mocha:       #7A3F1C;
  --caramel:     #B96B2A;
  --gold:        #D4893C;
  --honey:       #E8A54A;
  --cream:       #FDF6EC;
  --warm-white:  #FFF9F2;
  --light-cream: #F5E3CB;
  --blush:       #EDD4B8;
  --text-dark:   #2B0E00;
  --text-mid:    #5C3A1E;
  --text-light:  #8B6547;
  --border:      rgba(180,120,60,0.18);
  --shadow-sm:   0 4px 20px rgba(43,14,0,0.07);
  --shadow-md:   0 10px 40px rgba(43,14,0,0.12);
  --shadow-lg:   0 20px 60px rgba(43,14,0,0.18);
  --trans:       all 0.35s cubic-bezier(0.4,0,0.2,1);
  --radius:      14px;
  --radius-lg:   26px;
}

/* =========================================
   RESET & BASE
========================================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Lato', sans-serif;
  background: var(--warm-white);
  color: var(--text-mid);
  line-height: 1.7;
  font-size: 16px;
  overflow-x: hidden;
}
img { max-width: 100%; display: block; height: auto; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; border: none; font-family: inherit; }

/* =========================================
   TYPOGRAPHY
========================================= */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', Georgia, serif;
  color: var(--text-dark);
  line-height: 1.2;
}

/* =========================================
   WORDPRESS CORE CLASSES
========================================= */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: var(--cream); border: 1px solid var(--border); max-width: 100%; padding: 5px 3px 10px; text-align: center; border-radius: var(--radius); }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 0.82rem; color: var(--text-light); margin: 0; padding: 5px; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: var(--cream); border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.6); clip: auto !important; color: var(--text-dark); display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

/* =========================================
   WORDPRESS BLOCK EDITOR SUPPORT
========================================= */
.entry-content > .alignwide { margin-left: -80px; margin-right: -80px; max-width: 1180px; }
.entry-content > .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; }