/*
Theme Name:         Caty Theme
Description:        Caty Theme Developped by Tokilab
Version:            1.0.0
Author:             Tokilab
Author URI:         https://www.tokilab.ca/
Text Domain:        Caty
Template:           praticoBase

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

/* ---------- Mise en page moderne des articles ---------- */

/* Bloc bannière image + texte */
.article__wrapper .article__top {
    background-color: #FFF4E5;          /* couleur de fond de la bannière */
    border-radius: 16px;
    padding: 32px 32px 40px;
    margin: 32px auto 40px;
}

/* Image de l'article dans la bannière */
.article__wrapper .article__top .recipe__image img {
    border-radius: 16px;
    object-fit: cover;
}

/* Colonne texte de la bannière */
.article__wrapper .article__top .article-hero__content {
    max-width: 640px;
}

/* Titre principal de l'article */
.article__title {
    font-size: 2.4rem;
    line-height: 1.2;
    margin-bottom: 0.75rem;
}

/* Ligne méta sous le titre (date + catégories) */
.article-meta {
    font-size: 0.9rem;
    color: #777;
    margin-bottom: 1rem;
}

.article-meta__sep {
    margin: 0 0.35rem;
}

/* Bloc partage / note sous l'image */
.article__wrapper .article__top .row.d-print-none.align-items-center {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background-color: #ffffff;
    border-radius: 999px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}

/* Corps de l'article */
.article__wrapper .wysiwyg {
    max-width: 760px;
    margin: 0 auto;
    font-size: 1.05rem;
    line-height: 1.7;
}

.article__wrapper .wysiwyg p {
    margin-bottom: 1.1rem;
}

/* Titres de section dans le contenu */
.article__wrapper .wysiwyg h2 {
    font-size: 1.6rem;
    margin: 2rem 0 0.75rem;
    position: relative;
}

.article__wrapper .wysiwyg h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.4rem;
    width: 48px;
    height: 3px;
    border-radius: 999px;
    background: #FFB347;
}

/* Listes et citations */
.article__wrapper .wysiwyg ul,
.article__wrapper .wysiwyg ol {
    margin: 0 0 1.2rem 1.4rem;
}

.article__wrapper blockquote {
    border-left: 4px solid #FFB347;
    padding-left: 1rem;
    color: #555;
    font-style: italic;
    margin: 1.5rem 0;
}


body.single article.container.article__wrapper > .article__top {
    background-color: #ffdd99;  /* test très visible */
    border: 3px solid red;      /* pour voir immédiatement si ça passe */
    border-radius: 16px;
    padding: 32px 32px 40px;
    margin: 32px auto 40px;
}