/* =========================================
   Mobilverzeichnis - Autokatalog A-Z
   Kompakte Herstellerübersicht
   ========================================= */

body.autokatalog-raster
.com-content-category-blog__children.cat-children {
    display: grid;
    grid-template-columns:
        repeat(auto-fit, minmax(170px, 1fr));
    gap: 8px;
}

/* Hersteller-Überschriften verkleinern */
body.autokatalog-raster
.cat-children > .com-content-category-blog__child > h3 {
    font-size: 1rem;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    border: 0;
}

/* Herstellerlinks als kompakte Felder */
body.autokatalog-raster
.cat-children > .com-content-category-blog__child > h3 > a {
    display: block;
    padding: 10px 12px;
    border: 1px solid #d9e0e7;
    border-radius: 6px;
    text-decoration: none;
}

/* Hervorhebung bei Maus und Tastatur */
body.autokatalog-raster
.cat-children > .com-content-category-blog__child > h3 > a:hover,
body.autokatalog-raster
.cat-children > .com-content-category-blog__child > h3 > a:focus-visible {
    background-color: #eef3f8;
}

/* Buchstabennavigation im Autokatalog */

body.autokatalog-raster .hersteller-alphabet {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 20px 0;
}

body.autokatalog-raster .hersteller-alphabet a,
body.autokatalog-raster .hersteller-alphabet span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
    padding: 6px 9px;
    border: 1px solid #d9e0e7;
    border-radius: 5px;
    font-weight: bold;
    text-decoration: none;
}

/* Aktive Buchstaben */
body.autokatalog-raster .hersteller-alphabet a:hover,
body.autokatalog-raster .hersteller-alphabet a:focus-visible {
    background: #1e5ea8;
    color: white;
    border-color: #1e5ea8;
}

/* Buchstaben ohne Hersteller */
body.autokatalog-raster .hersteller-alphabet .is-disabled {
    opacity: 0.3;
}

/* Abstand beim Sprung zum Buchstaben */
body.autokatalog-raster
.cat-children > [id^="hersteller-"] {
    scroll-margin-top: 110px;
}