/* ========================= HANDLEKURV – KLASSISK LAYOUT ========================= */ /* Sørger for forutsigbar breddeberegning i handlekurv */ body.woocommerce-cart .woocommerce * {box-sizing: border-box;} /* Handlekurv-wrapper skal ikke lage horisontal overflow */ body.woocommerce-cart .woocommerce {max-width: 100%;} /* Handlekurvskjema skal ta full bredde øverst */ body.woocommerce-cart .woocommerce-cart-form {width: 100%;max-width: none;margin: 20px 0 0;} /* Cart collaterals ligger under tabellen og justeres mot høyre */ body.woocommerce-cart .cart-collaterals {width: 100%;display: flex;justify-content: flex-end;margin-top: 20px;} /* Sum/frakt-boksen ligger til høyre under handlekurven */ body.woocommerce-cart .cart-collaterals .cart_totals {float: none;width: 100%;max-width: 520px;margin: 0;} /* Cross-sells skjules i dette layoutet */ body.woocommerce-cart .cart-collaterals .cross-sells {display: none;} /* Currency */ body.woocommerce-cart .woocommerce-Price-currencySymbol {margin-right: 5px;} /* ========================= HANDLEKURV – KORT / BOKSER ========================= */ /* Felles kortstil for handlekurvtabell og totalsum */ body.woocommerce-cart .woocommerce-cart-form, body.woocommerce-cart .cart_totals {box-shadow: 0 4px 10px rgba(15,23,42,0.06);padding: 25px;border: 1px solid #e2e2e2;border-radius: 10px;background: #fff;} /* Fjerner dobbel kortfølelse fra WooCommerce-tabell inne i skjemaet */ body.woocommerce-cart .woocommerce-cart-form table.shop_table {width: 100%;margin: 0;border: 0;border-radius: 0;background: transparent;box-shadow: none;} /* Totals-tabellen fyller totalskortet */ body.woocommerce-cart .cart_totals table.shop_table {width: 100%;margin: 0;border: 1px solid #ddd;border-radius: 10px !important;background: #fff;overflow: hidden;} /* ========================= HANDLEKURV – TEKST OG OVERSKRIFTER ========================= */ /* Heading i totalsum */ body.woocommerce-cart .cart_totals h2 {margin: 0 0 18px;font-size: 20px;line-height: 1.25;font-weight: 600;color: #111827;} /* Generell tekst i handlekurv */ body.woocommerce-cart .woocommerce-cart-form p, body.woocommerce-cart .cart_totals p {margin-bottom: 10px;} /* Produktnavn */ body.woocommerce-cart table.cart td.product-name a {font-size: 14px;line-height: 1.35;font-weight: 600;color: #111827;text-decoration: none;} /* Produktnavn hover */ body.woocommerce-cart table.cart td.product-name a:hover {color: var(--para-color-primary);} /* ========================= HANDLEKURV – PRODUKTTABELL ========================= */ /* Tabellheader */ body.woocommerce-cart table.cart thead th {padding: 0 20px 15px;border: 0;border-bottom: 1px solid #ddd;background: transparent;color: #111827;font-size: 12px;line-height: 1.3;font-weight: 700;text-transform: uppercase;} /* Tabellceller */ body.woocommerce-cart table.cart td {padding: 16px 20px;border-top: 0;border-bottom: 1px dotted #bbb;vertical-align: middle;background: transparent;color: #111827;font-size: 13px;line-height: 1.4;border-left: 0;border-right: 0;} /* Siste produktrad får solid skille før actions */ body.woocommerce-cart table.cart tbody tr.cart_item:last-of-type td {border-bottom: 1px solid #ddd;} /* Produktkolonne venstrejusteres */ body.woocommerce-cart table.cart th.product-name, body.woocommerce-cart table.cart td.product-name {width: auto;text-align: left;} /* Priskolonne høyrejusteres */ body.woocommerce-cart table.cart th.product-price, body.woocommerce-cart table.cart td.product-price {text-align: right;white-space: nowrap;} /* Antallskolonne midtstilles */ body.woocommerce-cart table.cart th.product-quantity, body.woocommerce-cart table.cart td.product-quantity {text-align: center;white-space: nowrap;} /* Delsumkolonne høyrejusteres */ body.woocommerce-cart table.cart th.product-subtotal, body.woocommerce-cart table.cart td.product-subtotal {text-align: right;white-space: nowrap;} /* Remove-kolonne med mer luft mot høyre */ body.woocommerce-cart table.cart th.product-remove, body.woocommerce-cart table.cart td.product-remove {width: 56px;padding-left: 0;padding-right: 22px;text-align: center;} /* Thumbnail-kolonne */ body.woocommerce-cart table.cart th.product-thumbnail, body.woocommerce-cart table.cart td.product-thumbnail {width: 72px;padding-left: 0;padding-right: 10px;text-align: left;} /* Produktbilde */ body.woocommerce-cart table.cart img {display: block;width: 56px;height: 56px;object-fit: cover;border: 1px solid #ddd;border-radius: 6px;background: #fff;} /* Produktpris */ body.woocommerce-cart table.cart td.product-price {color: #374151;font-size: 12px;} /* Produkt-subtotal */ body.woocommerce-cart table.cart td.product-subtotal {color: #111827;font-size: 13px;font-weight: 700;} /* WooCommerce responsive striping fjernes */ body.woocommerce-cart .woocommerce table.shop_table_responsive tr:nth-child(2n) td, body.woocommerce-cart.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {background: transparent;} /* ========================= HANDLEKURV – FJERN PRODUKT ========================= */ /* Remove-link nullstilles */ body.woocommerce-cart table.cart a.remove {display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;margin: 0 auto;border: 1px solid #ddd;border-radius: 999px;background: #fff;color: transparent !important;font-size: 0;line-height: 1;text-decoration: none;} /* Remove-ikon */ body.woocommerce-cart table.cart a.remove::before {content: "×";display: inline-flex;align-items: center;justify-content: center;color: #999;font-size: 22px;font-weight: 400;line-height: 1;} /* Remove hover */ body.woocommerce-cart table.cart a.remove:hover {background: #f9f9f9;border-color: #bbb;color: transparent !important;} /* Remove hover ikon */ body.woocommerce-cart table.cart a.remove:hover::before {color: #cc1818;} /* ========================= HANDLEKURV – ANTALL / QUANTITY ========================= */ /* Quantity-wrapper midtstilles i antallskolonnen */ body.woocommerce-cart table.cart td.product-quantity .quantity {display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 8px !important;margin: 0 auto !important;} /* Quantity-input uten Chrome/Safari spinner */ body.woocommerce-cart table.cart input.qty::-webkit-outer-spin-button, body.woocommerce-cart table.cart input.qty::-webkit-inner-spin-button {-webkit-appearance: none !important;margin: 0 !important;} /* Quantity-input uten Firefox spinner */ body.woocommerce-cart table.cart input.qty {-moz-appearance: textfield !important;} /* Quantity-input ren stil */ body.woocommerce-cart table.cart .quantity input.qty {width: 46px !important;height: 38px !important;min-height: 38px !important;padding: 0 6px !important;border: 1px solid #ddd !important;border-radius: 4px !important;background: #fff !important;color: #111827 !important;font-size: 13px !important;font-weight: 500 !important;text-align: center !important;box-shadow: none !important;} /* Quantity-input focus */ body.woocommerce-cart table.cart .quantity input.qty:focus {outline: none !important;border-color: #bbb !important;box-shadow: none !important;} /* Minus/pluss-knapper */ body.woocommerce-cart table.cart .qty-btn, body.woocommerce-cart table.cart button.qty-btn {display: inline-flex !important;align-items: center !important;justify-content: center !important;width: 32px !important;height: 32px !important;min-width: 32px !important;min-height: 32px !important;padding: 0 !important;border: 1px solid #ddd !important;border-radius: 999px !important;background: #fff !important;color: #111827 !important;font-size: 16px !important;font-weight: 400 !important;line-height: 1 !important;cursor: pointer !important;box-shadow: none !important;} /* Minus/pluss hover */ body.woocommerce-cart table.cart .qty-btn:hover, body.woocommerce-cart table.cart button.qty-btn:hover {background: #f5f5f5 !important;border-color: #bbb !important;color: #111827 !important;} /* ========================= HANDLEKURV – KUPONG OG OPPDATERING ========================= */ /* Actions-raden beholdes som WooCommerce-tabellcelle */ body.woocommerce-cart table.cart td.actions {display: table-cell !important;text-align: right !important;padding: 20px 0 0 !important;border: 0 !important;background: transparent !important;} /* Kupong-wrapper ligger til venstre slik klassisk WooCommerce forventer */ body.woocommerce-cart table.cart td.actions .coupon {float: left !important;display: flex !important;align-items: center !important;gap: 10px !important;padding: 0 !important;margin: 0 !important;text-align: left !important;} /* Kupong-label skjules */ body.woocommerce-cart table.cart td.actions .coupon label {display: none !important;} /* Kupong-input */ body.woocommerce-cart table.cart td.actions .coupon .input-text {width: 220px !important;height: 44px !important;min-height: 44px !important;margin: 0 !important;padding: 0 14px !important;border: 1px solid #ddd !important;border-radius: 4px !important;background: #fff !important;color: #111827 !important;font-size: 14px !important;box-shadow: none !important;} /* Kupong-input focus */ body.woocommerce-cart table.cart td.actions .coupon .input-text:focus {outline: none !important;border-color: #bbb !important;box-shadow: none !important;} /* Felles knappestil i actions-raden */ body.woocommerce-cart table.cart td.actions .button {display: inline-flex !important;align-items: center !important;justify-content: center !important;width: auto !important;height: 44px !important;min-height: 44px !important;margin: 0 !important;padding: 0 18px !important;border: 1px solid #ddd !important;border-radius: 4px !important;background: #fff !important;color: #111827 !important;font-size: 14px !important;font-weight: 500 !important;line-height: 1 !important;text-decoration: none !important;white-space: nowrap !important;box-shadow: none !important;} /* Oppdater handlekurv-knappen skal ikke brekke over to linjer */ body.woocommerce-cart table.cart td.actions button[name="update_cart"], body.woocommerce-cart table.cart td.actions .button[name="update_cart"] {min-width: 190px !important;white-space: nowrap !important;} /* Hover for actions-knapper */ body.woocommerce-cart table.cart td.actions .button:hover {background: #f5f5f5 !important;border-color: #bbb !important;color: #111827 !important;} /* Disabled oppdater-knapp */ body.woocommerce-cart table.cart td.actions button[name="update_cart"]:disabled, body.woocommerce-cart table.cart td.actions .button[name="update_cart"]:disabled, body.woocommerce-cart table.cart td.actions button[name="update_cart"][disabled], body.woocommerce-cart table.cart td.actions .button[name="update_cart"][disabled] {opacity: .45 !important;cursor: not-allowed !important;background: #fff !important;color: #6b7280 !important;border-color: #ddd !important;} /* ========================= HANDLEKURV – RENTAL META ========================= */ /* Rental meta-wrapper i produktkolonnen */ body.woocommerce-cart table.cart .para-rental-meta {display: flex !important;flex-direction: column !important;gap: 8px !important;margin-top: 10px !important;color: #374151 !important;font-size: 12px !important;line-height: 16px !important;} /* Rental meta-rad */ body.woocommerce-cart table.cart .para-rental-meta-row {display: flex !important;align-items: flex-start !important;gap: 16px !important;margin-bottom: 8px !important;white-space: normal !important;} /* Rental periode */ body.woocommerce-cart table.cart .para-rental-meta-period {display: block !important;margin-bottom: 8px !important;} /* Rental label */ body.woocommerce-cart table.cart .para-rental-meta-label {color: #222 !important;font-weight: 400 !important;} /* Rental verdi */ body.woocommerce-cart table.cart .para-rental-meta-value {color: #374151 !important;} /* Rental pris høyrejusteres inne i rentalboksen */ body.woocommerce-cart table.cart .para-rental-meta-price {margin-left: auto !important;text-align: right !important;white-space: nowrap !important;} /* Rental prisboks */ body.woocommerce-cart table.cart .para-rental-meta-pricing {display: flex !important;flex-direction: column !important;width: 100% !important;max-width: 420px !important;margin: 10px 0 0 !important;padding: 15px !important;border: 1px solid color-mix(in srgb,var(--para-color-primary) 15%,white) !important;border-radius: 6px !important;background: color-mix(in srgb,var(--para-color-primary) 2%,white) !important;} /* Rental totalrad */ body.woocommerce-cart table.cart .para-rental-meta-row.para-rental-meta-total {margin-top: 10px !important;padding-top: 8px !important;border-top: 1px solid color-mix(in srgb,var(--para-color-primary) 15%,white) !important;} /* Rental total label */ body.woocommerce-cart table.cart .para-rental-meta-total .para-rental-meta-label {color: #111827 !important;font-weight: 700 !important;} /* Rental total pris */ body.woocommerce-cart table.cart .para-rental-meta-total .para-rental-meta-price, body.woocommerce-cart table.cart .para-rental-meta-total .para-rental-meta-price .woocommerce-Price-amount {color: #111827 !important;font-weight: 700 !important;} /* Rental-produkt får litt mer luft under navn */ body.woocommerce-cart table.cart td.product-name:has(.para-rental-meta) a {display: inline-block;margin-bottom: 4px;} /* WooCommerce variation-data fra rental vises ryddig */ body.woocommerce-cart table.cart td.product-name .variation {display: block;margin: 8px 0 0;color: #374151;font-size: 12px;line-height: 1.45;} /* Variation-labels */ body.woocommerce-cart table.cart td.product-name .variation dt {display: inline;margin: 0 4px 0 0;color: #111827;font-weight: 600;} /* Variation-verdier */ body.woocommerce-cart table.cart td.product-name .variation dd {display: inline;margin: 0 0 6px;color: #374151;} /* Variation-paragrafer */ body.woocommerce-cart table.cart td.product-name .variation dd p {display: inline;margin: 0;} /* Variation-elementer brytes ryddig */ body.woocommerce-cart table.cart td.product-name .variation dd::after {content: "";display: block;height: 4px;} /* Tomme variation-labels fra rentaldata skjules kun dersom de faktisk er tomme */ body.woocommerce-cart table.cart td.product-name .variation dt:empty, body.woocommerce-cart table.cart td.product-name .variation dd:empty,body.woocommerce-cart table.cart td.product-name dt.variation- {display: none !important;} /* ========================= HANDLEKURV – TOTALSUM / FRAKT ========================= */ /* Totals-tabell celler */ body.woocommerce-cart .cart_totals table.shop_table th, body.woocommerce-cart .cart_totals table.shop_table td {padding: 15px 20px;border-top: 1px dotted #bbb;color: #111827;font-size: 12px;line-height: 1.35;border-right: 0;} /* Første totals-rad uten top border */ body.woocommerce-cart .cart_totals table.shop_table tr:first-child th, body.woocommerce-cart .cart_totals table.shop_table tr:first-child td {border-top: 0;} /* Totals-labels */ body.woocommerce-cart .cart_totals table.shop_table th {font-weight: 700;text-align: left;text-transform: uppercase;} /* Totals-verdier */ body.woocommerce-cart .cart_totals table.shop_table td {text-align: right;} /* Leveranse-raden */ body.woocommerce-cart .cart_totals table.shop_table tr.woocommerce-shipping-totals.shipping th, body.woocommerce-cart .cart_totals table.shop_table tr.woocommerce-shipping-totals.shipping td {padding-top: 20px;padding-bottom: 15px;vertical-align: middle !important;background: #f5f5f5;font-size: 13px;font-weight: 400;} /* Leveranse-label */ body.woocommerce-cart .cart_totals table.shop_table tr.woocommerce-shipping-totals.shipping th {line-height: 1.35 !important;font-weight: 700;text-transform: uppercase;} /* Leveranse-innhold */ body.woocommerce-cart .cart_totals table.shop_table tr.woocommerce-shipping-totals.shipping td {text-align: right !important;} /* Fraktmetoder */ body.woocommerce-cart .cart_totals #shipping_method, body.woocommerce-cart .cart_totals .woocommerce-shipping-methods {margin: 0;padding: 0;list-style: none;text-align: right;} /* Fraktmetode-linje */ body.woocommerce-cart .cart_totals #shipping_method li, body.woocommerce-cart .cart_totals .woocommerce-shipping-methods li {margin: 0 0 8px;padding: 0;text-align: right;font-size: 12px;line-height: 1.4;} /* Fraktkalkulator */ body.woocommerce-cart .cart_totals .woocommerce-shipping-calculator {margin-top: 10px;text-align: right;font-size: 12px;line-height: 1.4;} /* Fraktkalkulator-link */ body.woocommerce-cart .cart_totals .shipping-calculator-button {color: var(--para-color-primary);font-weight: 500;text-decoration: none;} /* Order total-raden */ body.woocommerce-cart .cart_totals table.shop_table tr.order-total th, body.woocommerce-cart .cart_totals table.shop_table tr.order-total td {padding-top: 18px;padding-bottom: 18px;border-top: 1px solid #ddd;} /* Order total label */ body.woocommerce-cart .cart_totals table.shop_table tr.order-total th {font-size: 12px;text-transform: uppercase;} /* Order total verdi */ body.woocommerce-cart .cart_totals table.shop_table tr.order-total td {text-align: right;font-size: 15px;font-weight: 700;} /* Inkludert MVA-tekst */ body.woocommerce-cart .cart_totals table.shop_table .includes_tax {display: block;margin-top: 3px;color: #6b7280;font-size: 10px;line-height: 12px;font-weight: 400;} /* Proceed to checkout wrapper */ body.woocommerce-cart .cart_totals .wc-proceed-to-checkout {margin: 0;padding: 20px 0 0;} /* Gå til kassen-knapp */ body.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button {display: block;width: 100%;margin: 0;padding: 12px 16px;border-radius: 4px;background: var(--para-color-primary) !important;border-color: var(--para-color-primary) !important;color: #fff !important;font-size: 15px;font-weight: 500;line-height: 1.4;text-align: center;} /* Gå til kassen-knapp hover */ body.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button:hover {background: color-mix(in srgb,var(--para-color-primary) 80%,white) !important;border-color: color-mix(in srgb,var(--para-color-primary) 80%,white) !important;color: #fff !important;} /* Fjern focus outline på WooCommerce notices */ body.woocommerce-cart .woocommerce-message:focus, body.woocommerce-cart .woocommerce-message:focus-visible, body.woocommerce-cart .woocommerce-info:focus, body.woocommerce-cart .woocommerce-info:focus-visible, body.woocommerce-cart .woocommerce-error:focus, body.woocommerce-cart .woocommerce-error:focus-visible, body.woocommerce-checkout .woocommerce-message:focus, body.woocommerce-checkout .woocommerce-message:focus-visible, body.woocommerce-checkout .woocommerce-info:focus, body.woocommerce-checkout .woocommerce-info:focus-visible, body.woocommerce-checkout .woocommerce-error:focus, body.woocommerce-checkout .woocommerce-error:focus-visible { outline: none; box-shadow: none; } /* ========================= HANDLEKURV – MOBIL ========================= */ /* Mobil: totalsum går full bredde */ @media (max-width: 767px) {body.woocommerce-cart .cart-collaterals {display: block;margin-top: 20px;}} /* Mobil: sum/frakt-boksen går full bredde */ @media (max-width: 767px) {body.woocommerce-cart .cart-collaterals .cart_totals {width: 100%;max-width: none;}} /* Mobil: kort-padding */ @media (max-width: 767px) {body.woocommerce-cart .woocommerce-cart-form, body.woocommerce-cart .cart_totals {padding: 20px 15px;}} /* Mobil: skjul desktop-header */ @media (max-width: 767px) {body.woocommerce-cart table.cart thead {display: none;}} /* Mobil: produktrad som blokk */ @media (max-width: 767px) {body.woocommerce-cart table.cart tr.cart_item {display: block;}} /* Mobil: celler blir rader */ @media (max-width: 767px) {body.woocommerce-cart table.cart tr.cart_item td {display: flex;align-items: center;justify-content: space-between;width: 100% !important;padding: 10px 0 !important;border-bottom: 1px dotted #ddd;text-align: right;}} /* Mobil: siste celle uten border */ @media (max-width: 767px) {body.woocommerce-cart table.cart tr.cart_item td:last-child {border-bottom: 0;}} /* Mobil: data-title label */ @media (max-width: 767px) {body.woocommerce-cart table.cart tr.cart_item td::before {content: attr(data-title);font-size: 12px;font-weight: 700;text-align: left;text-transform: uppercase;color: #111827;}} /* Mobil: produktbilde og remove uten data-title */ @media (max-width: 767px) {body.woocommerce-cart table.cart tr.cart_item td.product-thumbnail::before, body.woocommerce-cart table.cart tr.cart_item td.product-remove::before {display: none;content: none;}} /* Mobil: produktbilde sentreres */ @media (max-width: 767px) {body.woocommerce-cart table.cart td.product-thumbnail {justify-content: center;}} /* Mobil: produktbilde størrelse */ @media (max-width: 767px) {body.woocommerce-cart table.cart img {width: 72px;height: 72px;}} /* Mobil: produktnavn får bedre linjebredde */ @media (max-width: 767px) {body.woocommerce-cart table.cart td.product-name a {max-width: 70%;text-align: right;}} /* Mobil: remove-knapp øverst og med normal mobilpadding */ @media (max-width: 767px) {body.woocommerce-cart table.cart td.product-remove {justify-content: flex-end;padding-top: 0 !important;padding-right: 0 !important;}} /* Mobil: antall holder ren høyrejustert kontroll etter label */ @media (max-width: 767px) {body.woocommerce-cart table.cart tr.cart_item td.product-quantity {justify-content: space-between !important;text-align: right !important;}} /* Mobil: quantity skal ikke presse layouten */ @media (max-width: 767px) {body.woocommerce-cart table.cart td.product-quantity .quantity {margin: 0 !important;}} /* Mobil: actions stables */ @media (max-width: 767px) {body.woocommerce-cart table.cart td.actions {display: block !important;text-align: left !important;padding-top: 18px !important;}} /* Mobil: kupongfelt full bredde */ @media (max-width: 767px) {body.woocommerce-cart table.cart td.actions .coupon {float: none !important;display: grid !important;grid-template-columns: 1fr !important;gap: 10px !important;width: 100% !important;margin-bottom: 10px !important;}} /* Mobil: kuponginput full bredde */ @media (max-width: 767px) {body.woocommerce-cart table.cart td.actions .coupon .input-text {width: 100% !important;}} /* Mobil: actions-knapper full bredde */ @media (max-width: 767px) {body.woocommerce-cart table.cart td.actions .button {width: 100% !important;margin: 0 0 10px !important;}} /* Mobil: rentalboks full bredde */ @media (max-width: 767px) {body.woocommerce-cart table.cart .para-rental-meta-pricing {width: 100% !important;max-width: none !important;}} /* Mobil: rentalrader får mindre gap */ @media (max-width: 767px) {body.woocommerce-cart table.cart .para-rental-meta-row {gap: 10px !important;}} /* Mobil: produktnavn med rental kan bruke hele bredden */ @media (max-width: 767px) {body.woocommerce-cart table.cart td.product-name:has(.para-rental-meta) {display: block !important;text-align: left !important;}} /* Mobil: produktnavn-link med rental venstrejusteres */ @media (max-width: 767px) {body.woocommerce-cart table.cart td.product-name:has(.para-rental-meta) a {max-width: none !important;text-align: left !important;}} /* Mobil: totals-tabell padding */ @media (max-width: 767px) {body.woocommerce-cart .cart_totals table.shop_table th, body.woocommerce-cart .cart_totals table.shop_table td {padding: 14px 12px;}} /* Mobil: frakt holder høyrejustering */ @media (max-width: 767px) {body.woocommerce-cart .cart_totals #shipping_method li, body.woocommerce-cart .cart_totals .woocommerce-shipping-methods li {text-align: right;}} /* ========================= WOOCOMMERCE MELDINGER – CART + CHECKOUT ========================= */ /* Felles varselboks for WooCommerce meldinger */ body.woocommerce-cart .woocommerce-message, body.woocommerce-cart .woocommerce-info, body.woocommerce-cart .woocommerce-error, body.woocommerce-checkout .woocommerce-message, body.woocommerce-checkout .woocommerce-info, body.woocommerce-checkout .woocommerce-error {display: flex !important;align-items: center !important;gap: 14px !important;width: 100% !important;margin: 20px 0 !important;padding: 18px 20px !important;border: 1px solid #e2e2e2 !important;border-top-color: #e2e2e2 !important;border-radius: 10px !important;background: #fff !important;color: #111827 !important;box-shadow: 0 4px 10px rgba(15,23,42,0.06) !important;font-size: 14px !important;line-height: 1.45 !important;} /* Varselikon */ body.woocommerce-cart .woocommerce-message::before, body.woocommerce-cart .woocommerce-info::before, body.woocommerce-cart .woocommerce-error::before, body.woocommerce-checkout .woocommerce-message::before, body.woocommerce-checkout .woocommerce-info::before, body.woocommerce-checkout .woocommerce-error::before {position: static !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;flex: 0 0 24px !important;width: 24px !important;height: 24px !important;margin: 0 !important;font-size: 22px !important;line-height: 1 !important;} /* Success-ikon */ body.woocommerce-cart .woocommerce-message::before, body.woocommerce-checkout .woocommerce-message::before {color: #8fae1b !important;} /* Info-ikon */ body.woocommerce-cart .woocommerce-info::before, body.woocommerce-checkout .woocommerce-info::before {color: #111827 !important;} /* Error-ikon */ body.woocommerce-cart .woocommerce-error::before, body.woocommerce-checkout .woocommerce-error::before {color: #cc1818 !important;} /* Error-liste nullstilles */ body.woocommerce-cart .woocommerce-error, body.woocommerce-checkout .woocommerce-error {list-style: none !important;} /* Error-list items */ body.woocommerce-cart .woocommerce-error li, body.woocommerce-checkout .woocommerce-error li {margin: 0 !important;padding: 0 !important;} /* Knapp i WooCommerce-melding */ body.woocommerce-cart .woocommerce-message .button, body.woocommerce-cart .woocommerce-info .button, body.woocommerce-cart .woocommerce-error .button, body.woocommerce-checkout .woocommerce-message .button, body.woocommerce-checkout .woocommerce-info .button, body.woocommerce-checkout .woocommerce-error .button {display: inline-flex !important;align-items: center !important;justify-content: center !important;height: 38px !important;min-height: 38px !important;margin: 0 0 0 auto !important;padding: 0 16px !important;border: 1px solid #ddd !important;border-radius: 4px !important;background: #f5f5f5 !important;color: #111827 !important;font-size: 13px !important;font-weight: 500 !important;line-height: 1 !important;text-decoration: none !important;box-shadow: none !important;} /* Knapp hover i WooCommerce-melding */ body.woocommerce-cart .woocommerce-message .button:hover, body.woocommerce-cart .woocommerce-info .button:hover, body.woocommerce-cart .woocommerce-error .button:hover, body.woocommerce-checkout .woocommerce-message .button:hover, body.woocommerce-checkout .woocommerce-info .button:hover, body.woocommerce-checkout .woocommerce-error .button:hover {background: #eeeeee !important;border-color: #bbb !important;color: #111827 !important;} /* Mobil: WooCommerce-varsel stables med ikon øverst */ @media (max-width: 767px) {body.woocommerce-cart .woocommerce-message, body.woocommerce-cart .woocommerce-info, body.woocommerce-cart .woocommerce-error, body.woocommerce-checkout .woocommerce-message, body.woocommerce-checkout .woocommerce-info, body.woocommerce-checkout .woocommerce-error {flex-direction: column !important;align-items: center !important;justify-content: center !important;text-align: center !important;padding: 20px 16px !important;}} /* Mobil: varselikon sentreres og forstørres */ @media (max-width: 767px) {body.woocommerce-cart .woocommerce-message::before, body.woocommerce-cart .woocommerce-info::before, body.woocommerce-cart .woocommerce-error::before, body.woocommerce-checkout .woocommerce-message::before, body.woocommerce-checkout .woocommerce-info::before, body.woocommerce-checkout .woocommerce-error::before {width: 30px !important;height: 30px !important;margin: 0 0 2px !important;font-size: 28px !important;}} /* Mobil: knapp i varselboks full bredde */ @media (max-width: 767px) {body.woocommerce-cart .woocommerce-message .button, body.woocommerce-cart .woocommerce-info .button, body.woocommerce-cart .woocommerce-error .button, body.woocommerce-checkout .woocommerce-message .button, body.woocommerce-checkout .woocommerce-info .button, body.woocommerce-checkout .woocommerce-error .button {width: 100% !important;margin: 10px 0 0 !important;}}