/* Custom CSS for Kaias – delaware-eagle theme */

.hidden {
 display: none;
}

.rating__measures {
    display: flex;
    align-self: center;
}

.categories__list {
    display: grid;
    gap: .25rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 640px) {
    .categories__list {
        gap:.75rem
    }
}

@media (min-width: 768px) {
    .categories__list {
        gap:.75rem;
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

/* Also page (added to cart page) */
.also-page__text-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.also-page__btn-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
}

.also-page__recommendations {
    margin-top: 2rem;
}

.also-page__recommendations h2 {
    margin-bottom: 1.5rem;
}

/* Price labels - Vejl. pris / Din pris */
.price--onsale {
    flex-direction: column;
    align-items: flex-start;
}

.order-summary-products .price--onsale,
.basket-products__list .price--onsale,
.product-card-list--lg .price--onsale {
    align-items: flex-end;
}

.order-summary-products .price__per-unit,
.basket-products__list .price__per-unit,
.product-card-list--lg .price__per-unit {
    text-align: right;
}

.price--onsale .price__previous {
    text-decoration: none;
}

.price__label {
    margin-right: 0.2rem;
}

.price__label--vejl {
    font-style: italic;
    font-weight: 400;
}

.price__label--din {
    font-weight: 700;
}

.product-view__recipe-price small {
    text-decoration: none;
}

/* Centreret menubar på computer (2026-10-30) */
@media (min-width: 1024px) {
    .main-nav__list {
        justify-content: center;
    }
}

/* Mindre luft under menuen: forside, kurv og tekstsider (2026-10-30) */
header + .section--category-list {
    padding-top: 24px;
    padding-bottom: 32px;
}

header + .section--category-list .categories,
header + .section--category-list .categories__list {
    margin-top: 0;
    margin-bottom: 0;
}

/* Mindre luft mellem sektionerne på forsiden (2026-10-30) */
header + .section--category-list ~ .section {
    padding-top: 32px;
    padding-bottom: 32px;
}

.section--basket {
    padding-top: 24px;
}

@media (min-width: 768px) {
    .section--archive-top {
        padding-top: 8px;
    }
}

/* Større logo på computer, headerens højde er uændret (2026-10-30) */
@media (min-width: 1024px) {
    .brandbar__logo {
        height: 68px;
        max-height: 68px;
        margin-top: -6px;
        margin-bottom: -6px;
    }

    .brandbar__logo img {
        height: 68px;
    }
}

/* Sidetal bryder over flere linjer, så siden ikke bliver for bred på mobil (2026-10-30) */
.pagination {
    flex-wrap: wrap;
}

/* Skjuler "Spara x %" på produkter (2026-11-02) */
.badge--onsale {
    display: none;
}