:root {
    --w-color-primary: #003761;
    --w-color-primary-200: #02467a;
}

.w-theme-light {
    --w-color-primary: #003761;
}

.w-theme-dark {
    --w-color-primary: #003761;
}

@media (prefers-color-scheme: light) {
    .w-theme-system {
        --w-color-primary: #003761;
    }
}

@media (prefers-color-scheme: dark) {
    .w-theme-system {
        --w-color-primary: #003761;
    }
}




.w-panel__heading--label{
    font-size: 1.4rem;
    line-height: 2.3;
}


.w-panel.title:nth-child(-n+2) :is(input,textarea,.Draftail-Editor .public-DraftEditor-content) {
    color: var(--w-color-text-label);
}

/* Avatar + Benutzerkonto Bereich im Dashboard ausblenden
main.content-wrapper .w-hidden.lg\:w-flex.w-gap-5.w-pt-4 {
    display: none !important;
} */


.status-select {
    font-size: 12px;
    
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #ececec;
    appearance: none; /* entfernt Safari/Wagtail-Styling */
  }
  

  .status-select[data-status="complete"] {
    background-color: #e6ffed;  /* grünlich */
  }
  
  .status-select[data-status="in_progress"] {
    background-color: #fffbe6;  /* gelblich */
  }
  
  .status-select[data-status="offen"] {
    background-color: #ffeded;  /* rot */
  }
  

  .avatar .large{
    border-radius: 0;
    width:200px;
}



/* Äußerer Container (sofern vorhanden) */
.w-content {
    overflow-y: auto;
    max-height: 90vh; /* anpassbar – wichtig für Scroll-Verhalten */
    position: relative;
}

/* Der Listing-Container – sorgt für horizontales Scrollen */
.listing.full-width {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    position: relative;
}

/* Die Tabelle muss breiter sein als der sichtbare Bereich */
.listing.full-width table {
    min-width: 1700px;
    width: max-content;
    table-layout: auto;
    border-collapse: collapse;
}

/* Zellen umbrechen nicht */
.listing.full-width th,
.listing.full-width td {
    white-space: nowrap;
}

/* Die Titel-Spalte (nicht zu breit machen) */
.listing.full-width th.title,
.listing.full-width td.title {
    min-width: 450px;
    max-width: 550px;
    width: 1%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;;
}

@media screen and (min-width: 50em) {
    .listing.full-width td:first-child,
    .listing.full-width th:first-child {
      padding-inline-start: 4.5rem !important;
    }
  }

/* Wagtail Suchleiste im Menü verstecken */
form[role="search"][action="/admin/pages/search/"] {
    display: none !important;
}

/* Suchbox in der Travel Page Listing View ausblenden (nur Filter anzeigen) */
form[action="/admin/travel_page_listing/results/"] .w-field__wrapper:has(input[name="q"]) {
    display: none !important;
}

/* Login-Seite: GLOBISTA Dark Blue Hintergrund */
body.login {
    background: #003761 !important;
}

/* Login-Form Container anpassen */
body.login .content-wrapper {
    background: #E4F7FF;
   
    border-radius: 12px;
    padding: 40px;
    max-width: 450px;
    margin: 0 auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* Login-Header Styling */
body.login h1 {
    color: #003761;
    text-align: center;
    margin-bottom: 30px;
    font-size: 32px;
}

/* Login-Button im GLOBISTA-Style */
body.login .button {
    background: #003761 !important;
    border-color: #003761 !important;
}

body.login .button:hover {
    background: #004a7f !important;
    border-color: #004a7f !important;
}

/* Logo anpassen */
body.login .login-logo {
    text-align: center;
    margin-top: 30px;
}

body.login .login-logo img {
    max-width: 200px;
}

/* Input-Felder hell machen */
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
    background: white !important;
    color: #2d3748 !important;
    border: 1px solid #cbd5e0 !important;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
    background: white !important;
    border-color: #003761 !important;
    outline: none !important;
}

/* Labels hell */
body.login label {
    color: #2d3748 !important;
}

/* Checkbox & Remember Me */
body.login .remember-me label {
    color: #2d3748 !important;
}

/* ===== Draftail Editor h4 Styling ===== */
.Draftail-block--header-four,
.Draftail-block--header-four .public-DraftStyleDefault-block {
    font-size: 1.5rem !important;      /* Größer als normaler Text */
    font-weight: 600 !important;        /* Etwas fetter */
    color: #000000 !important;          /* GLOBISTA Blau */
    margin-top: 1rem !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.4 !important;
}

/* ===== Badge für freie Einträge (ohne Reise-ID) ===== */
.free-entry-badge {
    display: inline-block;
    padding: 4px 10px;
    background: #e7f3ff;
    border: 1px solid #0066cc;
    border-radius: 4px;
    color: #003761;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.deleted-badge {
    display: inline-block;
    padding: 4px 10px;
    background: #ffeded;
    border: 1px solid #cc0000;
    border-radius: 4px;
    color: #990000;
    font-size: 11px;
    font-weight: 600;
}