/* Theme Name: Bulb'Argence Child Description: Thème enfant pour le site Bulb'Argence Author: Philippe Template: twentytwentyfive Version: 1.0.1 */ /* ========================================================================== NOTE : tout le CSS du calendrier, de la galerie photo, du sélecteur de langue maison (.plante-*, .bp-*) a été retiré de ce fichier - le plugin "Bulbargence Plantes" l'injecte désormais automatiquement lui-même (directement dans le des pages concernées), et le garde à jour à chaque nouvelle version. Le garder ici en double aurait pu entrer en conflit avec les styles plus récents du plugin. ========================================================================== */ /* --- Couleur du titre sur les fiches plante (rouge de la charte graphique) --- */ .plante-single h1 { color: #C0031E; } /* --- Bannière : pleine largeur, hauteur adaptative --- Ajoute la classe "site-banner" au bloc Image dans l'éditeur (Avancé > Classe(s) CSS additionnelle(s)). En dessous de 720px : hauteur fixe de 250px, image recadrée (cover) pour bien remplir l'espace. À partir de 720px : l'image retrouve sa hauteur naturelle, proportionnelle à sa largeur réelle (pas de recadrage forcé, pas de ratio supposé). */ .site-banner img { display: block; width: 100%; } @media (max-width: 719px) { .site-banner img { height: 150px; object-fit: cover; } } @media (min-width: 720px) { .site-banner img { height: auto; } } /* --- Espacements généraux (resserre la mise en page par défaut de WP) --- */ .entry-content > *, .wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .entry-content p { margin-top: 0 !important; margin-bottom: 16px !important; } .entry-content h1, .entry-content h2, .entry-content h3 { margin-top: 24px !important; margin-bottom: 12px !important; } header, .site-header, #masthead { margin-bottom: 10px !important; padding-bottom: 5px !important; } main, #content, .site-content, .entry-content { margin-top: 10px !important; padding-top: 5px !important; } .entry-content > * { margin-top: 15px !important; margin-bottom: 15px !important; } :where(.wp-block-columns, .wp-block-group) { margin-block-start: 10px !important; margin-block-end: 10px !important; } p { margin-top: 0 !important; margin-bottom: 10px !important; line-height: 1.5; } h1, h2, h3, h4 { margin-top: 15px !important; margin-bottom: 10px !important; } /* --- Sélecteur de langue Polylang --- */ ul.polylang-language-switcher, .widget_polylang ul, .lang-item-vertical { list-style-type: none !important; list-style: none !important; padding-left: 0 !important; margin: 0 !important; display: flex !important; flex-direction: row !important; gap: 10px !important; align-items: center !important; } ul.polylang-language-switcher li, .lang-item { display: inline-block !important; margin: 0 !important; padding: 0 !important; } ul.polylang-language-switcher li img, .lang-item img { width: 32px !important; max-width: none !important; height: auto !important; display: block !important; box-shadow: 0 1px 3px rgba(0,0,0,0.15); border-radius: 2px !important; } /* Texte de traduction dans le header (affiché seulement en anglais) */ .texte-header-trad { display: none !important; } body.lang-en .texte-header-fr { display: none !important; } body.lang-en .texte-header-trad { display: block !important; } /* Slogan du header : centré, plus petit et marges réduites en dessous de 720px */ @media (max-width: 719px) { .texte-header-fr, .texte-header-en, .texte-header-trad { text-align: center !important; font-size: 0.85em !important; margin-top: 4px !important; margin-bottom: 4px !important; } } /* --- Menu de navigation : couleur + survol (pas de réglage natif pour le hover) --- */ .wp-block-navigation-item > a, .wp-block-navigation-item > a:visited { color: #2d4135 !important; font-size: 16px !important; text-transform: uppercase !important; letter-spacing: 0.03em; } .wp-block-navigation-item > a:hover, .wp-block-navigation-item > a:focus { color: #577F02 !important; background: transparent !important; text-decoration: none !important; box-shadow: none !important; } /* Séparateur "|" entre les éléments du menu (pas après le dernier) */ .wp-block-navigation-item:not(:last-child)::after { content: "|"; margin: 0 10px; color: #2d4135; opacity: 0.5; } /* Deux menus séparés (classe "menu-fr" / "menu-en" ajoutée à chaque bloc Navigation dans l'éditeur, via Avancé > Classe(s) CSS additionnelle(s)) - on affiche le bon selon la langue courante, même principe que le slogan du header (.texte-header-fr / .texte-header-trad). */ .menu-en { display: none !important; } body.lang-en .menu-fr { display: none !important; } body.lang-en .menu-en { display: block !important; } /* Ligne "menu + sélecteur de langue" : le réglage "space-between" de l'éditeur écartait tout aux extrémités (grand vide au milieu) et faisait passer le menu à la ligne faute de place. On contrôle l'espacement nous-mêmes : petit espace normal entre les éléments, sélecteur de langue poussé à droite via marge automatique plutôt que par l'espacement du parent. */ .wp-block-group.is-content-justification-space-between:has(.menu-fr, .menu-en) { justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 20px !important; } .wp-block-group.is-content-justification-space-between:has(.menu-fr, .menu-en) nav[aria-label="Choose a language"], .wp-block-group.is-content-justification-space-between:has(.menu-fr, .menu-en) nav[aria-label="Choisir une langue"], .wp-block-group.is-content-justification-space-between:has(.menu-fr, .menu-en) .wp-block-buttons { margin-left: auto !important; flex: 0 0 auto !important; flex-grow: 0 !important; width: auto !important; } /* Le