/*
Theme Name: MyCuisine
Theme URI: https://mycuisine.local
Author: Nicolas
Author URI: https://mycuisine.local
Description: WordPress Full Site Editing theme for the My Cuisine editorial recipe platform. Warm cream background, olive/sage/lemon brand system, native recipe CPT and schema.org/Recipe support.
Version: 1.1.9
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.0
License: GPL v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mycuisine
Tags: full-site-editing, block-patterns, food-and-drink, blog, one-column, two-columns, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, wide-blocks, block-styles, editor-style, rtl-language-support
*/

/* --- ARTICLE STYLES --- */

body {
  background-color: #f9f9f9;
}

.wp-block-post-content {
  font-family: var(--wp--preset--font-family--body, "Manrope", system-ui, sans-serif);
  font-size: 18px;
  line-height: 1.6;
  color: #1b1b1b;
}

.wp-block-post-content h2 {
  font-family: var(--wp--preset--font-family--display, "Manrope", system-ui, sans-serif);
  font-size: 48px;
  font-weight: 700;
  margin-top: 48px;
  margin-bottom: 16px;
  letter-spacing: -0.01em;
}

.wp-block-post-content blockquote {
  border-left: 4px solid #000000;
  padding: 32px;
  margin: 48px 0;
  background-color: #f3f3f3; /* bg-surface-container-low */
  border-radius: 16px;
}

.wp-block-post-content blockquote p {
  font-family: var(--wp--preset--font-family--display, "Manrope", system-ui, sans-serif);
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  color: #1b1b1b;
  margin-bottom: 16px;
}

.wp-block-post-content blockquote footer {
  font-family: var(--wp--preset--font-family--body, "Manrope", system-ui, sans-serif);
  font-size: 14px;
  font-weight: 600;
  color: #4c4546; }

@media (max-width: 600px) {
  .wp-block-post-content h2 {
    font-size: clamp(30px, 9vw, 40px);
    line-height: 1.08;
    overflow-wrap: anywhere;
    margin-top: 32px;
  }

  .wp-block-post-content blockquote {
    padding: 20px;
    margin-block: 32px;
  }

  .wp-block-post-content blockquote p {
    font-size: 20px;
  }
}

/* Author Bio Card at the bottom */
.author-bio-card-wrapper {
  background-color: #eeeeee; /* bg-surface-container */
  padding: 48px 0;
  margin-top: 64px;
  border-top: 1px solid #dadada;
}

.author-bio-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  background: #ffffff;
  padding: 32px;
  border-radius: 16px; /* rounded-2xl */
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.02);
}

@media (min-width: 768px) {
  .author-bio-card {
    flex-direction: row;
    align-items: flex-start;
  }
}

.author-bio-avatar {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #f9f9f9;
}

.article-card {
  transition: transform .3s ease, box-shadow .3s ease;
  height: 100%;
}

.article-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}

/* Canonical: lemon primary (shell may refine). */
.wp-block-button__link{
  background-color: #FFF1A6;
  color: #1A1A18;
  border-radius: 999px;
  font-family: var(--wp--preset--font-family--body, "Manrope", system-ui, sans-serif);
  font-size: 14px;
  font-weight: 700;
  padding: 12px 24px;
  transition: background .15s, transform .15s;
  border: none;
  cursor: pointer;
  box-shadow: none;
}

.wp-block-button__link:hover{
  background-color: #DCE8B5;
}

/* ==============================================
   FILTRES AJAX — catalogue de recettes
   ============================================== */

.results-count {
  font-size: 14px;
  color: #6B675F;
  margin-bottom: 24px;
  font-style: italic;
}

/* Skeleton loader */

@keyframes shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Badges régimes alimentaires */
.badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* ==============================================
   @MEDIA PRINT — impression de la fiche recette
   ============================================== */

@media print {
  /* Éléments à masquer */
  header,
  footer,
  .wp-block-template-part[data-slug="header"],
  .wp-block-template-part[data-slug="footer"],
  .wp-block-template-part[data-slug="newsletter-band"],
  nav,
  .recipe-sidebar,
  .wp-block-comments,
  .wp-block-query,
  .results-count,
  #btn-favoris,
  #btn-imprimer {
    display: none !important;
  }

  /* Mise en page impression */
  body {
    background: #fff;
    color: #000;
    font-size: 12pt;
    line-height: 1.5;
  }

  main,
  .wp-block-group {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* La colonne principale prend toute la largeur */
  .wp-block-columns {
    display: block !important;
  }

  .wp-block-column {
    width: 100% !important;
    flex-basis: 100% !important;
    page-break-inside: avoid;
  }

  /* Image principale — taille raisonnable */
  .wp-block-post-featured-image img {
    max-height: 300px !important;
    object-fit: cover;
    width: 100%;
    border-radius: 0 !important;
    page-break-after: avoid;
  }

  /* Titre */
  h1 { font-size: 24pt !important; margin-bottom: 12pt; }
  h2 { font-size: 16pt !important; margin-top: 24pt; }
  h3 { font-size: 14pt !important; }

  /* Ingrédients : checkboxes visibles */
  .ingredient-list { list-style: none; padding: 0; }
  .ingredient-item { padding: 3pt 0; border-bottom: 1px solid #eee; }
  input[type="checkbox"] { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

  /* Étapes */
  .step-list { padding: 0; }
  
  

  /* Nutrition */
  .nutrition-card { page-break-inside: avoid; }

  /* Masquer les ombres, arrière-plans décoratifs */
  * {
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a[href]::after {
    content: none !important; }
}