/*
Theme Name: Lovely Tea Parties Chile
Theme URI: https://lovelyteaparties.cl
Author: Diego
Description: Custom theme for Lovely Tea Parties Chile
Version: 1.0
*/

@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom Styles from index.css */
@layer base {
  html {
    scroll-behavior: smooth;
  }

  body {
    @apply text-chic-text bg-chic-bg;
  }
}

@layer utilities {
  .font-serif {
    font-family: 'Playfair Display', serif;
  }

  .font-sans {
    font-family: 'Lato', sans-serif;
  }
}

/* ===== Base site styling ===== */

body {
  background: #fdfbf7;
  color: #555555;
  font-family: Lato, "Public Sans", sans-serif;
}

/* ===== Content wrappers =====
   Applies to:
   - normal WordPress content
   - editor preview
   - front-page main content containers only
*/
.entry-content,
.editor-styles-wrapper,
.wp-block-post-content,
body.page-template-front-page .entry-content,
body.page-template-front-page .wp-block-post-content,
body.page-template-front-page .site-main .entry-content,
body.page-template-front-page main .entry-content,
body.page-template-front-page article .entry-content {
  color: #555555;
  font-family: Lato, "Public Sans", sans-serif;
  line-height: 1.7;
}

/* ===== Paragraphs ===== */
.entry-content p,
.editor-styles-wrapper p,
.wp-block-post-content p,
body.page-template-front-page .entry-content p,
body.page-template-front-page .wp-block-post-content p,
body.page-template-front-page .site-main .entry-content p,
body.page-template-front-page main .entry-content p,
body.page-template-front-page article .entry-content p {
  color: #555555;
  font-weight: 300;
  line-height: 1.7;
  margin: 0 0 1.5rem;
}

/* ===== Headings ===== */
.entry-content h1,
.editor-styles-wrapper h1,
.wp-block-post-content h1,
body.page-template-front-page .entry-content h1,
body.page-template-front-page .wp-block-post-content h1,
body.page-template-front-page .site-main .entry-content h1,
body.page-template-front-page main .entry-content h1,
body.page-template-front-page article .entry-content h1 {
  font-family: "Playfair Display", serif;
  color: #1a1a1a;
  font-size: 2.25rem;
  line-height: 1.2;
  font-weight: 400;
  margin: 0 0 1.5rem;
}

.entry-content h2,
.editor-styles-wrapper h2,
.wp-block-post-content h2,
body.page-template-front-page .entry-content h2,
body.page-template-front-page .wp-block-post-content h2,
body.page-template-front-page .site-main .entry-content h2,
body.page-template-front-page main .entry-content h2,
body.page-template-front-page article .entry-content h2 {
  font-family: "Playfair Display", serif;
  color: #1a1a1a;
  font-size: 1.875rem;
  line-height: 1.25;
  font-weight: 400;
  margin: 0 0 1.25rem;
}

.entry-content h3,
.editor-styles-wrapper h3,
.wp-block-post-content h3,
body.page-template-front-page .entry-content h3,
body.page-template-front-page .wp-block-post-content h3,
body.page-template-front-page .site-main .entry-content h3,
body.page-template-front-page main .entry-content h3,
body.page-template-front-page article .entry-content h3 {
  font-family: "Playfair Display", serif;
  color: #1a1a1a;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 700;
  margin: 0 0 0.75rem;
}

.entry-content h4,
.editor-styles-wrapper h4,
.wp-block-post-content h4,
body.page-template-front-page .entry-content h4,
body.page-template-front-page .wp-block-post-content h4,
body.page-template-front-page .site-main .entry-content h4,
body.page-template-front-page main .entry-content h4,
body.page-template-front-page article .entry-content h4 {
  font-family: Lato, "Public Sans", sans-serif;
  color: #1a1a1a;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 0.5rem;
}

.entry-content h5,
.editor-styles-wrapper h5,
.wp-block-post-content h5,
body.page-template-front-page .entry-content h5,
body.page-template-front-page .wp-block-post-content h5,
body.page-template-front-page .site-main .entry-content h5,
body.page-template-front-page main .entry-content h5,
body.page-template-front-page article .entry-content h5,
.entry-content h6,
.editor-styles-wrapper h6,
.wp-block-post-content h6,
body.page-template-front-page .entry-content h6,
body.page-template-front-page .wp-block-post-content h6,
body.page-template-front-page .site-main .entry-content h6,
body.page-template-front-page main .entry-content h6,
body.page-template-front-page article .entry-content h6 {
  font-family: Lato, "Public Sans", sans-serif;
  color: #1a1a1a;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 0.5rem;
}

