/* =============================
   ARKIV – RYDDET OG TEMATISK
   ============================= */

/* =========================================================
   1. GENERELT LAYOUT
   ========================================================= */
.woocommerce.archive .woocommerce-products-header {margin-bottom: 20px;}
.woocommerce.archive .page-title {margin-top: 0;margin-bottom: 10px;}
.woocommerce.archive .term-description {margin-bottom: 20px;}
.woocommerce.archive nav.woocommerce-pagination {margin-top: 24px;}

/* =========================================================
   2. PRODUKTGRID
   ========================================================= */
.woocommerce.archive ul.products {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;margin: 0;padding: 0;list-style: none;}
.woocommerce.archive ul.products::before, .woocommerce.archive ul.products::after {display: none;content: none;}
.woocommerce.archive .woocommerce .products ul::before, .woocommerce.archive .woocommerce ul.products::after, .woocommerce.archive .woocommerce ul.products::before {display: grid;content: none;}

/* =========================================================
   3. PRODUKTKORT
   ========================================================= */
.woocommerce.archive ul.products li.product {display: flex;flex-direction: column;text-align: center;float: none;margin: 0;padding: 25px;position: relative;width: auto;border-radius: 10px;box-shadow: 0 4px 10px rgba(15,23,42,0.06);border: 1px solid #e2e2e2;background: #fff;}
.woocommerce.archive ul.products li.product a {text-decoration: none;}
.woocommerce.archive ul.products li.product img {border-radius: 10px;}
.woocommerce.archive ul.products li.product .woocommerce-loop-product__title, .woocommerce.archive ul.products li.product .woocommerce-loop-category__title, .woocommerce.archive ul.products li.product h2, .woocommerce.archive ul.products li.product h3 {color: #333;font-size: 20px;line-height: 24px;}
.woocommerce.archive ul.products li.product .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {font-size: 14px !important;line-height: 18px;margin-top: auto;}

/* =========================================================
   4. PRISER
   ========================================================= */
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {color: var(--para-color-primary);font-size: 24px;}
.para-rental-price-unit {font-size: 13px;}
.woocommerce ul.products li.product .price {font-size: 22px;font-weight: 500;text-transform: uppercase;margin-bottom: 20px;}
.woocommerce ul.products li.product .price ins {display: block;font-weight: 500;text-decoration: none;}
.woocommerce ul.products li.product .price del {font-size: 15px;color: #777;}
.woocommerce-Price-currencySymbol {font-size: 12px;margin-right: 5px;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {color: var(--para-color-primary) !important;}

/* =========================================================
   5. SALGSBADGE
   ========================================================= */
.woocommerce span.onsale {font-weight: 500;font-size: 15px;background: var(--para-color-primary) !important;box-shadow: 0px 4px 20px -6px #222;border-radius: 50%;width: 75px;height: 75px;display: flex;align-items: center;justify-content: center;color: #fff !important;border: none !important;padding: 0 !important;}

/* =========================================================
   6. RESULTATTELLER
   ========================================================= */
.woocommerce .woocommerce-result-count {margin: 0;background: #ddd;color: #333;padding: 12px 16px;border-radius: 10px;}

/* =========================================================
   7. SORTERING / ORDERING
   ========================================================= */
.woocommerce.archive form.woocommerce-ordering {position: relative;display: inline-block;}
.woocommerce.archive form.woocommerce-ordering select {appearance: none;-webkit-appearance: none;-moz-appearance: none;background: #fff;border: 1px solid #e2e2e2;border-radius: 10px;padding: 12px 44px 12px 16px;box-shadow: 0 4px 10px rgba(15,23,42,0.06);font-size: 16px;line-height: 1.2;cursor: pointer;}
.woocommerce.archive form.woocommerce-ordering::after {content: "";position: absolute;right: 16px;top: 50%;width: 10px;height: 10px;border-right: 2px solid #333;border-bottom: 2px solid #333;transform: translateY(-70%) rotate(45deg);pointer-events: none;}

/* =========================================================
   8. RESPONSIVE
   ========================================================= */
@media (max-width: 900px) {
.woocommerce.archive ul.products {grid-template-columns: 1fr 1fr;}
.woocommerce.archive ul.products li.product {padding: 20px;}
.woocommerce.archive ul.products li.product .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {font-size: 12px !important;line-height: 16px;}
.woocommerce.archive ul.products[class*="columns-"] li.product, .woocommerce-page.archive ul.products[class*="columns-"] li.product {width: auto !important;margin: 0 !important;}
.woocommerce.archive ul.products li.product .woocommerce-loop-product__title, .woocommerce.archive ul.products li.product .woocommerce-loop-category__title, .woocommerce.archive ul.products li.product h2, .woocommerce.archive ul.products li.product h3 {color: #333;font-size: 17px;line-height: 22px;}
}

@media (max-width: 480px) {
.woocommerce.archive ul.products {grid-template-columns: 1fr;}
.woocommerce.archive ul.products li.product .woocommerce-loop-product__title, .woocommerce.archive ul.products li.product .woocommerce-loop-category__title, .woocommerce.archive ul.products li.product h2, .woocommerce.archive ul.products li.product h3 {color: #333;font-size: 20px;line-height: 24px;}
.woocommerce.archive form.woocommerce-ordering, .woocommerce.archive form.woocommerce-ordering select {width: 100%;}
.woocommerce .woocommerce-result-count {width: 100%;margin-bottom: 10px;box-sizing: border-box;}
}