/*
 * Struktur-Basis des Listen-Moduls.
 *
 * Diese Regeln lagen bis zur Umstellung im Projekt-Theme (files/layout/css/
 * schlangen.less.css) und hingen dort an der Vorfahrenkette
 * "#main .sp_verkaufsschlange .content.row .entry" - also am Namen einer
 * Datenbanktabelle. Mit den neuen Modultypen greift diese Kette nicht mehr.
 * Hierher gehoeren sie ohnehin: sie beschreiben das Flex-Verhalten unseres
 * eigenen Markups, nicht das Aussehen des Projekts.
 *
 * Das #main davor ist notwendig, nicht dekorativ: das Theme setzt
 * "#main .mod_article h3 { margin-bottom: 10px }" (aiDESIGNER.css), und eine ID
 * plus Klasse schlaegt zwei Klassen. Ohne das Praefix verliert die
 * cc-category-Regel und die Karten werden 44px hoeher als auf der Live-Site.
 * Das Original arbeitete aus demselben Grund mit #main und !important; das
 * Praefix genuegt und laesst dem Theme mehr Spielraum.
 *
 * Der Wrapper heisst .module-netzhirsch-starpythons-list: Contao 5 vergibt fuer
 * Fragment-Module "module-<typ-mit-bindestrichen>", nicht mehr das alte
 * mod_<typ>. Auf .mod_* gezielte Theme-Regeln greifen bei uns deshalb nie.
 *
 * Wird nur geladen, wenn die Backend-Checkbox netzhirschBaseStyling aktiv ist.
 * Veroeffentlichen: php vendor/bin/contao-console assets:install public --symlink --relative
 */
#main .module-netzhirsch-starpythons-list {
    padding: 0;
}

/* Titelbild behaelt seine natuerliche Hoehe, die Info-Spalte nimmt den Rest. */
#main .module-netzhirsch-starpythons-list .cc-title-image {
    flex: 0 0 auto;
}

#main .module-netzhirsch-starpythons-list .cc-item-info {
    flex: 0 1 100%;
}

/* Schiebt cc-item-info-bottom an den Kartenfuss, damit Karten gleich hoch wirken. */
#main .module-netzhirsch-starpythons-list .cc-category {
    margin: 0 0 auto;
}

/*
 * Das Theme gibt jedem a.more ein margin-bottom: 10px (#main a.more in
 * customize.css). In den Katalogkarten nahm schlangen.less.css das wieder
 * zurueck - ohne diesen Reset wird die Karte 10px hoeher als auf der Live-Site,
 * weil der Rand die Zeilenbox des <p> aufspannt.
 */
#main .module-netzhirsch-starpythons-list .cc-item-info-bottom .more a {
    margin: 0;
}

/*
 * Bootstrap setzt .pagination auf display:flex - dadurch stehen die Seitenzahl-
 * Zeile und das <ul> nebeneinander und die gefloateten <li> ragen aus der
 * Navigation heraus. Das Theme drehte das fuer den alten Katalog mit
 * ".mod_customcataloglist nav.pagination { display: block }" zurueck; diese
 * Regel greift bei den neuen Modultypen nicht mehr. Als Block schliesst das
 * bereits im Theme gesetzte overflow:hidden die Floats wieder ein.
 */
#main .module-netzhirsch-starpythons-list nav.pagination {
    display: block;
}

/*
 * Die Merkmals-Checkboxen sind eine Zeile mit Umbruch. Das Theme kennt fuer
 * Checkbox-Gruppen keine eigene Klasse (es stylt nur input[type=text] und
 * select), deshalb steht das Rasterverhalten hier.
 */
#main .module-netzhirsch-starpythons-filter .cc-filter-traits {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5rem;
    row-gap: 0.5rem;
}

#main .module-netzhirsch-starpythons-filter .cc-filter-trait label {
    padding-left: 0.25rem;
}