/*
Theme Name: Bouddha Wok Paris
Template: blocksy
Description: Thème enfant de Blocksy pour Bouddha Wok Paris : un esprit sain dans un corps sain.
Version: 0.1.3
Text Domain: bouddhawok
*/

/* A. Polices hébergées sur le site (OFL) */
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/eb-garamond-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/eb-garamond-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "EB Garamond"; font-style: italic; font-weight: 400; font-display: swap; src: url("assets/fonts/eb-garamond-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/work-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/work-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/work-sans-latin-600-normal.woff2") format("woff2"); }

/* B. Devise de l'accueil (H1) */
.bouddha-devise { font-family: "EB Garamond", Georgia, serif; font-style: italic; font-weight: 400; font-size: 22px; line-height: 1.4; text-align: center; color: var(--theme-palette-color-3); margin-block: 8px 40px; }

/* C. Volutes : séparateur de section et puces de listes */
.bouddha-separateur { display: flex; align-items: center; gap: 18px; margin-block: 56px; }
.bouddha-separateur::before, .bouddha-separateur::after { content: ""; flex: 1; border-top: 1px solid var(--theme-palette-color-5); }
.bouddha-separateur span { width: 40px; height: 24px; background: url("assets/img/volutes.svg") center / contain no-repeat; }
.bouddha-volutes { list-style: none; padding-left: 0; }
.bouddha-volutes li { position: relative; padding: 12px 0 12px 22px; border-bottom: 1px solid var(--theme-palette-color-5); margin: 0; }
.bouddha-volutes li::before { content: ""; position: absolute; left: 0; top: 14px; width: 10px; height: 20px; background: url("assets/img/volute.svg") center / contain no-repeat; }
.bouddha-volutes a { color: var(--theme-palette-color-4); text-decoration: none; }
.bouddha-volutes a:hover { text-decoration: underline; }

/* D. Bloc « Le fil de fond » : filigrane de vapeur */
.bouddha-fil { position: relative; overflow: hidden; }
.bouddha-fil::after { content: ""; position: absolute; right: 36px; bottom: -8px; width: 150px; height: 124px; background: url("assets/img/vapeur-filigrane.svg") center / contain no-repeat; opacity: .8; pointer-events: none; }
[data-color-mode*="dark"] .bouddha-fil::after { opacity: .18; }
.bouddha-fil > * { position: relative; z-index: 1; }
.bouddha-surtitre { font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--theme-palette-color-2); margin-bottom: 8px; }

/* E. Encart annonceurs : chiffres */
.bouddha-chiffre { font-family: "EB Garamond", Georgia, serif; font-weight: 600; font-size: 34px; line-height: 1.1; color: #D9B894; margin: 0; }

/* F. Étiquette de rubrique dans les métas */
.entry-meta .meta-categories a, .bouddha-etiquette a { display: inline-block; padding: 3px 9px; border-radius: 4px; background: var(--theme-palette-color-6); color: var(--theme-palette-color-4); font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; }

/* G. Pied de page */
.bouddha-pied-marque { font-family: "EB Garamond", Georgia, serif; font-size: 22px; font-weight: 600; color: #FFFCF7; margin-bottom: 10px; }
.bouddha-pied-liste { list-style: none; padding-left: 0; margin: 0; }
.bouddha-pied-liste li { margin: 0; }

/* H. Derniers articles de l'accueil : vignette carrée de taille fixe */
.bouddha-derniers .wp-block-post-featured-image { flex: 0 0 150px; width: 150px; height: 150px; }
.bouddha-derniers .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
@media (max-width: 689px) { .bouddha-derniers .wp-block-post-featured-image { flex-basis: 96px; width: 96px; height: 96px; } .bouddha-derniers .wp-block-post-title { font-size: 19px !important; } }
.bouddha-volutes .wp-block-post-title { font-family: "Work Sans", "Segoe UI", sans-serif; margin: 0; }

/* I. Image à la une sous le titre de l'article */
.bouddha-une { margin: 0 0 40px; }
.bouddha-une img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 10px; }
.bouddha-une figcaption { font-size: 13px; text-align: center; color: var(--theme-palette-color-3); margin-top: 8px; }

/* J. Mobile : moins de marge dans les encadrés de l accueil */
@media (max-width: 689px) { .bouddha-fil { padding: 28px 22px !important; } .bouddha-devise { font-size: 19px; margin-bottom: 28px; } }