/* ==========================================================================
   Psykolog Karin Rasmussen — designlag oven på idefa_basesite / bootstrap_package 16.
   Indlæses sidst (Last/setup.typoscript). Målte værdier: kilde/design-visuel.md
   ========================================================================== */

/* --- Typografi ----------------------------------------------------------- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.card-title {
    font-weight: 300;
    color: inherit;
}

/* Det gamle site (BP 14) havde strong = bolder: 400 i de tynde lead-/overskriftslinjer, ikke 700 */
strong, b {
    font-weight: bolder;
}

.card-group-element-item .card .card-body .card-title {
    font-size: 1.35rem;
    font-weight: 300;
    color: #333;
}

@media (max-width: 767.98px) {
    .card-group-element-item .card .card-body .card-title {
        font-size: 1.25rem;
    }
}

/* Forsidens hero-overskrift: det gamle sites eneste serif (font-family: initial) */
.frame-option-indent-left h1 {
    font-size: 44px;
    font-weight: 500;
    line-height: 1.2;
    font-family: "Times New Roman", Times, serif;
}

/* --- Header -------------------------------------------------------------- */
.navbar-brand,
.navbar-brand span {
    font-size: 20px;
    font-weight: 400;
    color: #000;
}

.navbar-mainnavigation .nav-link,
.navbar-mainnavigation .nav-link:hover,
.navbar-mainnavigation .nav-item.active > .nav-link {
    color: #000;
    background: transparent;
}

/* Ingen aktiv-markering under menupunktet på det gamle site */
.navbar-mainnavigation .nav-item.active > .nav-link::before {
    display: none;
}

.top-container-wrapper .top-container-right a,
.top-container-wrapper .top-container-left p {
    color: #fff;
    text-decoration: none;
    margin: 0;
}

.top-container-wrapper .top-container-right ul {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    /* Mobil: kun en smal blå stribe; telefon og links står i menuen */
    .top-container-wrapper .top-container-left,
    .top-container-wrapper .top-container-right {
        display: none;
    }

    .top-container-wrapper {
        height: 26px;
        padding: 0;
    }

    /* Åben mobilmenu: fuldskærms hvidt overlay med streger mellem punkterne */
    #mainnavigation.show,
    #mainnavigation.collapsing {
        position: fixed;
        inset: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh !important;
        transform: none;
        overflow-y: auto;
        background: #fff;
        padding: 0;
    }

    #mainnavigation.show > ul,
    #mainnavigation.collapsing > ul {
        padding: 20px 0 15px;
    }

    #mainnavigation .nav-item {
        border-bottom: 1px solid #eee;
    }

    #mainnavigation .nav-link {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    /* Burgeren (nu et X) bliver stående øverst til højre over overlayet */
    .navbar-toggler:not(.collapsed) {
        position: fixed;
        top: 5px;
        right: 5px;
        z-index: 1050;
    }
}

/* --- Ikoner -------------------------------------------------------------- */
/* Det gamle sites style.css tvinger alle texticon-ikoner sorte */
.texticon-icon .texticon-inner-icon,
.texticon-icon .texticon-inner-icon svg,
.texticon-icon .texticon-inner-icon img {
    color: #000;
    fill: currentColor;
}

/* --- Harmonika ----------------------------------------------------------- */
.frame-type-accordion-container {
    padding-top: 15px;
    padding-bottom: 15px;
}

.accordion-button {
    font-size: 16px;
    font-weight: 400;
    color: #212121;
    padding: 16px 20px;
}

.accordion-button {
    box-shadow: inset 0 -1px 0 #cecece;
}

.accordion-button:not(.collapsed) {
    color: #3b547c;
    background-color: #d8dde5;
    box-shadow: none;
}

/* --- Kort på forsiden (card-layout-2: titel som hvid overlay i bunden) --- */
.card-layout-2 .card-footer {
    display: none;
}

/* --- Kontaktboksen ------------------------------------------------------- */
.frame-layout-embedded.frame-background-light > .frame-group-container > .frame-group-inner {
    border-radius: 8px;
}

@media (max-width: 767.98px) {
    .frame-layout-embedded.frame-background-light > .frame-group-container > .frame-group-inner {
        /* container-padding 20px + 20px = boksen 40px fra kanten som på det gamle site */
        margin: 0 20px;
        padding: 28px;
    }
}

/* --- Kortgruppen: det gamle site havde 1400px indholdsbredde, 46px indrykning og 20px mellemrum --- */
.frame-type-card_group > .frame-group-container > .frame-group-inner > .frame-container {
    max-width: 1440px;
}

.frame-type-card_group .card-group-element {
    --cardgroup-gap: 20px;
    padding: 0 46px;
}

@media (max-width: 767.98px) {
    .frame-type-card_group .card-group-element {
        padding: 0 10px;
    }
}

/* --- Afstande, der var mindre på BP 14 ----------------------------------- */
.frame.frame-space-after-extra-small {
    padding-bottom: 5px;
    margin-bottom: 0;
}

.frame-type-card_group.frame-space-before-extra-large {
    margin-top: 0;
}

/* Forsidens to tekstkolonner under "Min baggrund" lå tæt op ad overskriften og kortene */
.frame-type-container_2_columns.frame-layout-17 {
    padding-top: 14px;
    padding-bottom: 63px;
}

.frame-type-card_group.frame-background-primary {
    padding-bottom: 62px;
}

.frame-type-container_2_columns.frame-layout-17 > .frame-group-container > .frame-group-inner > .frame-container {
    margin-top: 0;
    margin-bottom: 0;
}

/* --- Footer -------------------------------------------------------------- */
#page-footer a {
    color: #fff;
    text-decoration: none;
}

/* --- Diverse fra det gamle sites style.css -------------------------------- */
.timeline-item-date {
    display: none;
}