/*
Theme Name: Récits
Theme URI: https://example.com/recits
Author: Récits
Author URI: https://example.com
Description: Thème pour réseau de récits & histoires sensuelles (réservé aux adultes). 5 styles visuels au choix dans le Customizer (Velours, Aurore, Néon, Boudoir, Encre), header sur deux niveaux à logo centré, pages de lecture avec sidebar, pages auteurs avec niveaux & badges, emplacements publicitaires gérés dans les options, et écosystème complet (favoris, classements, « Pour vous », streak, notifications, abonnement) via le plugin Récits Core.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: recits
Tags: blog, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready, two-columns
*/

/* La majeure partie du design vit dans assets/app.css.
   Ici : seulement les ajustements propres à WordPress. */

body{margin:0}

/* Logo + slogan (tagline) empilés et centrés au 1er niveau */
.head-top .brand{display:flex;flex-direction:column;align-items:center;line-height:1.05}
.head-top .brand .brand-tagline{font-family:var(--font-body);font-weight:400;font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:4px;
  max-width:52ch;text-align:center;line-height:1.3}
@media(max-width:560px){.head-top .brand .brand-tagline{display:none}}

/* Le menu WordPress (ul>li>a) doit se comporter comme la nav de la maquette */
.head-nav .nav > ul{display:flex;gap:22px;align-items:center;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}
.head-nav .nav li{list-style:none}
.head-nav .nav a{color:var(--muted);text-decoration:none;font-size:14px;transition:.2s}
.head-nav .nav a:hover,.head-nav .nav .current-menu-item > a{color:var(--text)}
.head-nav .nav a.nav-cta{color:#fff}

/* Footer : menu éventuel */
.site-foot .menu{list-style:none;margin:0;padding:0}

/* Widgets dans les rails */
.recits-widget{margin-bottom:20px}
.recits-widget .rw-title{font-family:var(--font-head);font-weight:var(--head-weight);font-size:16px;margin-bottom:12px;color:var(--text)}

/* Champ de recherche WordPress habillé comme la barre d'accueil */
.search-form{display:flex;gap:8px;width:100%}
.search-form .search-field{flex:1;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:12px 16px;font-family:inherit}
.search-form .search-submit{background:var(--accent);color:var(--on-accent);border:none;border-radius:999px;padding:12px 18px;cursor:pointer;font-family:inherit}

/* Contenu d'article : hérite des styles .article via la classe ajoutée au the_content */
.recit-content img{max-width:100%;height:auto;border-radius:var(--radius)}

/* Commentaires : style minimal cohérent */
.comments-area{max-width:680px;margin:30px auto 0;padding:0 24px}
.comment-list{list-style:none;padding:0}
.comment-body{border-top:1px solid var(--line);padding:18px 0;color:var(--text)}
.comment-respond input[type=text],.comment-respond input[type=email],.comment-respond textarea{width:100%;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:var(--radius);padding:12px;font-family:inherit;margin-bottom:12px}

/* Pagination */
.recits-pagination{display:flex;gap:8px;justify-content:center;margin:40px 0;flex-wrap:wrap}
.recits-pagination .page-numbers{border:1px solid var(--line);color:var(--muted);padding:8px 14px;border-radius:8px;text-decoration:none}
.recits-pagination .page-numbers.current{background:var(--accent);color:var(--on-accent);border-color:transparent}

/* Formulaire de publication front (shortcode) */
.editor-form .ta{min-height:240px}