/* --- GÉNÉRAL --- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@300&display=swap');

html, body {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
  min-height: 100vh;
  font-family: Arial, sans-serif;
}

#sb-site {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#body {
  flex: 1 0 auto;
}

#footer {
  flex-shrink: 0;
  background-color: #1a1a1a !important;
  color: #888 !important;
  border-top: 1px solid #333;
  padding: 20px;
  text-align: center;
}

/* Appliquer fond sombre et texte clair sur tous les blocs principaux */
html, body,
#sb-site,
#body,
#main,
#main-content,
#container,
#g-container,
#g-main,
#g-mainbody,
#g-content,
.content-wrapper,
.blog-content-list,
.block,
.list-item,
.sidebar-content,
#listing,
#sidebar,
.article-content,
.item-page {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

/* --- HEADER ET NAVIGATION --- */
#header,
#navbar,
.navbar,
.navbar .navigation,
.navbar .navigation li ul {
  background-color: #1a1a1a !important;
  color: #eeeeee !important;
  border: none !important;
}

/* Liens de navigation principaux */
#navbar .navigation li a {
  color: #cccccc !important;              /* Gris clair harmonisé */
  background-color: #2a2a2a !important;   /* Fond uniforme */
  padding: 10px 15px;
  display: block;
  text-decoration: none;
  font-weight: normal;
  font-family: Arial, sans-serif;
}

/* Hover et item actif */
#navbar .navigation li.active > a,
#navbar .navigation li a:hover {
  background-color: #2c2c2c !important;   /* Légèrement plus clair au survol */
  color: #cccccc !important;
  font-weight: bold;
}

/* --- SOUS-MENUS --- */
#navbar .navigation li ul {
  background-color: #1f1f1f !important;
  border: 1px solid #333 !important;
}

#navbar .navigation li ul li a {
  color: #cccccc !important;
  background-color: transparent !important;
  padding: 8px 12px;
  display: block;
}

#navbar .navigation li ul li a:hover {
  background-color: #2c2c2c !important;
  color: #90caf9 !important;  /* bleu clair pour hover dans sous-menu */
  font-weight: bold;
}

/* --- BLOG HEADER --- */
.blog-header {
  background-color: #121212 !important;  /* Harmonisé avec fond du site */
  color: #cccccc !important;             /* Texte clair */
  padding: 15px;
  border: 1px solid #2a2a2a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}


  .search-input {
  background-color: #1f1f1f !important; /* fond sombre */
  color: #e0e0e0 !important;           /* texte clair */
  border: 1px solid #333 !important;   /* bordure foncée */
  padding: 8px 12px;
  font-family: Arial, sans-serif;
  border-radius: 4px;
}

.search-input::placeholder {
  color: #888 !important;              /* texte du placeholder plus discret */
}

.sidebar-content h4 {
  color: #cccccc !important;
  border-bottom: 4px solid #cccccc !important;
  padding-bottom: 6px;
  margin-bottom: 12px;
  font-family: Arial, sans-serif;
}


.list-item .list-blog-header h4 a {
color: #666666;
}

.tags a {
    display: inline-block;
    font-size: 0.7rem;
    padding: 0.1rem 0.5rem;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
    background: #cacaca;
    border-radius: 3px;
    color: #555555;
}

.list-item p,
section#body p  {
    font-family: 'Noto Serif', serif;
    font-weight: 600;
}

.contact_input {
	 color: #001a00;
}