/* === rouge.social — custom theme === */

/* === LOGO === */
/* Frio impose sur #logo-img : -webkit-mask-image + background-color (25x25px)
   On neutralise le mask et on remet notre background-image. */
header #banner #logo-img,
.navbar-brand #logo-img,
#logo-img {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background-image: url('../../../../images/logo.png') !important;
  background-color: transparent !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center left !important;
  width: 60px !important;
  height: 60px !important;
}

#navbar-brand-text {
  display: none;
}

/* === NAVBAR === */
nav.navbar,
#topbar-first,
.navbar,
.navbar-default,
.navbar-inverse {
  background-color: #ffffff !important;
  border-bottom: 3px solid #c0392b !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;
  background-image: none !important;
}

/* Icônes navbar : rouge par défaut */
nav.navbar a,
#topbar-first a,
#topbar-first i,
#topbar-first button i {
  color: #c0392b !important;
}

/* Survol : icônes passent au vert */
#topbar-first .nav > li > a:hover,
#topbar-first .nav > li > a:focus,
#topbar-first .nav > li > a:hover i,
#topbar-first .nav > li > a:focus i {
  color: #2d6b3a !important;
  background-color: transparent !important;
}

/* Page active */
#topbar-first .nav > li.active > a,
#topbar-first .nav > li.active > a i {
  color: #2d6b3a !important;
  background-color: transparent !important;
}

/* Cloche de notification : rouge, transparent */
#nav-notification-menu-btn,
#nav-notifications-menu-btn,
#nav-notification .btn-link,
button#nav-notifications-menu-btn {
  background-color: transparent !important;
  border: none !important;
  color: #c0392b !important;
}

#nav-notification .btn-link i,
button#nav-notifications-menu-btn i {
  color: #c0392b !important;
}

/* Bouton recherche : rouge */
#search-box .btn-primary {
  background-color: #c0392b !important;
  border-color: #a93226 !important;
  color: #ffffff !important;
}

#search-box .btn-primary i {
  color: #ffffff !important;
}

/* === FOND GENERAL === */
html, body {
  background-color: #fdf6f0 !important;
  background-image: none !important;
  color: #2a1a1a;
}

#main-content,
#content,
.section-title-wrapper {
  background-color: #fdf6f0;
}

/* =====================================================
   PAGE DE CONNEXION
   Frio (style.css) impose sur .mod-login :
   - background-image: linear-gradient(noir…), url(image)
   - nav.navbar background: transparent
   - .login-content color: white
   On surcharge tout ici avec les sélecteurs exacts.
   ===================================================== */

/* 1. Supprime le dégradé noir sur la page login */
.mod-login,
.mod-home.is-not-singleuser {
  background-color: #fdf6f0 !important;
  background-image: none !important;
}

/* 2. Navbar : Frio la force transparente sur login */
.mod-login nav.navbar,
.mod-home.is-not-singleuser nav.navbar {
  background-color: #ffffff !important;
  position: relative !important;
}

/* 3. Texte : Frio force color:white sur .login-content */
.mod-login .login-content,
.mod-home.is-not-singleuser .login-content {
  color: #2a1a1a !important;
}

/* 4. Barre secondaire : Frio la force transparente */
.mod-login #topbar-second,
.mod-home.is-not-singleuser #topbar-second {
  background-color: #f5eded !important;
  border-bottom: 1px solid #ddd !important;
  box-shadow: unset;
}

/* 5. Formulaire */
.mod-login #content .login-form,
.mod-home.is-not-singleuser .login-form {
  background-color: #ffffff !important;
  border: 1px solid #e0d5cc !important;
  border-top: 4px solid #c0392b !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
}

/* 6. Pseudo-élément ::before (overlay blanc semi-transparent) */
.mod-login #content #login-form::before,
.mod-home.is-not-singleuser .login-form::before {
  display: none !important;
}

