/* =========================================
   CATER FOOD – FÆLLES HEADER
   ========================================= */

/* Headerens bredde og placering */
.cf-site .site-header > .row {
    width: calc(100% - 2 * clamp(24px, 5vw, 85px)) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Logo tilpasser sig skærmbredden */
.cf-site .site-header-logo img {
    width: clamp(135px, 12vw, 190px) !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Navigation */
.cf-site .top-navigation {
    padding-top: 0 !important;
}

/* Tablet */
@media (max-width: 1100px) {
    .cf-site .site-header > .row {
        width: calc(100% - 64px) !important;
    }
}

/* Mobil */
@media (max-width: 800px) {
    .cf-site .site-header > .row {
        width: calc(100% - 40px) !important;
    }

    .cf-site .site-header-logo img {
        width: 145px !important;
    }
}
/* =========================================
   CATER FOOD – MOBILMENU
   ========================================= */

/* Menuens baggrund og tekstfarve */
.cf-site .mobile-nav-wrapper {
    background: #F7F3EE !important;
    color: #261914 !important;
}

/* Menupunkter */
.cf-site .mobile-nav-item > a {
    color: #261914 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    letter-spacing: -0.3px;
    text-decoration: none !important;
}

/* Undermenupunkter */
.cf-site .subMobLevel a {
    color: #735645 !important;
}

/* Kontaktinformation */
.cf-site .mobile-nav-wrapper .nav-content-item,
.cf-site .mobile-nav-wrapper .nav-content-item h3,
.cf-site .mobile-nav-wrapper .nav-content-item a {
    color: #261914 !important;
}

/* Diskret opdeling */
.cf-site .mobile-nav-wrapper hr.split {
    border-color: rgba(38, 25, 20, 0.18) !important;
}
 /* =========================================
   CATER FOOD – BURGERIKON
   ========================================= */

/* Standard: mørkt ikon på lyse sider */
.cf-site #nav-icon span {
    background-color: #261914 !important;
}

/* Når menuen er åben, skal krydset være mørkt */
.cf-site #nav-icon.open span {
    background-color: #261914 !important;
}  
/* CATER FOOD – MOBIL HEADER ALIGNMENT */

@media (max-width: 800px) {

    .cf-site #nav-icon {
        top: 25px !important;
        right: 20px !important;
        transform: none !important;
    }

}