/*
 * Schweizer-Deutsch.ch – Cassiopeia child template
 * Loaded automatically by Cassiopeia via the WebAssetManager asset "template.user".
 * Colours taken over from the former Protostar style (#0088cc / #f4f6f7).
 */

:root {
    --chdt-blue: #0088cc;
    --chdt-blue-dark: #005f8f;
    --chdt-page-bg: #f4f6f7;
    --chdt-card-bg: #fff;
    --chdt-border: #dde3e6;

    --cassiopeia-color-primary: var(--chdt-blue);
    --cassiopeia-color-link: var(--chdt-blue);
    --cassiopeia-color-hover: var(--chdt-blue-dark);
    --link-color: var(--chdt-blue);
    --link-color-rgb: 0, 136, 204;
    --link-hover-color: var(--chdt-blue-dark);
    --link-hover-color-rgb: 0, 95, 143;

    /* Open Sans look-alike without loading Google Fonts (privacy) */
    --cassiopeia-font-family-body: "Open Sans", "Segoe UI", Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", sans-serif;
    --cassiopeia-font-family-headings: var(--cassiopeia-font-family-body);
}

body.site {
    background-color: var(--chdt-page-bg);
}

/* ------------------------------------------------------------------ header */
.container-header {
    background-color: var(--chdt-card-bg);
    background-image: none;
    border-bottom: 4px solid var(--chdt-blue);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
}

.container-header .navbar-brand,
.container-header .navbar-brand a,
.container-header .site-description {
    color: #222;
}

.container-header .brand-logo img {
    max-height: 110px;
    width: auto;
}

/* ------------------------------------------------------------------ main card */
.site-grid {
    background-color: var(--chdt-card-bg);
    border: 1px solid var(--chdt-border);
    border-radius: .5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

.container-component > * + * {
    margin-top: 1rem;
}

/* ------------------------------------------------------------------ sidebar menu (Protostar nav-list look) */
.container-sidebar-left .card {
    border: 0;
    background: transparent;
}

.container-sidebar-left .mod-menu {
    gap: .125rem;
}

.container-sidebar-left .mod-menu > li > a {
    display: block;
    padding: .5rem .75rem;
    border-radius: .375rem;
    color: #333;
    text-decoration: none;
}

.container-sidebar-left .mod-menu > li > a:hover,
.container-sidebar-left .mod-menu > li > a:focus-visible {
    background-color: #e9f4fa;
    color: var(--chdt-blue-dark);
}

.container-sidebar-left .mod-menu > li.current > a,
.container-sidebar-left .mod-menu > li.active > a {
    background-color: var(--chdt-blue);
    color: #fff;
}

/* ------------------------------------------------------------------ legacy article markup (imported TYPO3 content) */
.com-content-article__body img,
.blog-item img {
    max-width: 100%;
    height: auto;
}

.com-content-article__body table {
    max-width: 100%;
}

table.csc-uploads {
    width: auto !important;
    margin-block: .75rem;
    border-collapse: collapse;
}

table.csc-uploads td {
    padding: .35rem .6rem;
    border-bottom: 1px solid var(--chdt-border);
    vertical-align: middle;
}

table.csc-uploads tr.tr-odd td {
    background-color: #f8fafb;
}

/* the old TYPO3 file icons (t3lib/…) no longer exist */
.csc-uploads-icon img[src*="t3lib/"] {
    display: none;
}

.csc-uploads-fileSize {
    color: #6c757d;
    white-space: nowrap;
}

/* ------------------------------------------------------------------ footer */
.container-footer {
    background-color: transparent;
    background-image: none;
    color: #6c757d;
}

.container-footer a {
    color: var(--chdt-blue);
}