/* 7. Labels dans le formulaire */
.mod-login #content #login-form label,
.mod-home.is-not-singleuser .login-form label {
  color: #2a1a1a !important;
}

/* 8. Panneau login */
.mod-login .login-panel-content,
.mod-home.is-not-singleuser .login-panel-content {
  background-color: transparent !important;
}

/* === SIDEBAR === */
aside,
#sidebar,
.widget {
  background-color: #f0ece4;
  border: none;
  border-radius: 0;
}

/* === POSTS === */
.wall-item-container,
.wall-item-content {
  background-color: #ffffff;
  border: 1px solid #e0d5cc;
  border-left: 4px solid #c0392b;
  border-radius: 0;
  box-shadow: none;
}

.wall-item-container:hover {
  border-left-color: #8b4513;
  background-color: #fff9f7;
}

/* === LIENS === */
a {
  color: #8b2500;
}

a:hover {
  color: #c0392b;
  text-decoration: underline;
}

/* === BOUTONS === */
.btn-primary {
  background-color: #c0392b !important;
  border-color: #a93226 !important;
  border-radius: 0;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #a93226 !important;
  border-color: #922b21 !important;
}

.btn-default {
  border-radius: 0;
  border-color: #bbb;
}

/* === HASHTAGS & MENTIONS === */
.tag, .mention {
  color: #6b2d6b;
  font-weight: bold;
}

/* === ENCADRÉS / WIDGETS === */
.panel, .panel-default {
  border-radius: 0;
  border-color: #d9c9c9;
}

.panel-heading {
  background-color: #f0e6e6;
  border-color: #d9c9c9;
  color: #3d1a1a;
  border-radius: 0;
}

/* === FORMULAIRES === */
input.form-control,
textarea.form-control,
select.form-control {
  border-radius: 0;
  border-color: #ccc;
  background-color: #fff;
}

input.form-control:focus,
textarea.form-control:focus {
  border-color: #c0392b;
  box-shadow: 0 0 0 2px rgba(192, 57, 43, 0.15);
}

/* === BADGES NOTIFICATIONS === */
.badge,
.nav-notification {
  background-color: #c0392b;
  color: #fff;
}

/* === DROPDOWN MENUS === */
.dropdown-menu {
  border-radius: 0;
  border-color: #e0d0d0;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.10);
}

.dropdown-menu > li > a:hover {
  background-color: #f5e6e6;
  color: #c0392b;
}

/* === ACCENTS VERTS (forum, groupes) === */
.forum-list a,
.group-list a {
  color: #2d6b3a;
}

.forum-list a:hover,
.group-list a:hover {
  color: #1e4d28;
}

/* === PIED DE PAGE === */
footer, #footer {
  background-color: #f0e6e6;
  color: #5a3030;
  border-top: 3px solid #c0392b;
}

footer a, #footer a {
  color: #8b2500;
}

/* === BARRE SECONDAIRE === */
#topbar-second {
  background-color: #f5eded !important;
  border-bottom: 1px solid #ddd;
}

#topbar-second a {
  color: #3d1a1a !important;
}

/* === BOUTON NOUVELLE PUBLICATION === */
a#jotOpen,
a.action-button.btn-primary {
  background-color: #c0392b !important;
  border-color: #a93226 !important;
  color: #ffffff !important;
}

a#jotOpen:hover,
a.action-button.btn-primary:hover {
  background-color: #a93226 !important;
  border-color: #922b21 !important;
}

/* === FLÈCHE RETOUR EN HAUT === */
#back-to-top {
  background-color: #c0392b !important;
  border-color: #a93226 !important;
  color: #ffffff !important;
}

#back-to-top:hover {
  background-color: #a93226 !important;
}

/* === ALERTES ET MESSAGES SYSTÈME === */
.alert-info {
  background-color: #e8f0e8;
  border-color: #4a7c59;
  color: #2d5a3d;
}

.alert-success {
  background-color: #e8f0e8;
  border-color: #4a7c59;
  color: #2d5a3d;
}