/* Felles statuskort */
.woodelivery-status-card {
    font-family: Arial, sans-serif;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    text-align: center;
}

/* Åpen status */
.woodelivery-status-card.open {
    background-color: #d4edda; /* Lys grønn */
    color: #155724; /* Mørk grønn */
    border-color: #c3e6cb;
}

/* Stengt, men åpner senere */
.woodelivery-status-card.soon {
    background-color: #cce5ff; /* Lys blå */
    color: #004085; /* Mørk blå */
    border-color: #b8daff;
}

/* Helt stengt */
.woodelivery-status-card.closed {
    background-color: #f8d7da; /* Lys rød */
    color: #721c24; /* Mørk rød */
    border-color: #f5c6cb;
}

/* Tekststil */
.woodelivery-status-card p {
    font-size: 16px;
    margin: 5px 0;
    line-height: 1.5;
}

.woodelivery-status-card p strong {
    font-weight: bold;
}

.woodelivery-cart-message {
    font-family: Arial, sans-serif;
    padding: 15px;
    border-radius: 8px;
    margin: 0;
    text-align: center; /* Sentraliser teksten */
    border: 1px solid #ddd;
}

/* Juster tekststil */
.woodelivery-cart-message p {
    font-size: 16px;
    margin: 5px 0; /* Reduser margin mellom linjer */
    line-height: 1.4; /* Optimaliser linjehøyde */
}

/* Farger for meldinger */
.woodelivery-cart-message.closed {
    background-color: #f8d7da; /* Lys rød */
    color: #721c24; /* Mørk rød */
    border-color: #f5c6cb;
}

.woodelivery-cart-message.special-hours {
    background-color: #cce5ff; /* Lys blå */
    color: #004085; /* Mørk blå */
    border-color: #b8daff;
}

.woodelivery-cart-message.opening-later {
    background-color: #fff3cd; /* Lys gul */
    color: #856404; /* Mørk gul */
    border-color: #ffeeba;
}

.woodelivery-cart-message.fallback-open {
    background-color: #d4edda; /* Lys grønn */
    color: #155724; /* Mørk grønn */
    border-color: #c3e6cb;
}

.woodelivery-cart-message.fallback-default {
    background-color: #e2e3e5; /* Lys grå */
    color: #383d41; /* Mørk grå */
    border-color: #d6d8db;
}

.woodelivery-message {
    background-color: #fff4e5;
    color: #6b4226;
    padding: 15px;
    border: 1px solid #ffd9b3;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    margin: 20px 0;
}
/* General styling for Woodelivery sections */
.woodelivery-status-card,
.woodelivery-hours {
    background-color: #f0f8ff; /* Baby light blue */
    padding: 20px;
    border-radius: 10px;
    text-align: center; /* Center content */
    margin: 20px auto; /* Center the card */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 300px;
}

/* Title Styling */
.woodelivery-status-card h3,
.woodelivery-hours h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
}

/* Paragraph Styling */
.woodelivery-status-card p,
.woodelivery-hours ul {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

/* Day and Time List Styling */
.woodelivery-hours ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.woodelivery-hours li {
    margin-bottom: 5px;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px; /* Add padding for better spacing */
    border-radius: 5px; /* Round corners for the active day */
}

/* Background colors for active days */
.woodelivery-hours li.open {
    background-color: #d4edda; /* Light green */
    color: #155724; /* Dark green text */
}

.woodelivery-hours li.closed {
    background-color: #f8d7da; /* Light red */
    color: #721c24; /* Dark red text */
}

.woodelivery-hours li.soon {
    background-color: #fff3cd; /* Light yellow */
    color: #856404; /* Dark yellow text */
}

/* Ensure consistent alignment for times */
.woodelivery-hours li strong {
    flex: 0 0 120px; /* Fixed width for day labels */
    text-align: left;
}

.woodelivery-hours li span {
    flex: 1; /* Ensure alignment of times */
}
/* Generell styling for footer-contact-box */
.footer-contact-box {
    width: 300px; /* Fast bredde på 300px */
    text-align: center; /* Senterjusterer alt innhold */
    font-family: Arial, sans-serif; /* Velger en lesbart skrifttype */
    padding: 20px; /* Gir litt luft rundt innholdet */
    background-color: #e8f4ff; /* Hvitt bakgrunn (endre til din ønskede farge) */
    border: 1px solid #e0e0e0; /* Lys grå ramme (endre til din ønskede farge) */
    border-radius: 8px; /* Avrundede hjørner for en pen effekt */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Skygge for dybde */
    margin: 0 auto; /* Sentrerer boksen hvis den er i et større område */
}

/* Stil for logoen */
.footer-logo {
    max-width: 150px; /* Setter maks bredde for logoen */
    height: auto; /* Bevarer aspektforholdet */
    margin-bottom: 15px; /* Gir litt avstand under logoen */
}

/* Stil for overskriften */
.footer-contact-box h4 {
    font-size: 18px; /* Størrelse på overskriften */
    font-weight: bold; /* Gjør teksten fet */
    margin: 0 0 10px 0; /* Fjerner standard margin og legger til egen */
    color: #333333; /* Mørk tekstfarge (endre til din ønskede farge) */
}

/* Stil for paragrafer */
.footer-contact-box p {
    font-size: 18px; /* Størrelse på vanlig tekst */
    margin: 5px 0; /* Reduserer margin mellom paragrafer */
    color: #666666; /* Lysere tekstfarge (endre til din ønskede farge) */
}

/* Stil for lenker */
.footer-contact-box a {
    color: #0073aa; /* Blå farge for lenker (endre til din ønskede farge) */
    text-decoration: none; /* Fjerner understrekning */
}

.footer-contact-box a:hover {
    text-decoration: underline; /* Understrekning når brukeren holder musepekeren over lenken */
}


/* På mindre skjermer (mobil) */
@media (max-width: 768px) {
    .footer-contact-box {
        width: 100%; /* Full bredde på små skjermer */
        max-width: 300px; /* Begrenser maks bredde */
    }
    .footer-logo {
        max-width: 120px; /* Mindre logo på små skjermer */
    }
}