/* Custom Styles — extrait du <style> inline du thème Loki source (header.html
   d'origine : index.html/list.html/post.html/author.html) pour respecter la
   contrainte Joornal interdisant les blocs <style> dans le <head>. Contenu
   inchangé, aucune couleur/police/espacement modifié. */

/* Header Overlay and Text Styling */
.banner_main {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}
.banner_main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 1;
}
.banner_main .carousel-caption {
  position: relative;
  z-index: 2;
}
.banner_main h1 {
  font-size: 3rem;
  margin-bottom: 20px;
}
.banner_main p {
  font-size: 1.2rem;
}

/* About Section Styling */
.about {
  padding: 60px 0;
}
.about .titlepage h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  color: #333;
  margin-bottom: 20px;
}
.about .profile-content p {
  font-family: 'Roboto', sans-serif;
  color: #555;
  font-size: 1rem;
}

/* Footer Styling */
footer {
  background-color: #222;
  color: #fff;
  padding: 40px 0;
  font-family: 'Montserrat', sans-serif;
}
footer h2 {
  color: #f78e21;
  margin-bottom: 20px;
}
footer p, footer ul li a {
  color: #fff;
  font-size: 1rem;
}
footer .social-icons li {
  display: inline;
  margin-right: 15px;
}
footer .social-icons li a {
  color: #fff;
  font-size: 1.2rem;
}
.copyright {
  text-align: center;
  margin-top: 20px;
  font-family: 'Montserrat', sans-serif;
}

/* Portage Joornal — fidélité de rendu : le thème source appliquait
   style="margin:0" en inline sur le <ul class="navigation"> pour annuler la
   marge par défaut de Bootstrap. Le module {{menu[...]}} ne peut pas recevoir
   d'attribut style, cette règle reproduit donc exactement le même rendu. */
.navigation {
  margin: 0;
}