/* Responsive larger hero-style H1 like your template */
@media (min-width: 768px) {
  .entry-content h1,
  .editor-styles-wrapper h1,
  .wp-block-post-content h1,
  body.page-template-front-page .entry-content h1,
  body.page-template-front-page .wp-block-post-content h1,
  body.page-template-front-page .site-main .entry-content h1,
  body.page-template-front-page main .entry-content h1,
  body.page-template-front-page article .entry-content h1 {
    font-size: 3rem;
  }
}

/* ===== Lists ===== */
.entry-content ul,
.entry-content ol,
.editor-styles-wrapper ul,
.editor-styles-wrapper ol,
.wp-block-post-content ul,
.wp-block-post-content ol,
body.page-template-front-page .entry-content ul,
body.page-template-front-page .entry-content ol,
body.page-template-front-page .wp-block-post-content ul,
body.page-template-front-page .wp-block-post-content ol,
body.page-template-front-page .site-main .entry-content ul,
body.page-template-front-page .site-main .entry-content ol,
body.page-template-front-page main .entry-content ul,
body.page-template-front-page main .entry-content ol,
body.page-template-front-page article .entry-content ul,
body.page-template-front-page article .entry-content ol {
  margin: 0 0 1.5rem 1.25rem;
  color: #555555;
}

.entry-content li,
.editor-styles-wrapper li,
.wp-block-post-content li,
body.page-template-front-page .entry-content li,
body.page-template-front-page .wp-block-post-content li,
body.page-template-front-page .site-main .entry-content li,
body.page-template-front-page main .entry-content li,
body.page-template-front-page article .entry-content li {
  color: #555555;
  line-height: 1.7;
  margin-bottom: 0.4rem;
}

/* ===== Links ===== */
.entry-content a,
.editor-styles-wrapper a,
.wp-block-post-content a,
body.page-template-front-page .entry-content a,
body.page-template-front-page .wp-block-post-content a,
body.page-template-front-page .site-main .entry-content a,
body.page-template-front-page main .entry-content a,
body.page-template-front-page article .entry-content a {
  color: #c5a059;
  text-decoration: none;
}

.entry-content a:hover,
.editor-styles-wrapper a:hover,
.wp-block-post-content a:hover,
body.page-template-front-page .entry-content a:hover,
body.page-template-front-page .wp-block-post-content a:hover,
body.page-template-front-page .site-main .entry-content a:hover,
body.page-template-front-page main .entry-content a:hover,
body.page-template-front-page article .entry-content a:hover {
  color: #1a1a1a;
}

/* ===== Quotes ===== */
.entry-content blockquote,
.editor-styles-wrapper blockquote,
.wp-block-post-content blockquote,
body.page-template-front-page .entry-content blockquote,
body.page-template-front-page .wp-block-post-content blockquote,
body.page-template-front-page .site-main .entry-content blockquote,
body.page-template-front-page main .entry-content blockquote,
body.page-template-front-page article .entry-content blockquote {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-size: 1.125rem;
  color: #555555;
  border-left: 3px solid #c5a059;
  padding-left: 1rem;
  margin: 2rem 0;
}

/* ===== Images ===== */
.entry-content img,
.editor-styles-wrapper img,
.wp-block-post-content img,
body.page-template-front-page .entry-content img,
body.page-template-front-page .wp-block-post-content img,
body.page-template-front-page .site-main .entry-content img,
body.page-template-front-page main .entry-content img,
body.page-template-front-page article .entry-content img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ===== Gutenberg buttons ===== */
.wp-block-button__link,
.entry-content .wp-block-button__link,
.wp-block-post-content .wp-block-button__link,
body.page-template-front-page .entry-content .wp-block-button__link,
body.page-template-front-page .wp-block-post-content .wp-block-button__link,
body.page-template-front-page .site-main .entry-content .wp-block-button__link,
body.page-template-front-page main .entry-content .wp-block-button__link,
body.page-template-front-page article .entry-content .wp-block-button__link {
  background: #c5a059;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 0.9rem 2rem;
  border-radius: 0;
  transition: background-color 0.2s ease;
}

.wp-block-button__link:hover,
.entry-content .wp-block-button__link:hover,
.wp-block-post-content .wp-block-button__link:hover,
body.page-template-front-page .entry-content .wp-block-button__link:hover,
body.page-template-front-page .wp-block-post-content .wp-block-button__link:hover,
body.page-template-front-page .site-main .entry-content .wp-block-button__link:hover,
body.page-template-front-page main .entry-content .wp-block-button__link:hover,
body.page-template-front-page article .entry-content .wp-block-button__link:hover {
  background: #000000;
  color: #ffffff;
}

/* ===== Helper classes ===== */
.tea-accent-line {
  width: 6rem;
  height: 4px;
  background: #c5a059;
  margin: 0 auto 2rem;
}

.tea-accent-line.left {
  width: 5rem;
  height: 4px;
  margin-left: 0;
  margin-right: 0;
}

.tea-section-kicker {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #6b7280;
  margin-bottom: 1rem;
}