/*
 * lts14-compat.css — hotel-jutlandia.dk: keeps the LTS 11 look on TYPO3 14 (bootstrap_package 16, basesite 14).
 * Kept apart from the customer's style.css (fileadmin/Website/style.css = the live file, byte for byte), so a
 * file sync from live never overwrites these rules. Included by sys_template uid 1:
 *   page.includeCSS.lts14compat = fileadmin/Website/lts14-compat.css   (after customstyles)
 * Every value was measured against live with the style probe (2026-09-30/10-01). Generic template:
 * VidensDeling AI/Skills/update-site/templates/lts14-compat.css
 * Not needed any more (fixed in the shared modules 2026-10-01): mobile hero img (basesite 14),
 * carousel_2026 min-height on slides with an img.
 */

/* card titles: idefa_bootstrap_card_extender 14 sets them to 600 — this site keeps light titles */
.card-group-element.card-layout-2 .card-title{
    font-weight: 300;
    font-size: 1.75rem;
}

/* texticon-top: bootstrap_package 16 made it a flex box with gap 20px and dropped the margins */
.texticon-top{
    gap: 0;
}
.texticon-top .texticon-icon{
    margin-bottom: 28.5px; /* live: 1.5em of the 19px body text; em here would use the icon's 57px font */
}
.texticon-top .texticon-content h3{
    margin-bottom: 8px;
}

/* main menu: Bootstrap 5 sets .nav-link to var(--nav-link-font-size) = 1rem (16px); live inherited the 19px body size */
.navbar-mainnavigation .nav-link{
    font-size: inherit;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* footer: basesite 12+ limits gallery images to max-content (their own pixel width); on live the logos filled their column */
#page-footer .gallery-item img, #page-footer .gallery-item picture{
    max-width: 100%;
}

/* header: bootstrap_package 16 sizes it from --mainnavigation-nav-height (navbar padding 35px, logo 0.65 × 110px = 72px);
   live (BP 12) used fixed brand heights 70/100/110 and a logo of 65 % of the brand */
.navbar-mainnavigation{
    padding-top: 0;
    padding-bottom: 0;
}
.navbar-mainnavigation .navbar-brand{
    height: 70px;
    margin-right: 40px;
}
.navbar-mainnavigation .navbar-brand-image{
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar-mainnavigation .navbar-brand-image img{
    max-height: 40px;
}
@media (min-width: 992px){
    .navbar-mainnavigation .navbar-brand{ height: 100px; }
    .navbar-mainnavigation .navbar-brand-image img{ max-height: 65%; }
}
@media (min-width: 1200px){
    .navbar-mainnavigation .navbar-brand{ height: 110px; }
}

/* mobile: basesite 14 keeps the hero h1 at 3rem (live 2rem); the 1.75rem card title above must not apply on mobile */
@media screen and (max-width: 768px){
    body .carousel .carousel-item .carousel-text h1, body .carousel .carousel-item .carousel-text .h1{
        font-size: 2rem !important;
    }
    .card-group-element.card-layout-2 .card-title{
        font-size: 1.25rem;
    }
}

/* cards: live items had 10px side padding and no gap (card 411px in a 3-column row); 14 uses gap 16px, no padding */
.card-group-element-item{
    padding-left: 10px;
    padding-right: 10px;
}
.card-group-element{
    gap: 0;
}