/* =============================
   SINGLE PRODUCT – RYDDET OG TEMATISK
   ============================= */

/* =========================================================
   1. GENERELT
   ========================================================= */
body.single-product {}
:focus-visible {outline: none !important;box-shadow: none !important;}

/* =========================================================
   2. 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;}

/* =========================================================
   3. FØLGEPRODUKTER
   ========================================================= */
.wcm-follow-products-notice {background: #f9f9f9;padding: 15px 20px 5px 20px;border-radius: 10px;margin-bottom: 25px;border: 1px solid #ddd;font-size: 15px;}
ul.wcm-follow-products-list {padding-left: 15px !important;margin-bottom: 20px !important;margin-top: 0px;list-style-type: square;}

/* =========================================================
   4. WOOCOMMERCE MELDINGER
   ========================================================= */
.woocommerce-message {border-radius: 10px;box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06);border: 1px solid #e2e2e2;background: #fff;padding: 25px 25px 25px 70px;margin: 0 0 20px;display: flex;flex-direction: row;align-items: center;font-size: 15px;}
.woocommerce-message .button.wc-forward {margin-left: auto;}
.woocommerce-message::before {top: 25px;left: 25px;font-size: 30px;color: #23a41a;}
.woocommerce-error {border-radius: 10px;box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06);border: 1px solid #e2e2e2;padding: 25px 25px 25px 70px;background: #fff;margin-bottom: 20px;font-size: 15px;}
.woocommerce-error::before {top: 25px;left: 25px;font-size: 30px;}
ul.woocommerce-error li {display: flex;align-items: center;gap: 12px;flex-wrap: wrap;}
ul.woocommerce-error li .button.wc-forward {float:none;margin-left: auto;}

@media (max-width: 740px) {
.woocommerce-message::before, .woocommerce-error::before  {display: none;}
.woocommerce-message, .woocommerce-error {padding: 20px;font-size:14px;}
.woocommerce-message {flex-direction:column;text-align:center;}
.woocommerce-message .button.wc-forward {font-size: 12px;min-width: 100px;text-align: center;margin-top:15px;margin-left:0;}
ul.woocommerce-error li .button.wc-forward {font-size: 12px;min-width: 100px;text-align: center;margin-left:0;}
ul.woocommerce-error li {justify-content: center;text-align: center;}
}

/* =========================================================
   5. HOVEDLAYOUT – PRODUKTSIDE
   ========================================================= */
.woocommerce div.product {display: grid;grid-template-columns: minmax(0, 35%) minmax(0, 65%);gap: 20px;}
.woocommerce div.product .woocommerce-product-gallery {grid-column: 1 / 2;min-width: 0;}
.woocommerce div.product div.images {margin-bottom: 0px;}
.woocommerce div.product .summary {grid-column: 2 / 3;min-width: 0;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width: auto;clear: none;border-radius: 10px;box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06);border: 1px solid #e2e2e2;padding: 25px;background: #fff;margin-bottom: 0px;}
.summary.entry-summary {display: flex;flex-direction: column;}
.summary.entry-summary h1 {color: #333;font-size: 26px;margin-bottom: 0;line-height: 28px;}
.summary.entry-summary .price {margin: 10px 0;}
.woocommerce div.product form.cart {margin-bottom: 20px;}
.woocommerce div.product .woocommerce-tabs {grid-column: 1 / -1;min-width: 0;}
.woocommerce div.product .related.products {grid-column: 1 / -1;min-width: 0;}

@media (max-width: 740px) {
.woocommerce div.product {grid-template-columns:1fr;}
}


/* =========================================================
   6. TABS
   ========================================================= */
.woocommerce div.product .woocommerce-tabs .panel {margin-bottom: 0px;border-radius: 10px;box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06);border: 1px solid #e2e2e2;background: #fff;padding: 25px 25px 25px;}
.woocommerce div.product .woocommerce-tabs ul.tabs {margin: 0 0 0;padding: 0 15px 0 15px;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {border-bottom: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {background-color: #e5e5e5;border: none;margin: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {background-color: var(--para-color-primary) !important;color: #fff;border: none !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {box-shadow: none;left: 0;border-bottom-right-radius: 0px;border-width: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {box-shadow: none;right: 0;border-bottom-left-radius: 0;border-width: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {box-shadow: none;left: 0;border-bottom-right-radius: 0px;border-width: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {right: 0px;border-bottom-left-radius: 0px;border-width: 0;box-shadow: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {font-size: 14px;}
.woocommerce div.product .woocommerce-tabs h2 {margin-top: 0;}
.para-product-video-tab video {max-height: 600px;}
#tab-description h2 {display: none;}
#tab-description p {margin: 0;}
.para-product-data-value a {text-decoration: none;color: #222;background: #fff;border:1px solid #ddd;padding: 8px 12px;border-radius: 4px;font-size: 12px;font-weight: 600;}
.para-product-data-value a:hover {background: #ddd;}


@media (max-width: 480px) {
.woocommerce div.product .woocommerce-tabs ul.tabs {padding: 0 10px 0 10px;font-size: 13px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {padding: 0 10px;}
}

/* =========================================================
   7. PRODUKTBILDE / GALLERI
   ========================================================= */
.single-product .woocommerce #content div.product div.images, .single-product .woocommerce div.product div.images, .single-product .woocommerce-page #content div.product div.images, .single-product .woocommerce-page div.product div.images {float: none !important;width: 100% !important;max-width: 100% !important;margin: 0 !important;display: block !important;height: auto !important;}
.single-product .woocommerce #content div.product div.summary, .single-product .woocommerce div.product div.summary, .single-product .woocommerce-page #content div.product div.summary, .single-product .woocommerce-page div.product div.summary {float: none !important;width: 100% !important;max-width: 100% !important;margin: 0 !important;}
.single-product .woocommerce div.product .woocommerce-product-gallery {grid-column: 1 / 2;min-width: 0;width: 100%;max-width: 100%;margin: 0;height: auto;display: block;}
.single-product .woocommerce div.product .summary {grid-column: 2 / 3;min-width: 0;}
.single-product .woocommerce div.product .woocommerce-tabs, .single-product .woocommerce div.product .related.products {grid-column: 1 / -1;min-width: 0;}
.single-product .woocommerce-product-gallery {display: block;width: 100%;max-width: 100%;height: auto;margin: 0;}
.single-product .woocommerce-product-gallery.images {border: 0;background: transparent;box-shadow: none;}
.single-product .woocommerce-product-gallery .flex-viewport {width: 100%;height: auto;min-height: 0;border-radius: 10px;box-shadow: 0 4px 10px rgba(15,23,42,0.06);border: 1px solid #e2e2e2;background: #fff;overflow: hidden;}
.single-product .woocommerce-product-gallery__wrapper, .single-product .woocommerce-product-gallery__image, .single-product .woocommerce-product-gallery__image a {height: auto;display: block;}
.single-product .woocommerce-product-gallery__image img, .single-product .woocommerce-product-gallery__image a img, .single-product .woocommerce-product-gallery__wrapper .wp-post-image {display: block;height: auto;max-width: 100%;object-fit: contain;border-radius: 10px;}
.single-product .woocommerce-product-gallery:not(:has(.flex-control-thumbs)) .woocommerce-product-gallery__wrapper {padding: 16px;border-radius: 10px;box-shadow: 0 4px 10px rgba(15,23,42,0.06);border: 1px solid #e2e2e2;background: #fff;overflow: hidden;padding:20px !important;}
.single-product .woocommerce-product-gallery .flex-control-thumbs {width: 100%;display: grid !important;grid-template-columns: repeat(4,1fr);gap: 12px;margin: 16px 0 0 0 !important;padding: 25px !important;list-style: none;border-radius: 10px;box-shadow: 0 4px 10px rgba(15,23,42,0.06);border: 1px solid #e2e2e2;background: #fff;}
.single-product .woocommerce-product-gallery .flex-control-thumbs li {width: 100% !important;margin: 0 !important;float: none !important;}
.single-product .woocommerce-product-gallery .flex-control-thumbs img {width: 100%;height: auto;border-radius: 8px;cursor: pointer;}
.single-product .woocommerce-product-gallery__trigger {background: #efefef;}
.single-product .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: auto;}

/* =========================================================
   8. UTLEIEPRODUKTER / META-BOKS
   ========================================================= */
.single-product .para-rental-meta-box {width: auto;clear: none;border-radius: 10px;box-shadow: 0 4px 10px rgba(15,23,42,0.06);border: 1px solid #e2e2e2;padding: 25px;background: #fff;margin: 0;align-self: start;}
.single-product .para-rental-meta-box-clone {display: flex;flex-direction: column;}
.single-product #para-rental-meta-placeholder .para-rental-meta-box {margin-top: 0;}

@media (min-width: 769px) {
.single-product .para-rental-left-stack {grid-column: 1 / 2;display: flex;flex-direction: column;gap: 16px;min-width: 0;align-self: start;}
.single-product .para-rental-left-stack .woocommerce-product-gallery {width: 100%;margin: 0;}
.single-product .para-rental-meta-desktop-slot {display: block;width: 100%;}
.single-product #para-rental-meta-placeholder {display: none;}
}

@media (max-width: 768px) {
.single-product .woocommerce div.product {grid-template-columns: 1fr !important;gap: 20px;align-items: start;}
.single-product .woocommerce div.product .woocommerce-product-gallery, .single-product .woocommerce div.product div.images, .single-product .woocommerce div.product .summary, .single-product .woocommerce div.product .woocommerce-tabs, .single-product .woocommerce div.product .related.products, .single-product .para-rental-left-stack, .single-product #para-rental-meta-placeholder {grid-column: 1 / -1 !important;width: 100% !important;max-width: 100% !important;min-width: 0 !important;}
.single-product .para-rental-left-stack {display: block !important;}
.single-product .para-rental-meta-desktop-slot {display: none !important;}
.single-product #para-rental-meta-placeholder {display: block !important;}
.woocommerce div.product .summary {grid-column: 1 / -1;}
}

/* =========================================================
   9. RELATERTE PRODUKTER
   ========================================================= */
.related.products h2 {margin-top: 0;margin-bottom: 10px;}
.related.products li {text-align: center;}
.related.products .products.columns-4 {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;margin: 0;}
.related.products .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {font-size: 14px !important;line-height: 18px;}
.related.products .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {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;}
.related.products .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {display: grid;content: none;}
.related.products .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {color: #333;}
.related.products .woocommerce-loop-product__title {font-size: 20px !important;line-height:26px !important;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {color: var(--para-color-primary) !important;}

@media (max-width: 740px) {
.related.products .products.columns-4 {grid-template-columns: 1fr 1fr;}
.related.products .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {padding: 20px;}
.related.products .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {font-size: 12px !important;line-height: 16px;}
.related.products .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {width: auto !important;margin: 0 !important;}
}

@media (max-width: 480px) {
.related.products .products.columns-4 {grid-template-columns: 1fr;}
}

/* =========================================================
   10. KORT BESKRIVELSE
   ========================================================= */
.woocommerce-product-details__short-description {font-size: 15px;margin-bottom: 20px;}

/* =========================================================
   11. CUSTOM TAB
   ========================================================= */
.para-custom-product-tab-file-link {background: #efefef;padding: 8px 16px;font-size: 14px;color: #333;text-decoration: none !important;font-weight: 500;}
.para-custom-product-tab-divider {border-bottom: 1px dotted #c5c5c5;margin-bottom: 20px;margin-top: 15px;}

/* =========================================================
   12. 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) !important;font-size: 28px;font-weight:600;}
para-rental-product-price .woocommerce-Price-amount.amount {font-size: 28px;font-weight: 700;}
.woocommerce ul.products li.product .price {margin-top: 10px;font-size: 18px;font-weight: 500;text-transform: uppercase;}
.woocommerce ul.products li.product .price ins {display: block;font-weight: 500;}
.woocommerce ul.products li.product .price del {font-size: 15px;color: #777;}
.woocommerce-Price-currencySymbol {font-size: 12px;margin-right: 5px;}
small {font-size: 60% !important;font-weight: 400;color: #333;}
.woocommerce ins, .woocommerce ins span {text-decoration: none !important;}
.para-rental-product-price {color: #fff;background: var(--para-color-primary) !important;padding: 4px 16px;border-radius: 6px;}
.summary.entry-summary .para-rental-product-price {background: none;color: var(--para-color-primary) !important;padding: 0;}

/* =========================================================
   13. KNAPPER OG QUANTITY
   ========================================================= */
body.woocommerce .button.alt, .woocommerce-page .button.alt, .woocommerce .button.alt {background-color: var(--para-color-primary) !important;border-radius: 4px !important;font-family: roboto;font-size: 16px !important;padding: 11px 18px !important;letter-spacing:0.3px;font-weight:700 !important}
.woocommerce div.product form.cart div.quantity {margin: 0 15px 0 0;height: 35px;}
.woocommerce .quantity {display: inline-flex;align-items: stretch;border: 1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius: 4px;overflow: hidden;width: 104px;}
.woocommerce .quantity .qty {min-width: 40px;border: 0;text-align: center;font-weight: 600;outline: none;box-sizing: border-box;font-family: roboto;font-size: .9em;padding: .4em 0;}
.woocommerce .quantity button.qty-btn {border: 0;width: 35px;cursor: pointer;font-size: .9em;line-height: 1;background: transparent;-webkit-appearance: none;appearance: none;}
.woocommerce .quantity button.qty-btn:active {transform: translateY(1px);}
.woocommerce .quantity .qty::-webkit-outer-spin-button, .woocommerce .quantity .qty::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.woocommerce .quantity .qty[type="number"] {-moz-appearance: textfield;}

/* =========================================================
   14. LAGERSTATUS
   ========================================================= */
.woocommerce div.product p.stock {font-size: 15px;color: #333;font-weight: 700;}

/* =========================================================
   15. PRODUKT META / CHIPS
   ========================================================= */
.product_meta {display: flex;flex-direction: column;gap: 14px;margin-top: auto;}
.product_meta > span {display: flex !important;flex-wrap: wrap !important;align-items: flex-start !important;font-size: 0 !important;line-height: 0 !important;}
.product_meta > span::before {content: "";flex: 0 0 100%;font-size: 11.5px;line-height: 1.2;opacity: .75;font-weight: 600;letter-spacing: 0.4px;margin-bottom: 6px;}
.product_meta > span.posted_in:first-of-type::before {content: "Kategori:";}
.product_meta > span.tagged_as::before {content: "Stikkord:" !important;}
.product_meta > span.posted_in:last-of-type::before {content: "Kategori:";}
.product_meta > span a {font-size: 12px;line-height: 1.4;display: inline-flex;width: auto;flex: 0 0 auto;color: var(--para-color-primary) !important;border: 1px solid var(--para-color-primary) !important;padding: 4px 10px;border-radius: 4px;margin: 0 6px 6px 0;text-decoration: none;}
.product_meta > span a:hover {background: var(--para-color-primary) !important;color: #fff !important;}