/* =====================================================
   LotzApp Branding für listmonk
   Basierend auf lotzapp.org
   
   Primär-Rot:   #d94f2a
   Hover-Rot:    #b83e1e
   Hintergrund:  #f0f0f0 (Rautenmuster)
   Karte:        #ffffff
   Sidebar:      #ffffff
   ===================================================== */

/* === Hintergrund mit LotzApp-Rautenmuster (kein Schachbrett!) === */
body,
html {
  background-color: #f0f0f0 !important;
  background-image:
    linear-gradient(45deg, #e6e6e6 25%, transparent 25%),
    linear-gradient(-45deg, #e6e6e6 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #e6e6e6 75%),
    linear-gradient(-45deg, transparent 75%, #e6e6e6 75%) !important;
  background-size: 20px 20px !important;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px !important;
  background-attachment: fixed !important;
}

/* === Login-Seite: Karte weiß mit rotem Akzent === */
.login-page,
.public-page,
section.hero,
.hero-body {
  background: transparent !important;
}

/* Login-Box / Karte */
.box,
.card,
.login-page .box {
  background-color: #ffffff !important;
  border-top: 4px solid #d94f2a !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
}

/* === Navbar (Top-Bar) === */
.navbar {
  background-color: #d94f2a !important;
  border-bottom: none !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25) !important;
}

.navbar .navbar-item,
.navbar .navbar-link,
.navbar a.navbar-item,
.navbar-brand .navbar-item {
  color: #ffffff !important;
  background-color: transparent !important;
}

.navbar a.navbar-item:hover,
.navbar .navbar-link:hover {
  background-color: #b83e1e !important;
  color: #ffffff !important;
}

/* === Dropdown FIX: erster Eintrag nicht mitfärben === */
.navbar-dropdown {
  background-color: #ffffff !important;
  border-top: 3px solid #d94f2a !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15) !important;
  padding: 6px 0 !important;
}

/* ALLE Einträge im Dropdown: dunkler Text auf weißem Grund */
.navbar-dropdown .navbar-item,
.navbar-dropdown a.navbar-item,
.navbar-dropdown .navbar-item strong,
.navbar-dropdown .navbar-item div,
.navbar.is-primary .navbar-dropdown .navbar-item {
  background-color: #ffffff !important;
  color: #333333 !important;
}

.navbar-dropdown .navbar-item:hover,
.navbar-dropdown a.navbar-item:hover {
  background-color: #fff3f0 !important;
  color: #d94f2a !important;
}

/* User-Name im Dropdown lesbar machen */
.navbar-dropdown .user-name strong {
  color: #333333 !important;
}

.navbar-dropdown .user-name .is-size-7 {
  color: #777777 !important;
}

/* Icon-Links im Dropdown */
.navbar-dropdown .navbar-item a {
  color: #333333 !important;
  background: transparent !important;
}

.navbar-dropdown .navbar-item a:hover {
  color: #d94f2a !important;
}

/* Navbar-Divider */
.navbar-divider {
  background-color: #e0e0e0 !important;
}

/* === Sidebar === */
.sidebar-content,
.b-sidebar .sidebar-content {
  background-color: #ffffff !important;
  border-right: 1px solid #e0e0e0 !important;
}

.menu-list a {
  color: #3d3d3d !important;
  border-radius: 4px !important;
}

.menu-list a:hover {
  background-color: #fff3f0 !important;
  color: #d94f2a !important;
}

.menu-list a.is-active,
.menu-list a.router-link-active,
.menu-list a.router-link-exact-active {
  background-color: #d94f2a !important;
  color: #ffffff !important;
}

/* === Haupt-Content === */
.main {
  background-color: #ffffff !important;
}

/* === Page-Header Titelbalken === */
.page-header {
  background-color: #d94f2a !important;
  padding: 12px 20px !important;
  margin-bottom: 20px !important;
}

.page-header .title,
.page-header h1,
.page-header .column,
.page-header * {
  color: #ffffff !important;
}

/* === Buttons – is-primary (inkl. Login-Button) === */
.button.is-primary,
a.button.is-primary {
  background-color: #d94f2a !important;
  border-color: #b83e1e !important;
  color: #ffffff !important;
}

.button.is-primary:hover,
.button.is-primary:focus,
a.button.is-primary:hover {
  background-color: #b83e1e !important;
  border-color: #9a3318 !important;
  box-shadow: 0 3px 8px rgba(217,79,42,0.4) !important;
  color: #ffffff !important;
}

/* Outlined */
.button.is-primary.is-outlined {
  background-color: transparent !important;
  border-color: #d94f2a !important;
  color: #d94f2a !important;
}

.button.is-primary.is-outlined:hover {
  background-color: #d94f2a !important;
  color: #ffffff !important;
}

/* === Checkboxen === */
.b-checkbox input[type=checkbox]:checked + .check,
.check.is-primary {
  background-color: #d94f2a !important;
  border-color: #d94f2a !important;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: #d94f2a !important;
}

/* === Pagination === */
.pagination-link.is-current {
  background-color: #d94f2a !important;
  border-color: #d94f2a !important;
  color: #ffffff !important;
}

.pagination-link:hover {
  border-color: #d94f2a !important;
  color: #d94f2a !important;
}

/* === Tags === */
.tag:not(body):not(.is-success):not(.is-warning):not(.is-info):not(.is-danger) {
  background-color: #d94f2a !important;
  color: #ffffff !important;
}

.tag.unconfirmed {
  background-color: #d94f2a !important;
  color: #ffffff !important;
}

/* === Tabelle === */
.table {
  background-color: #ffffff !important;
}

.table thead th {
  color: #3d3d3d !important;
  border-bottom: 2px solid #d94f2a !important;
}

.table.is-hoverable tbody tr:hover {
  background-color: #fff8f6 !important;
}

.table td a,
.table tbody a {
  color: #d94f2a !important;
}

.table td a:hover {
  color: #b83e1e !important;
}

/* === Formular-Felder === */
.input,
.textarea,
.select select {
  border-color: #cccccc !important;
  border-radius: 4px !important;
  color: #333333 !important;
  background-color: #ffffff !important;
}

.input:focus,
.textarea:focus,
.select select:focus {
  border-color: #d94f2a !important;
  box-shadow: 0 0 0 3px rgba(217,79,42,0.15) !important;
}

/* === Links === */
a {
  color: #d94f2a !important;
}

a:hover {
  color: #b83e1e !important;
}

/* Ausnahme: weiße Links in Navbar bleiben weiß */
.navbar > .navbar-brand a,
.navbar > .navbar-menu a.navbar-item {
  color: #ffffff !important;
}

/* === Notifications === */
.notification.is-success {
  background-color: #f1f8f1 !important;
  color: #2e7d32 !important;
}

.notification.is-danger {
  background-color: #fff3f0 !important;
  color: #b83e1e !important;
}

/* === Scrollbar === */
::-webkit-scrollbar { width: 7px !important; }
::-webkit-scrollbar-track { background: #f0f0f0 !important; }
::-webkit-scrollbar-thumb { background: #d94f2a !important; border-radius: 4px !important; }
::-webkit-scrollbar-thumb:hover { background: #b83e1e !important; }