/* Thème Cosmodrome : styles propres au blog.
   Le reste (polices, palette, barre de navigation, bandeau, menu latéral, pied de page) vient de css/cosmodrome.css du site,
   chargé avant ce fichier (voir functions.php) : les variables --color-*, --font-* et --sidebar sont celles du thème du site (cosmodrome.css). */

/* ---------- Accessibilité ---------- */
.screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); border: 0; white-space: nowrap; }
.skip-link:focus { position: fixed; top: 8px; left: 8px; z-index: 100; width: auto; height: auto; margin: 0; padding: 12px 18px; overflow: visible; clip-path: none; background: var(--color-graphite); color: var(--color-white); font-family: var(--font-ui); font-size: 13px; text-decoration: none; }

/* ---------- Mise en page : menu | articles | outils ---------- */
.layout-blog { grid-template-columns: var(--sidebar) minmax(0, 1fr) 232px; }
.layout-blog .main { padding-bottom: 40px; }

/* Menu de gauche : accueil du blog, livre d'or, puis les rubriques « Musées » et « Voyages ».
   Trop long pour rester collé en haut de la fenêtre (comme celui du site) : il défile avec la page. */
.layout-blog .sidenav { position: static; max-height: none; overflow: visible; }
.blog-menu .widget-title { margin: 30px 0 8px 19px; font-family: var(--font-ui); font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #55554f; }
.blog-menu ul + .widget-title { margin-top: 30px; }
.blog-menu .widget { margin: 0; }
.blog-menu ul ul { border-right: 0; margin: 0 0 8px; }
.blog-menu li ul li { border-bottom: 0; }
.blog-menu .current_page_item > a, .blog-menu .current_page_ancestor > a { font-weight: 700; border-left-color: var(--color-red); }

/* Colonne de droite */
.blog-tools { padding: 36px 0 24px; min-width: 0; font-family: var(--font-ui); font-size: 14px; }
.blog-tools .widget { margin: 0 0 32px; }
.blog-tools .widget-title, .subpages .widget-title { margin: 0 0 12px; padding-bottom: 9px; border-bottom: 1px solid var(--color-archive); font-family: var(--font-ui); font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.blog-tools ul { list-style: none; margin: 0; padding: 0; }
.blog-tools li { margin: 0; padding: 4px 0; line-height: 1.4; }
.blog-tools ul ul { margin: 2px 0 0 14px; }
.blog-tools a { color: var(--color-graphite); text-decoration: none; }
.blog-tools a:visited { color: var(--color-graphite); }
.blog-tools a:hover { color: var(--color-red); text-decoration: underline; }
.blog-tools .cat-item > a, .blog-tools .recentcomments > a { display: inline; }
.blog-tools .rc-commenter { font-weight: 700; }
.blog-tools .rc-title { color: #55554f; }
.blog-tools table { border-collapse: collapse; }
.blog-tools td { padding: 5px 10px 5px 0; vertical-align: middle; }
.blog-tools td img { display: block; width: 28px; height: 28px; }

/* Recherche */
.search-form { display: flex; gap: 8px; align-items: stretch; margin: 0 0 4px; }
.search-field { flex: 1; min-width: 0; padding: 9px 10px; border: 1px solid var(--color-archive); border-radius: 0; background: var(--color-white); color: var(--color-graphite); font-family: var(--font-ui); font-size: 14px; }
.search-submit { flex: none; padding: 9px 14px; border: 0; cursor: pointer; }
/* Colonne latérale : le bouton passe sous le champ (la colonne est trop étroite pour les deux côte à côte) */
.blog-tools .search-form { flex-direction: column; gap: 8px; }
.blog-tools .search-submit { width: 100%; }
.main .search-form { max-width: 420px; margin-top: 18px; }

/* ---------- Articles ---------- */
.blog-tagline { margin: -10px 0 30px; font-family: var(--font-ui); font-size: 14px; color: #55554f; }
.entry { margin: 0 0 24px; }
.entry + .entry, .entry-single + .similar-posts, .similar-posts + .comments-area { margin-top: 0; padding-top: 28px; border-top: 1px solid var(--color-archive); }
.entry-title { margin: 0 0 6px; }
.main h2.entry-title { margin-top: 0; font-family: var(--font-display); font-weight: 600; }
.entry-title a { color: var(--color-graphite); text-decoration: none; }
.entry-title a:visited { color: var(--color-graphite); }
.entry-title a:hover { color: var(--color-red); }
.entry-result .entry-title { margin-bottom: 4px; font-family: var(--font-display); font-size: 22px; font-weight: 600; line-height: 1.25; }
.entry-header { margin: 0 0 16px; }
.main h1.page-title.entry-title { margin-bottom: 8px; }
.entry-meta { margin: 6px 0 0 17px; font-family: var(--font-ui); font-size: 12.5px; line-height: 1.5; color: #55554f; }
.entry-single .entry-meta, .entry-result .entry-meta { margin-left: 0; }
.entry-meta a { color: inherit; }
.entry-meta a:hover { color: var(--color-red); }
.badge-new { display: inline-block; margin-right: 8px; padding: 2px 8px 1px; vertical-align: .22em; background: var(--color-red); color: var(--color-white); font-family: var(--font-ui); font-size: 10.5px; font-weight: 700; letter-spacing: .1em; line-height: 1.5; text-transform: uppercase; }
.entry-footer { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 14px 0 0; padding-top: 10px; border-top: 1px solid var(--color-archive); font-family: var(--font-ui); font-size: 13px; }
.entry-footer a { color: var(--color-graphite); font-weight: 600; text-decoration: none; }
.entry-footer a:hover { color: var(--color-red); text-decoration: underline; }

/* Texte des articles (écrit entre 2006 et 2022 : images, tableaux et vidéos de tailles diverses) */
.entry-content::after { content: ""; display: block; clear: both; }
.entry-content p { margin: 0 0 1em; }
.entry-content img { max-width: 100%; height: auto; margin: 3px 14px 3px 0; }
.entry-content a img { border: 0; }
.entry-content img[align="right"], .entry-content img.alignright, .entry-content .right { float: right; margin: 4px 0 12px 20px; }
.entry-content img[align="left"], .entry-content img.alignleft { float: left; margin: 4px 20px 12px 0; }
.entry-content .aligncenter, .entry-content .center { display: block; margin: 8px auto 14px; text-align: center; }
.entry-content .wp-caption { max-width: 100%; margin: 6px 0 14px; }
.entry-content .wp-caption-text, .entry-content figcaption { margin: 4px 0 0; font-family: var(--font-ui); font-size: 12.5px; color: #55554f; }
.entry-content iframe, .entry-content embed, .entry-content video, .entry-content object { max-width: 100%; }
.entry-content table { max-width: 100%; border-collapse: collapse; margin: 0 0 1em; }
.entry-content td, .entry-content th { padding: 4px 8px; vertical-align: top; }
.entry-content ul, .entry-content ol { margin: 0 0 1em; padding-left: 1.6em; }
.entry-content li { margin: 0 0 .35em; }
.entry-content blockquote { margin: 0 0 1em 8px; padding: 2px 0 2px 18px; border-left: 3px solid var(--color-archive); font-style: italic; }
.entry-content blockquote p { margin: 0 0 .6em; }
.entry-content h3 { margin-top: 24px; }
.entry-content a { overflow-wrap: anywhere; }
.entry-summary p { margin: 0 0 .6em; }
.page-links { font-family: var(--font-ui); font-size: 14px; }

/* Pages : encadré des sous-pages (musées, jours d'un voyage) */
.subpages { margin: 0 0 24px; padding: 16px 20px 10px; border: 1px solid var(--color-archive); border-left: 3px solid var(--color-red); background: rgba(255, 255, 255, .35); font-family: var(--font-ui); font-size: 14px; }
.subpages ul { list-style: none; margin: 0; padding: 0; }
.subpages li { padding: 4px 0; }
.subpages ul ul { margin: 2px 0 2px 16px; }
.subpages a { color: var(--color-graphite); text-decoration: none; }
.subpages a:hover { color: var(--color-red); text-decoration: underline; }
.subpages .current > a { font-weight: 700; }

/* Articles proches */
.similar-posts { margin: 30px 0 0; }
.main .similar-posts h2.section-title { margin-top: 0; font-size: 21px; font-weight: 700; }
.interestingArticles ul { list-style: none; margin: 0; padding: 0; }
.interestingArticles li { position: relative; margin: 0; padding: 5px 0 5px 16px; font-family: var(--font-ui); font-size: 14px; line-height: 1.45; }
.interestingArticles li::before { content: ""; position: absolute; left: 0; top: .95em; width: 6px; height: 6px; background: var(--color-red); }
.interestingArticles a { color: var(--color-graphite); text-decoration: none; }
.interestingArticles a:hover { color: var(--color-red); text-decoration: underline; }

/* Pagination */
.posts-navigation, .comments-pagination, .comment-navigation { margin: 30px 0 10px; font-family: var(--font-ui); font-size: 14px; }
.posts-navigation .nav-links, .comment-navigation .nav-links { display: flex; justify-content: space-between; gap: 20px; }
.posts-navigation a, .comment-navigation a { display: inline-block; padding: 10px 18px; border: 1px solid var(--color-graphite); color: var(--color-graphite); font-weight: 600; text-decoration: none; }
.posts-navigation a:hover, .comment-navigation a:hover { background: var(--color-graphite); color: var(--color-ivory); }
.posts-navigation .nav-next, .comment-navigation .nav-next { margin-left: auto; text-align: right; }

/* Pubs de la production (désactivées hors production) */
.postinfoAd { margin: 20px 0; padding: 10px 14px; border-left: 3px solid var(--color-archive); font-family: var(--font-ui); font-size: 14px; list-style: none; }

/* ---------- Commentaires ---------- */
.comments-area { margin: 30px 0 0; }
.main .comments-area h2.section-title { margin-top: 0; font-size: 21px; font-weight: 700; }
.comment-list { list-style: none; margin: 0 0 24px; padding: 0; }
.comment-list .children { list-style: none; margin: 0; padding-left: 28px; }
.comment-body { margin: 0 0 14px; padding: 12px 16px 6px; border-left: 3px solid var(--color-archive); background: rgba(255, 255, 255, .35); }
.comment-meta { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin: 0 0 8px; font-family: var(--font-ui); font-size: 13px; line-height: 1.5; }
.comment-meta p { margin: 0; }
.comment-meta .avatar { display: block; flex: none; order: 2; margin: 0; border-radius: 50%; }
.comment-meta a { color: inherit; text-decoration: none; }
.comment-meta a:hover { color: var(--color-red); }
.comment-content p { margin: 0 0 .8em; font-size: 16px; line-height: 1.55; }
.comment-content { overflow-wrap: anywhere; }
.comment-awaiting-moderation { color: var(--color-red); }
.comment .reply { margin: 0 0 8px; font-family: var(--font-ui); font-size: 12.5px; }

/* Formulaire */
.comment-respond { margin: 28px 0 0; }
.comment-respond h3 { margin-top: 0; }
.comment-form p { margin: 0 0 14px; }
.comment-form label { display: block; margin: 0 0 4px; font-family: var(--font-ui); font-size: 13px; font-weight: 600; color: #3a3a37; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { width: 100%; max-width: 560px; padding: 9px 10px; border: 1px solid var(--color-archive); border-radius: 0; background: var(--color-white); color: var(--color-graphite); font-family: var(--font-body); font-size: 16px; }
.comment-form textarea { max-width: 100%; }
.comment-form .btn { border: 0; cursor: pointer; }
#cancel-comment-reply-link { margin-left: 10px; font-family: var(--font-ui); font-size: 14px; }