/* ===== HEADER / MENY ===== */
.container-header, .container-header .container-nav {
    background: #FF7F00 !important;
}
.mod-menu > li > a {
    color: #ffffff !important;
    font-weight: 600;
    transition: 0.2s;
}
.mod-menu > li > a:hover {
    color: #ffd27a !important;
}

/* ===== TYPOGRAFI ===== */
body {
    font-family: 'Roboto', sans-serif;
    color: #333;
}

/* ===== LUFT I SEKTIONER ===== */
.container-component {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* ===== FOOTER ===== */
footer, .site-footer {
    background: #111;
    color: #aaa;
    padding: 20px 0;
}
footer a, .site-footer a {
    color: #ff4d00;
}
.custom-footer {
    background: #111 !important;
    color: #aaa !important;
    text-align: center;
    padding: 20px 0;
    font-size: 14px;
}

.custom-footer a {
    color: #ff4d00 !important;
    text-decoration: none;
/* 1️⃣ Bakgrund på body – alltid bakom allt */
body {
    background: url("/images/sampledata/HARLEY_BACKjpg2.gif") no-repeat center center fixed;
    background-size: cover;   /* täcker hela skärmen proportionerligt */
}

/* 2️⃣ Gör Cassiopeias grid transparent */
.site-grid {
    background: transparent;
}

/* 3️⃣ Se till att wrapper-element inte blockerar bakgrunden */
.container,
.container-fluid,
.wrapper {
    background: transparent;
}

/* 4️⃣ Extra – scrollning ser snygg ut */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}}

.custom-footer a:hover {
    text-decoration: underline;
/* ===== BAKGRUNDSBILD PÅ HELA SIDAN ===== */