:root {
  --itsweber-teal: #009688;
  --itsweber-teal-light: #26A69A;
  --itsweber-teal-dark: #00796B;
  --itsweber-teal-glow: rgba(0, 150, 136, 0.08);
  --itsweber-bg: #f5f7fa;
  --itsweber-white: #ffffff;
  --itsweber-border: #e2e8f0;
  --itsweber-text: #1e293b;
  --itsweber-text-secondary: #475569;
  --itsweber-text-muted: #94a3b8;
  --default-theme-color: #009688;
}
/* Header dunkel wie itsweber.de */
.page-header, header, #app-header {
  background: linear-gradient(135deg, #1a2a35 0%, #1e3a42 40%, #1a2a35 100%) !important;
  border-bottom: 3px solid #009688 !important;
}
.page-header *, #app-header * { color: #fff !important; }
.page-header a:hover { color: #26A69A !important; }
/* Sidebar */
.page-sidebar { background: #fff !important; border-right: 1px solid #e2e8f0 !important; }
.page-sidebar a { color: #475569 !important; }
.page-sidebar a:hover, .page-sidebar a.active { color: #009688 !important; background: rgba(0,150,136,0.08) !important; }
.page-sidebar .page-sidebar-bottom { display: none; }
/* Links */
a { color: #009688 !important; }
a:hover { color: #00796B !important; }
/* Buttons */
.btn-primary, button[type="submit"], .upload-btn,
.MuiButton-containedPrimary, [class*="primaryAction"] {
  background: #009688 !important; color: #fff !important;
  border: none !important; border-radius: 6px !important;
}
/* Cards */
.item-list .item, .media-item, .card {
  background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important;
}
/* Formulare */
input, textarea, select, .form-control {
  background: #fff !important; border: 1px solid #e2e8f0 !important;
  color: #1e293b !important; border-radius: 6px !important;
}
input:focus, textarea:focus, select:focus {
  border-color: #009688 !important; box-shadow: 0 0 0 3px rgba(0,150,136,0.08) !important;
}
/* Tags */
.tag, .category-tag, .badge {
  background: rgba(0,150,136,0.08) !important; color: #00796B !important;
  border: 1px solid rgba(0,150,136,0.25) !important; border-radius: 20px !important;
}
/* Video Player */
.video-js .vjs-play-progress, .video-js .vjs-volume-level { background: #009688 !important; }
.video-js .vjs-big-play-button { background: rgba(0,150,136,0.9) !important; border: none !important; border-radius: 50% !important; }
/* Pagination */
.page-item.active .page-link { background: #009688 !important; color: #fff !important; }
/* Footer */
footer, .page-footer { background: #fff !important; border-top: 1px solid #e2e8f0 !important; }
[class*="powered"] { display: none !important; }
/* Theme Toggle ausblenden */
.theme-toggle, [class*="theme-switch"], [class*="ThemeToggle"] { display: none !important; }
/* === Header größer + Logo sichtbarer === */
.page-header, header, #app-header {
  padding: 12px 20px !important;
  min-height: 56px !important;
}
.page-header .logo img, .header-logo img {
  height: 36px !important;
  max-height: 36px !important;
}
/* Hamburger-Menu sichtbarer */
.page-header .hamburger, .page-header .menu-toggle,
.page-header button:first-child, .page-header [class*="menu"] {
  color: #ffffff !important;
  opacity: 1 !important;
  font-size: 24px !important;
}
/* Rechts im Header: Icons + Avatar sichtbar */
.page-header .right-icons, .page-header .header-right,
.page-header [class*="right"], .page-header nav {
  color: #ffffff !important;
}
.page-header svg, .page-header .MuiSvgIcon-root {
  color: #ffffff !important;
  fill: #ffffff !important;
}
/* Upload-Button im Header */
.page-header [class*="upload"], .page-header [class*="Upload"] {
  color: #ffffff !important;
}
/* === Upload Media Button (Startseite) Teal statt Grün === */
[style*="background-color: rgb(40, 167, 69)"],
[style*="background:#28a745"], .btn-success {
  background-color: #009688 !important;
  background: #009688 !important;
  color: #ffffff !important;
}
/* Alle MUI Buttons mit weißer Schrift */
.MuiButton-root, .MuiButton-contained, .MuiButtonBase-root,
[class*="primaryAction"], [class*="button-primary"] {
  color: #ffffff !important;
}
/* Suchbutton Teal */
.page-header .search-btn, .page-header button[type="submit"] {
  background: #009688 !important;
  color: #fff !important;
}
/* Brand-Farbe global auf Teal */
:root, body, html {
  --default-brand-color: #009688 !important;
  --header-popup-menu-color: #1e293b !important;
}
/* Upload Media Button (.button-link) */
.button-link, a.button-link {
  background-color: #009688 !important;
  border-color: #00796B !important;
  color: #ffffff !important;
}
/* Circle-Icon-Buttons (Hamburger + Upload-Icon) */
.circle-icon-button {
  background: rgba(255,255,255,0.15) !important;
  border: none !important;
}
.page-header .circle-icon-button .material-icons, #app-header .circle-icon-button .material-icons,
.page-header .circle-icon-button i, #app-header .circle-icon-button i {
  color: #ffffff !important;
}
/* Popup-Menu (Dropdown oben rechts) */
.popup, .popup-main {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
}
.nav-menu, .nav-menu li, .nav-menu a,
.link-item, .link-item a, .link-item span {
  color: #1e293b !important;
}
.nav-menu a:hover, .link-item:hover {
  background: rgba(0,150,136,0.08) !important;
  color: #009688 !important;
}
/* Menu-Item Icon */
.nav-menu .menu-item-icon, .link-item .material-icons {
  color: #475569 !important;
}
/* Icons NUR im Header weiß, sonst dunkel */
.page-header .circle-icon-button .material-icons, #app-header .circle-icon-button .material-icons,
.page-header .circle-icon-button i, #app-header .circle-icon-button i {
  color: #475569 !important;
}
#app-header .page-header .circle-icon-button .material-icons, #app-header .circle-icon-button .material-icons,
#app-header .circle-icon-button i,
.page-header .page-header .circle-icon-button .material-icons, #app-header .circle-icon-button .material-icons,
.page-header .page-header .circle-icon-button i, #app-header .circle-icon-button i {
  color: #ffffff !important;
}
/* Media-Actions (Teilen, Speichern, Herunterladen) */
.media-actions .circle-icon-button,
.media-author-actions .circle-icon-button {
  background: #f0f4f8 !important;
}
.media-actions .material-icons,
.media-author-actions .material-icons,
.media-actions span,
.media-author-actions span {
  color: #475569 !important;
}
/* Like/Dislike Buttons Teal statt Grün/Rot */
.like-btn, .dislike-btn {
  color: #475569 !important;
}
.like-btn.active { color: #009688 !important; }
.dislike-btn.active { color: #dc2626 !important; }
/* Popup-Menu fix (Profil-Dropdown) */
.popup { background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important; }
.popup-main { background: #ffffff !important; }
.popup-top { background: #1e3a42 !important; color: #ffffff !important; border-radius: 8px 8px 0 0 !important; }
.popup .nav-menu li, .popup .link-item, .popup .link-item a, .popup .link-item span { color: #1e293b !important; }
.popup .link-item:hover { background: rgba(0,150,136,0.08) !important; }
.popup .link-item .menu-item-icon, .popup .link-item .material-icons { color: #475569 !important; }
/* Popup fix v2 - direkter Selektor */
.popup { background: #fff !important; border-radius: 8px !important; box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important; overflow: hidden !important; }
.popup-main { background: #fff !important; }
.popup-top { background: linear-gradient(135deg, #1a2a35, #1e3a42) !important; padding: 1rem !important; }
.popup .nav-menu { background: #fff !important; }
.popup .nav-menu a, .popup .nav-menu span, .popup .link-item a, .popup .link-item span { color: #1e293b !important; }
.popup .link-item .menu-item-icon { color: #475569 !important; }
.popup .link-item:hover { background: rgba(0,150,136,0.08) !important; }
.popup .link-item:hover a, .popup .link-item:hover span { color: #009688 !important; }
/* Popup Menu - Variable Override */
.page-header .page-header-right { --header-popup-menu-color: #1e293b !important; }
.popup .nav-menu li a, .popup .link-item a { color: #1e293b !important; }
.popup .nav-menu li span, .popup .link-item span { color: #1e293b !important; }
.popup .nav-menu .menu-item-icon { color: #475569 !important; }
.popup .nav-menu li:hover { background: rgba(0,150,136,0.08) !important; }
.popup .nav-menu li:hover a, .popup .nav-menu li:hover span { color: #009688 !important; }
/* Popup INNERHALB des Headers - muss Header-Weiss überschreiben */
.page-header .popup, .page-header .popup * { color: #1e293b !important; }
.page-header .popup .popup-top, .page-header .popup .popup-top * { color: #fff !important; }
.page-header .popup .popup-top { background: linear-gradient(135deg, #1a2a35, #1e3a42) !important; }
/* POPUP FIX - ID-Spezifitaet noetig */
#app-header .popup, #app-header .popup * { color: #1e293b !important; }
#app-header .popup .popup-top, #app-header .popup .popup-top * { color: #fff !important; }
#app-header .popup { background: #fff !important; border-radius: 8px !important; box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important; }
#app-header .popup .popup-top { background: linear-gradient(135deg,#1a2a35,#1e3a42) !important; padding: 1rem !important; }
#app-header .popup .link-item:hover { background: rgba(0,150,136,0.08) !important; }
#app-header .popup .link-item:hover a, #app-header .popup .link-item:hover span { color: #009688 !important; }
/* Hero-Buttons vor globalem Link-Override schuetzen */
.iw-play-home a, div[style*="linear-gradient"] a {
  color: inherit !important;
}
/* Hero Buttons auf Startseite */
section[style*="linear-gradient"] a[href="/members"] {
  color: #ffffff !important;
  border-color: #ffffff !important;
}
section[style*="linear-gradient"] a[href="/upload"] {
  color: #15779b !important;
}