/*
 Theme Name:   Atelier du Levain (Thème Enfant pour Pubfac)
 Theme URI:    https://votre-site.com/
 Description:  Thème enfant pour appliquer le style de la landing page Levain sur le thème Publishing Factory.
 Author:       Votre Nom
 Author URI:   https://votre-site.com/
 Template:     pf-backend
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* --- VARIABLES DE DESIGN DE LA LANDING PAGE --- */
:root {
    --marron: #945C35;
    --creme: #FFE1AA;
    --fond: #FAF6EF;
    --noir: #1E1E1E;
    --blanc: #FFFFFF;
    --transition: cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- STYLES GLOBAUX --- */
body, html {
    background-color: var(--fond) !important;
    color: var(--noir);
    font-family: 'Inter', sans-serif; /* Police de la landing page */
    font-size: 18px;
    line-height: 1.6;
}

::selection {
    background: var(--marron);
    color: var(--blanc);
}

/* --- TYPOGRAPHIE : H1, H2, etc. --- */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lora', serif; /* Police des titres de la landing page */
    font-weight: 600;
    color: var(--marron);
}
h1 { font-size: 3rem; text-align: center; }
h2 { font-size: 2.5rem; text-align: center; margin-bottom: 60px; }
h3 { font-size: 1.8rem; text-align: left; }
h4 { font-size: 1.5rem; text-align: left; }

p {
    font-family: 'Inter', sans-serif;
    letter-spacing: 0.025em;
}

a {
    color: var(--marron);
    transition: all ease-in 0.2s;
}
a:hover {
    color: var(--creme);
    opacity: 0.9;
}


/* --- HEADER / MENU DE NAVIGATION --- */
.header {
    background: rgba(250, 246, 239, 0.98) !important;
    backdrop-filter: blur(15px);
    box-shadow: 0 2px 20px rgba(148, 92, 53, 0.1) !important;
}
.top-menu ul li a {
    color: var(--noir);
    text-transform: none;
    font-size: 1rem;
}
.top-menu ul li a:after {
    background: var(--marron);
    height: 2px;
}

/* --- BOUTONS (Style principal de la landing) --- */
/* Ajoutez la classe "btn-levain" à vos boutons dans l'éditeur WordPress */
.btn-levain, .wp-block-button__link.btn-levain {
    background: var(--marron) !important;
    color: var(--blanc) !important;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    border-radius: 50px !important;
    padding: 16px 38px !important;
    text-decoration: none;
    transition: all 0.4s ease !important;
    box-shadow: 0 10px 30px rgba(148, 92, 53, 0.1);
    border: none;
}

.btn-levain:hover, .wp-block-button__link.btn-levain:hover {
    color: var(--marron) !important;
    background: var(--creme) !important;
    transform: scale(1.05);
    box-shadow: 0 10px 30px rgba(148, 92, 53, 0.3);
}

/* --- CARTES DE CONTENU (Style des processus de la landing) --- */
/* Ajoutez la classe "card-levain" à vos blocs Groupe ou Colonnes */
.card-levain {
    background: var(--blanc);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    padding: 30px;
    margin-bottom: 2rem;
    border: none;
}
.card-levain:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 60px rgba(148, 92, 53, 0.2);
}
.card-levain h3 {
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 15px;
}
.card-levain p {
    color: #666;
    line-height: 1.6;
}

/* --- FOOTER --- */
footer {
    padding: 60px 5%;
    background: var(--noir);
    color: var(--blanc);
    text-align: center;
    position: relative;
    overflow: hidden;
    border-top: none;
    border-bottom: none; /* On supprime l'ancienne bordure */
}
footer::before { /* Animation de la "croûte dorée" de la landing */
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--marron) 0%, var(--creme) 50%, var(--marron) 100%);
    background-size: 200% 100%;
    animation: golden-crust 8s linear infinite;
}
@keyframes golden-crust {
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}
footer p {
    color: var(--blanc);
    opacity: 0.8;
}
footer .footer_menu {
    background: transparent;
}
footer .footer_menu ul li a {
    opacity: 0.7;
}
footer .footer_menu ul li a:hover {
    opacity: 1;
}

.logo img {
    height: 70px;
}

.vidyard-player-container {
    border-radius: 15px;
}