/*
Theme Name: GeneratePress Child Suis-Nous
Theme URI: https://generatepress.com
Description: Theme enfant Suis-Nous (Fusion Design Magazine + Fonctions existantes)
Author: Suis-Nous.com
Author URI: https://suis-nous.com
Template: generatepress
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: suis-nous
Text Domain: generatepress-child
*/

/* ==========================================================================
   VOTRE CSS D'ORIGINE (PRÉSERVÉ)
   ========================================================================== */

/* Général : Police */
h1 { font-size:1.7em; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
body, button, input, select, textarea { font-size:0.9em; }
.main-navigation a { font-size:1.1em; }

/* Grille page d'accueil */
div.post-image a img {
 max-height: 350px;
 object-fit: cover;
 border-radius: 7px 7px 0px 0px;
}
div.inside-article {
 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
 border-radius: 7px;
}

/* Menu Navigation */
@media (max-width:950px) {
 li.menu-item a span { }
}
.main-navigation ul ul {
  background-color: var(--base-3);
}

/* CATEGORIE ON IMAGE */
.post-image { position: relative; }
.featured-image-category {
  position: absolute;
  bottom: 20px;
  left: -3px;
  background: #9CB700;
  color: #fff;
  padding: 3px 25px;
  z-index: 2;
}

/* CATEGORIE ET TAG ENCADRES */
.tags-links a, .cat-links a {
  display: inline-block;
  color: darkgray;
  position: relative;
  padding: 2px 5px 2px 5px;
  margin: 2px 2px 5px 2px;
  border: 1px solid darkgray;
  border-radius: 4px;
  text-decoration: none;
}
.tags-links a:hover, .cat-links a:hover {
  background: rgba(169, 169, 169, .2);
}
.cat-links a { text-transform: uppercase; }
.icon-categories, .icon-tags { display: none; }
.cat-links, .tags-links { display: inline; }

/* ENCADRER YT ET IMAGES */
figure.wp-block-embed, figure.wp-block-video video {
  border: solid;
  border-color: var(--contrast-3);
  padding: 10px !important;
  margin: 10px;
  border-radius: 6px;
}
.wp-block-image img {
  max-height: 600px;
  width: auto !important;
  padding: 10px !important;
  margin: 10px;
}

/* DARKMODE */
:root {
    --contrast: #252127;
    --contrast-2: #575760;
    --contrast-3: #b2b2be;
    --base: #f0f0f0;
    --base-2: #f7f8f9;
    --base-3: #ffffff;
    --accent: #ff3d6d;
    --dm-contrast: #ffffff;
    --dm-contrast-2: #f7f8f9;
    --dm-contrast-3: #f7f8f9;
    --dm-base: #b2b2be;
    --dm-base-2: #575760;
    --dm-base-3: #252127;
    --dm-accent: #ff3d6d;
}
[data-theme="dark"] {
    --contrast: var(--dm-contrast);
    --contrast-2: var(--dm-contrast-2);
    --contrast-3: var(--dm-contrast-3);
    --base: var(--dm-base);
    --base-2: var(--dm-base-2);
    --base-3: var(--dm-base-3);
    --accent: var(--dm-accent);
}

.jet-ajax-search__field[type="search"], .jet-ajax-search-block .jet-ajax-search__field[type="search"] {
  background-color:var(--base-2) !important;
}
.jet-ajax-search__results-area, .jet-ajax-search-block .jet-ajax-search__results-area {
  background-color:var(--base-2) !important;
}
.jet-ajax-search__item-link:hover, .jet-ajax-search-block .jet-ajax-search__item-link:hover {
  background-color:var(--base-3) !important;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
  background-color:var(--base-3) !important;
}

/*slider switch css */
.theme-switch-wrapper { display: flex; align-items: center; }
.theme-switch-wrapper em { margin-left: 10px; font-size: 1rem; }
.theme-switch { display: inline-block; height: 34px; position: relative; width: 60px; }
.theme-switch input { display:none; }
.slider {
  background-color: #ebebeb;
  box-shadow: inset 0px 5px 15px rgba(0,0,0,0.4), inset 0px -5px 15px rgba(255,255,255,0.4);
  bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s;
}
.slider:before {
  background: linear-gradient(180deg,#ffcc89,#d8860b);
  box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  bottom: 4px; content: ""; height: 26px; left: 4px; position: absolute; transition: .4s; width: 26px;
}
input:checked + .slider { background-color: #242424; }
input:checked + .slider:before { transform: translateX(26px); background: linear-gradient(180deg,#777,#3a3a3a); }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.notification_time { color: var(--base) !important; }

.logo-ext img { margin: 1px; }

/* PAGE AGGREGATEUR */
.rss_item {
  display: flex; flex-direction: column; margin-bottom: 25px; border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-color: #fff; overflow: hidden; padding: 0 !important;
}
.rss_item:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); }
.rss_image { width: 100% !important; height: 200px !important; position: relative; overflow: hidden; }
.rss_image a { display: block; width: 100% !important; height: 100% !important; }
.rss_image .fetched {
  display: block; width: 100%; height: 100%; background-size: cover !important;
  background-position: center !important; transition: transform 0.5s ease;
}
.rss_image:hover .fetched { transform: scale(1.05); }
.rss_image amp-img { width: 100%; height: 100%; object-fit: cover; }
.rss_item .title { padding: 15px 15px 10px; display: block; font-weight: bold; font-size: 16px; line-height: 1.4; }
.rss_item .title a { color: #333; text-decoration: none; transition: color 0.2s ease; }
.rss_item .title a:hover { color: #0066cc; }
.rss_content { padding: 0 15px 15px; font-size: 14px; line-height: 1.5; color: #666; }
.rss_content small { display: block; margin-bottom: 10px; color: #999; font-size: 12px; }
.rss_content p { margin: 0; }
div.feedzy-rss ul { display: grid; gap: 20px; padding: 20px; list-style: none; }
div.feedzy-rss ul { grid-template-columns: 1fr; }
@media (min-width: 600px) { div.feedzy-rss ul { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { div.feedzy-rss ul { grid-template-columns: repeat(3, 1fr); } .feedzy-rss { height: 100%; } }
.feedzy-rss ul::before { content:none !important; }
div.rss_image { margin-top:0 !important; }


/* ==========================================================================
   NOUVEAU STYLE MAGAZINE (STYLE VANESSA PARADIS)
   S'applique uniquement aux ARTICLES SEULS (.single-post)
   ========================================================================== */

/* 1. Largeur de lecture confortable (activé par le functions.php) */
.grid-container-narrow {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* 2. Fond crème UNIQUEMENT si mode jour (ne casse pas le dark mode) */
html:not([data-theme="dark"]) body.single-post {
    background-color: #fffafb; 
    color: #222;
}

/* 3. Typographie des articles */
.single-post .entry-content {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    font-size: 1.1em;
}

/* Titre H1 : Gros, Centré, Rose */
.single-post h1.entry-title {
    font-size: 3em; 
    font-weight: 800;
    text-align: center;
    line-height: 1.1;
    margin-bottom: 20px;
    color: #e6007e;
}
/* Titre en blanc si dark mode actif */
[data-theme="dark"] .single-post h1.entry-title {
    color: var(--dm-contrast);
}

/* Conteneur intérieur de l'article */
.single-post .inside-article {
    padding: 40px;
}

/* Titres H2 style Magazine (Barre rose) */
.single-post .entry-content h2 {
    border-left: 5px solid #e6007e;
    padding-left: 15px;
    margin-top: 40px;
    font-size: 1.8em;
    font-weight: 700;
}

/* 4. Lettrine Automatique (1er paragraphe) */
.single-post .entry-content > p:first-of-type::first-letter {
    float: left;
    font-size: 4.5em;
    line-height: 0.8;
    font-weight: 800;
    padding-top: 4px;
    padding-right: 12px;
    color: #e6007e;
}

/* 5. Éléments Spéciaux (Boutons, Tables, Box) */

/* Bouton CTA Rose */
.wp-block-button__link {
    background-color: #e6007e !important;
    border-radius: 50px !important;
    font-weight: bold;
    box-shadow: 0 4px 15px rgba(230,0,126,0.3);
}
.wp-block-button__link:hover {
    background-color: #c2006b !important;
    transform: translateY(-2px);
}

/* Highlight Box (Encadré Rose) */
.highlight-box {
    background: #fdf2f8;
    border: 1px dashed #e6007e;
    padding: 20px;
    margin: 30px 0;
    border-radius: 8px;
    color: #222;
}

/* Ajustement Image à la Une (Hero) */
.page-header-image-single {
    margin-top: 20px;
    margin-bottom: 40px;
}
.page-header-image-single img {
    width: 100%;
    border-radius: 4px;
}

/* Centrer vos métadonnées (Vues, Tags) sous le titre */
.single-post .entry-meta {
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}