/*
Theme Name: Food Recipes
Theme URI: https://fasterthemes.com/wordpress-themes/food-recipes/
Author: FasterThemes
Author URI: https://fasterthemes.com/
Description: Food Recipes is an editorial-magazine WordPress theme for food bloggers and recipe websites. Features a luxury Cormorant Garamond display typography paired with Jost sans-serif, an asymmetric editorial hero with a drop-cap pull quote, a circular category portal strip, refined recipe cards with optional cook-time and serving icons, and a 4-column footer that auto-generates from your top categories. Fully WordPress Customizer-driven, mobile-first, accessibility-conscious, translation-ready, and built for speed.
Requires PHP: 8.2
Requires at least: 6.0
Tested up to: 6.9
Version: 2.0.3
Tags: left-sidebar, right-sidebar, full-width-template, one-column, two-columns, custom-background, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, sticky-post, theme-options, translation-ready, blog, food-and-drink
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: food-recipes
*/
/* ============================================================
   RECETTES YUMM — REDISEÑO EDITORIAL (custom, gratis)
   Sobrescribe css/default.css — paleta crema + terracota, editorial
   ============================================================ */
:root {
  --fr-accent: #c0562e;          /* terracota refinado */
  --fr-accent-dark: #a34826;
  --fr-accent-soft: #f6e8df;
  --fr-ink: #2b2622;             /* gris oscuro cálido (no negro puro) */
  --fr-cream: #fdfbf7;           /* fondo crema */
  --fr-warm: #f7f2ea;
  --fr-border: #e9e0d2;
  --fr-muted: #7a7168;
}

body { background: var(--fr-cream); color: var(--fr-ink); }

/* ---------- TICKER (fino, editorial) ---------- */
.fr-ticker { padding: 0.35rem 0; }
.fr-ticker-label { font-size: 0.66rem; letter-spacing: 0.14em; text-transform: uppercase; }
.fr-ticker-scroll a { font-size: 0.78rem; opacity: 0.85; }

/* ---------- CABECERA (compacta) ---------- */
.fr-header { border-bottom: 1px solid var(--fr-border); background: var(--fr-cream); }
.fr-masthead { padding: 0.8rem 0; }
.fr-masthead-meta { font-size: 0.72rem; color: var(--fr-muted); }

/* LOGO CUSTOM — monograma + wordmark */
.fr-logo-custom { display: inline-flex; align-items: center; gap: 0.65rem; text-decoration: none; color: var(--fr-ink); }
.fr-logo-mark { display: flex; align-items: center; }
.fr-logo-mark svg { width: 34px; height: 34px; }
.fr-logo-name { font-family: var(--fr-serif); font-size: 1.75rem; font-weight: 600; letter-spacing: 0.02em; line-height: 1; white-space: nowrap; }
.fr-logo-name em { font-style: italic; color: var(--fr-accent); }
.fr-logo-custom:hover { color: var(--fr-accent); }
.fr-logo-custom:hover .fr-logo-name em { color: var(--fr-accent-dark); }

/* navegación */
.fr-nav { border-top: 1px solid var(--fr-border); }
.fr-nav-menu a { font-size: 0.82rem; letter-spacing: 0.1em; text-transform: uppercase; }

/* ---------- HERO EDITORIAL ---------- */
.fr-editorial-hero { padding: 2.2rem 0 2.8rem; }
.fr-editorial-image img { border-radius: 14px; }
.fr-editorial-eyebrow { font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--fr-accent); }
.fr-editorial-title { font-family: var(--fr-serif); font-size: clamp(1.9rem, 4vw, 3rem); font-weight: 600; line-height: 1.12; }
.fr-editorial-title a { color: var(--fr-ink); }
.fr-editorial-title a:hover { color: var(--fr-accent); }
.fr-editorial-excerpt { color: var(--fr-muted); font-size: 1.02rem; line-height: 1.7; }
.fr-editorial-cta a { color: var(--fr-accent); font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; }
.fr-editorial-issue { font-family: var(--fr-serif); font-style: italic; color: var(--fr-muted); }

/* ---------- STRIP CATEGORÍAS (compacto y elegante) ---------- */
.fr-categories-strip { padding: 0 0 2.4rem; }
.fr-categories-label { font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--fr-muted); }
.fr-category-tile { background: transparent; }
.fr-category-tile-img img, .fr-category-tile-img { border-radius: 50%; }
.fr-category-tile-name { font-family: var(--fr-serif); font-weight: 600; font-size: 0.95rem; }
.fr-category-tile-count { font-size: 0.72rem; color: var(--fr-muted); }

