/*
 * =============================================================
 * M-Social Theme v4.0 - by master of the universe & Gemini
 * (Finaler, stabiler Neuaufbau)
 * =============================================================
 */

/* =============================================================
 * 1. GRUNDEINSTELLUNGEN (Helles Theme & Schriftart)
 * ============================================================= */
:root {
  --primary-color: #1fa2ef;
  --text-color: #000000;
  --background-alt: #ffffff;
  --header-bg: #000000;
  --header-fg: #ffffff;
  --link-color: #1fa2ef;
  --border-color: #dee6ed;
}

body, button, input, textarea, .button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* =============================================================
 * 2. DARK MODE KORREKTUREN (Fundament)
 * ============================================================= */

/* Erzwungene dunkle Hintergründe */
html.dark-theme .column,
html.dark-theme .columns-area__panels__main,
html.dark-theme .drawer__inner,
html.dark-theme .navigation-panel,
html.dark-theme .detailed-status__action-bar,
html.dark-theme .column-header,
html.dark-theme .search__input {
  background: #000000 !important; /* Dein dunkles Blau */
  border-color: #38444d !important;
}

html.dark-theme body,
html.dark-theme #app-body {
  background: #000000 !important; /* Der ganz dunkle Hintergrund */
}

/* Erzwungene helle Texte im Dark Mode */
html.dark-theme,
html.dark-theme p,
html.dark-theme .status__content,
html.dark-theme h1, html.dark-theme h2, html.dark-theme h3,
html.dark-theme strong,
html.dark-theme a:not(.button) {
  color: #e1e8ed !important;
}

html.dark-theme .display-name__account {
  color: #9aa8b6 !important;
}

/* =============================================================
 * 3. BUTTONS (Aufbauend auf dem Fundament)
 * ============================================================= */
.button {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
}
.compose-form__publish-button-wrapper .button {
  background-color: #1fa2ef !important;
}
html.dark-theme .button {
  background-color: #1fa2ef !important;
  color: #ffffff !important;
}
html.dark-theme .compose-form__publish-button-wrapper .button {
  background-color: #000000 !important;
  border: 1px solid #1fa2ef !important;
}

/* =============================================================
 * 4. LOGOS (Aufbauend auf dem Fundament)
 * ============================================================= */
.navigation-panel__logo a.column-link--logo {
  background-image: url('https://cdn.shopify.com/s/files/1/0847/4745/2746/files/M-Social.png?v=1754487443') !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 180px;  
  height: 45px; 
}
.navigation-panel__logo a.column-link--logo svg {
  visibility: hidden !important;
}
.column-header__title img.logo--icon {
  display: none !important;
}
.column-header__title::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background-image: url('https://cdn.shopify.com/s/files/1/0847/4745/2746/files/M-Social.png?v=1754487443');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* --- NEU HINZUGEFÜGT --- */
/* Logo aus iFrame-Einbettungen entfernen */
.embed__overlay {
  background-image: none !important;
}