/*
Theme Name: Or Instant — Journal
Theme URI: https://www.or-instant.fr/blog/
Author: Or Instant
Description: Thème du blog Or Instant, identique au site principal (en-tête, pied de page, typographie, couleurs). Prévu pour une installation de WordPress dans le dossier /blog.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: or-instant
License: Propriétaire
*/

/* La feuille principale est assets/css/site.css (copie du site). Ici : seulement l'habillage propre à WordPress. */
.prose .is-style-lettrine::first-letter { float: left; font-family: var(--f-display); font-size: 4.6em; line-height: .85; padding: .08em .12em 0 0; color: var(--or); }
.prose .is-style-encart { padding: 1.6rem 1.8rem; border: 1px solid var(--filet); background: var(--velours); font-size: 1rem; }
.prose .wp-block-table { margin-inline: 0; overflow-x: auto; border: 1px solid var(--filet); }
.prose .wp-block-table table { border-collapse: collapse; width: 100%; }
.prose .wp-block-table thead { border-bottom: 0; }
.prose .wp-block-table td, .prose .wp-block-table th { border: 0; border-bottom: 1px solid var(--filet-doux); }
.prose .wp-block-image img { height: auto; }
.prose figcaption, .prose .wp-element-caption { font-size: var(--t-sm); color: var(--brume); margin-top: .6rem; }
.prose .wp-block-quote { margin-inline: 0; }
.prose .wp-block-separator { border: 0; height: 1px; background: var(--filet); }
.prose .wp-block-button__link { display: inline-flex; padding: .9rem 1.6rem; background: var(--or); color: var(--noir); text-decoration: none; letter-spacing: .12em; text-transform: uppercase; font-size: var(--t-sm); border-radius: var(--rayon); }
.prose .alignwide { max-width: min(100vw - 2 * var(--gouttiere), 1100px); margin-inline: auto; }
.prose iframe, .prose video { max-width: 100%; }

.categories { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: 3rem; }
.categories a { padding: .5rem 1rem; border: 1px solid var(--filet); font-size: var(--t-sm); text-decoration: none; }
.categories a[aria-current="page"], .categories a:hover { border-color: var(--or); background: rgba(201,164,92,.1); color: var(--ivoire); }
.recherche { margin-left: auto; display: flex; gap: .5rem; }
.recherche input { font: inherit; font-size: var(--t-sm); background: transparent; color: var(--ivoire); border: 0; border-bottom: 1px solid var(--filet); padding: .5rem 0; min-width: 0; width: 12rem; }
.recherche input:focus { outline: none; border-color: var(--or); }
@media (max-width: 640px) { .recherche { margin-left: 0; width: 100%; } .recherche input { width: 100%; } }

.pagination { margin-top: 4rem; }
.pagination .nav-links { display: flex; gap: .5rem; flex-wrap: wrap; }
.pagination .page-numbers { min-width: 2.75rem; height: 2.75rem; display: grid; place-items: center; padding: 0 .8rem; border: 1px solid var(--filet); text-decoration: none; font-family: var(--f-chiffre); font-size: var(--t-sm); }
.pagination .page-numbers.current, .pagination a.page-numbers:hover { background: var(--or); color: var(--noir); border-color: var(--or); }

.agence-liee { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.5rem; align-items: center; max-width: 68ch; margin: 0 auto 2rem; padding: 1.6rem 1.8rem; border: 1px solid var(--or); background: radial-gradient(80% 140% at 100% 0%, rgba(201,164,92,.16), transparent 60%), var(--velours); }
.agence-liee h2 { font-size: 1.5rem; margin-top: .6rem; }
@media (max-width: 640px) { .agence-liee { grid-template-columns: minmax(0, 1fr); } }
.vide { padding: 3rem 0; color: var(--brume); }