/* ---------- DIVISOR DE SECCIÓN ---------- */
.fr-section-divider-text { font-family: var(--fr-serif); font-style: italic; font-size: 1.05rem; color: var(--fr-ink); }

/* ---------- TARJETAS DE RECETA ---------- */
.fr-card-image { border-radius: 10px; overflow: hidden; background: var(--fr-warm); }
.fr-card-image img { transition: transform 0.45s ease; }
.fr-card:hover .fr-card-image img { transform: scale(1.045); }
.fr-cat-label { font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--fr-accent); }
.fr-card-title { font-family: var(--fr-serif); font-weight: 600; font-size: 1.18rem; line-height: 1.25; }
.fr-card-title a { color: var(--fr-ink); }
.fr-card-title a:hover { color: var(--fr-accent); }
.fr-card-excerpt { color: var(--fr-muted); font-size: 0.92rem; line-height: 1.6; }
.fr-meta { color: var(--fr-muted); font-size: 0.78rem; }

/* ---------- BANNER DE CATEGORÍA (¡adiós bloque negro!) ---------- */
.fr-archive-banner {
  background: transparent !important;
  color: var(--fr-ink) !important;
  padding: 1.6rem 0 0.4rem !important;
  margin-bottom: 2rem;
  text-align: left !important;
  border-bottom: 1px solid var(--fr-border);
}
.fr-archive-eyebrow { font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--fr-accent); }
.fr-archive-title { font-family: var(--fr-serif); font-weight: 600; font-size: clamp(2rem, 4.5vw, 2.9rem); line-height: 1.1; color: var(--fr-ink) !important; }
.fr-archive-desc { color: var(--fr-muted); font-size: 0.98rem; line-height: 1.6; max-width: 65ch; margin-top: 0.4rem; }

/* ---------- PÁGINA DE RECETA ---------- */
.fr-single-header { padding-top: 1.8rem; }
.fr-single-title { font-family: var(--fr-serif); font-weight: 600; font-size: clamp(1.9rem, 4.5vw, 3rem); line-height: 1.15; color: var(--fr-ink); }
.fr-single-meta { color: var(--fr-muted); font-size: 0.85rem; }
.fr-single-featured-image { margin: 1.4rem 0; }
.fr-single-featured-image img { border-radius: 14px; }
.fr-single-content { font-size: 1.06rem; line-height: 1.85; color: #3a342e; max-width: 74ch; }
.fr-single-content h2, .fr-single-content h3 { font-family: var(--fr-serif); font-weight: 600; color: var(--fr-ink); margin-top: 1.8rem; }
.fr-single-content img { border-radius: 10px; }
.fr-single-cats .fr-cat-label { font-size: 0.68rem; }

/* ---------- SIDEBAR ---------- */
.fr-sidebar { font-size: 0.9rem; }
.fr-sidebar .widget-title { font-family: var(--fr-serif); font-weight: 600; font-size: 1.05rem; letter-spacing: 0.04em; }

/* ---------- FOOTER (oscuro cálido, elegante) ---------- */
.fr-footer { background: #26211d; color: #d8cfc4; }
.fr-footer a { color: #cbbfb2; }
.fr-footer a:hover { color: #fff; }
.fr-footer-name { font-family: var(--fr-serif); font-weight: 600; font-size: 1.6rem; color: #f4ede4; }
.fr-footer-col h3, .fr-footer-col .widget-title { color: #f4ede4; font-size: 0.78rem; letter-spacing: 0.16em; text-transform: uppercase; }
.fr-footer-copy, .fr-footer-credit { font-size: 0.78rem; color: #9a8f83; }

/* ---------- PAGINACIÓN ---------- */
.fr-pagination a { color: var(--fr-accent); font-size: 0.8rem; letter-spacing: 0.1em; text-transform: uppercase; }

/* ---------- MÓVIL ---------- */
@media (max-width: 768px) {
  .fr-logo-name { font-size: 1.35rem; }
  .fr-logo-mark svg { width: 28px; height: 28px; }
  .fr-masthead-meta { display: none; }
  .fr-ticker { display: none; }
  .fr-editorial-hero { padding: 1.4rem 0 1.8rem; }
  .fr-card-image { aspect-ratio: 4/3; }
  .fr-single-content { font-size: 1rem; line-height: 1.8; }
}

/* LOGO REAL (imagen) */
.fr-logo-img { height: 52px; width: auto; display: block; }
.fr-logo-custom { display: inline-flex; align-items: center; }
@media (max-width: 768px) {
  .fr-logo-img { height: 44px; }
}