/* ==========================================================================
   cms-shared.css
   Gemeinsame Regeln, die zuvor als Inline-<style> in mehreren Seiten
   dupliziert waren (edit-poi, edit-collection, edit-galerie, edit-bild,
   collection_neu, eingabe/index, kategorien/*).
   Eingebunden über oben.php und oben_tour.php.
   ========================================================================== */

/* Slim-Upload: eigenen Upload-Button ausblenden (Upload läuft über Save) */
.slim-btn-upload {
    display: none !important;
}

/* Radio-Inputs nicht auf Formularbreite ziehen */
.radio input {
    width: auto !important;
}

/* --------------------------------------------------------------------------
   Overlay (Vorschau-Overlay in edit-poi / edit-collection)
   -------------------------------------------------------------------------- */
.noscroll {
    overflow: hidden;
}

.overlay {
    position: fixed;
    overflow-y: scroll;
    z-index: 1001;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(40, 40, 40, .75);
}

[aria-hidden="true"] { display: none; }
[aria-hidden="false"] { display: block; }

.overlay div {
    margin: 12vh auto;
    padding: 30px;
    min-height: 50vh;
    background: rgb(225, 225, 225);
    width: 85%;
    column-count: 2;
    column-gap: 10px;
    position: relative;
    color: #000000e3;
    font-size: 1em;
}

.close-overlay {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px;
}

.overlay pre {
    background: #fafafa;
    padding: 15px;
    border: 1px #ccd dashed;
}

.overlay pre + p {
    margin: 5vh 0;
}

/* --------------------------------------------------------------------------
   Utility: Sichtbarkeit
   Ersetzt inline style="display:none". jQuery .show()/.hide() überschreibt
   weiterhin per Inline-Stil und funktioniert unverändert.
   -------------------------------------------------------------------------- */
.is-hidden { display: none !important; }

/* --------------------------------------------------------------------------
   DataTables / Listenansicht
   Zuvor als identischer Inline-<style> dupliziert in allcontent, themen,
   galerien, videos, uploads/index, uploads/online, eingabe/edit-link,
   startpages/edit-block sowie (als .dataTable) touren/index, touren/user.
   -------------------------------------------------------------------------- */
.table.dataTable tbody td,
.dataTable tbody td {
    font-family: 'Open Sans', sans-serif;
    color: #333;
}
table.dataTable thead,
.dataTable thead {
    background-color: #CCC;
}

/* Werkzeugleiste über den Listen (zuvor dupliziert in eingabe/index,
   touren/index, touren/user) */
#menu {
    position: relative;
    background: #ccc;
    padding: 5px;
    font-family: 'Open Sans', sans-serif;
}
#menu input {
    width: auto;
}

/* Thumbnail- und Auswahl-Zeilen in Listen (zuvor dupliziert in touren/index,
   touren/user, eingabe/edit-link, startpages/edit-block) */
.thumb img {
    width: 200px;
    height: 150px;
    object-fit: cover;
}
.selected tr {
    background-color: #f8f6f6e6;
}

/* Front-Tabelle im Tour-Bereich (zuvor dupliziert in touren/index, touren/user) */
.block.fronttable {
    padding: 40px 40px;
}

/* Suchfeld der Hilfstabelle ausblenden (zuvor dupliziert als Inline-<style>
   in eingabe/edit-link und startpages/edit-block).

   WICHTIG: nur innerhalb von #tmp_placeholder. Dort liegen die per .load()
   eingesetzten Auswahltabellen aus ajax/tpl/ (link.html, block-*.html), die
   ihr eigenes Suchfeld mitbringen.
   Ungebunden traf die Regel #kunden_filter auf jeder Seite, da DataTables
   dem Suchfeld der Tabelle #kunden genau diese ID gibt und cms-shared.css
   ueber oben.php ueberall geladen wird - dadurch fehlte das Suchfeld in
   allen Listen (eintraege, index, galerien, videos, themen, uploads, touren). */
#tmp_placeholder #kunden_filter {
    display: none;
}
.mapboxgl-popup {
    padding-bottom: 90px;
}

/* Vorschaubild im slim-Container (zuvor Inline-style in den Galerie-, Audio-
   und Webview-Templates) */
.slim-preview-img {
    max-width: 250px;
    max-height: 250px;
}

/* Platzhalter beim Sortieren (jQuery-UI-Sortable in den .mikro_sortable-Listen
   von startpages/ und touren/). War bisher nirgends definiert, wodurch das
   Ablageziel unsichtbar blieb. */
.highlight {
    background: rgba(72, 145, 57, 0.25);
    border: 2px dashed #489139;
    margin-bottom: 10px;
}

/* Startseiten-Row: Kopf-/Footer-Block ("Oben"/"Unten") */
.headline {
    background-color: #ffa700c9;
    padding: 2px;
}