/* ==========================================================================
   WooCommerce pages still on Uncode's templates – order received, my account and
   the booking form – plus what Uncode renders on every page. Moved from custom.css.
   The cart and checkout are redesigned (cart.css); their old rules are gone.

   The new shop pages (body class «shop-redesign»: product, shop, category, cart and
   checkout) are styled in shop.css and cart.css. Rules here that would also match those pages are wrapped
   in :where(body:not(.shop-redesign) …) – :where() keeps the original specificity.

   Remove each section when its page is redesigned.
   ========================================================================== */

/* Product page – stock line. Bookings: the Booking category hidden in category lists,
   their dates and duration left out of the order details. The booking form itself is in
   booking.css; the new shop shows bookings as cards («Opplevelse»). */

p.stock.in-stock {
    display: none;
}

.archive .cat-item.cat-item-149, .variation-Til, dt.variation-Fra, .variation-Varighet {
    display: none !important;
}

/* Konferanse */
.archive .cat-item-164, .archive .product_cat-konferanse {
    display: none !important;
}

/* WooCommerce's own add-to-cart forms (booking products) */
.style-dark form.cart input:where(body:not(.shop-redesign) *) {
    background-color: #fff;
}
.woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty {
    font-size: 25px !important;
    background-color: #ebf5fc;
}
.style-dark form.cart button:where(body:not(.shop-redesign) *) {
    border-color: #000 !important;
}
.style-dark form.cart .btn-default:where(body:not(.shop-redesign) *) {
    color: #000 !important;
}
.style-dark form.cart .btn-default:not(.btn-hover-nobg):not(.icon-animated):hover:where(body:not(.shop-redesign) *) {
    background-color: #000 !important;
}

/* Uncode product grid */
.tmb-dark.tmb-woocommerce.tmb .t-entry-visual .add-to-cart-overlay a {
    display: none;
}

/* Form inputs on cart, checkout and my account – moved from login.css */
.woocommerce form input:where(body:not(.shop-redesign) *) {
    font-size: 1rem !important;
}
.woocommerce form input[type="checkbox"]:where(body:not(.shop-redesign) *),
.woocommerce form input[type="radio"]:where(body:not(.shop-redesign) *) {
    width: 1.5rem !important;
    height: 1.5rem !important;
}
.woocommerce form input[type="checkbox"]:checked:where(body:not(.shop-redesign) *)::before,
.woocommerce form input[type="radio"]:checked:where(body:not(.shop-redesign) *)::before {
    font-size: 1rem !important;
}

/* Notices */
.woocommerce .woocommerce-message:where(body:not(.shop-redesign) *), .woocommerce .woocommerce-error-list:where(body:not(.shop-redesign) *), .woocommerce .woocommerce-info:where(body:not(.shop-redesign) *) {
    border-width: 0px !important;
    font-weight: 300 !important;
}

/* Shop archive */
.row-navigation.row-navigation-dark {
    background-color: transparent;
    outline-color: transparent;
}
.pagination > li .page-numbers, .navigation > li .page-numbers {
    font-size: 26px;
    font-weight: 600;
    font-family: Poppins;
}
* > .btn-container:first-of-type {
    padding-left: 26px;
}
.pagination .page-prev i, .navigation .page-prev i, .pagination .page-next i, .navigation .page-next i {
    font-size: 38px;
}
.woocommerce span.onsale {
    background-color: green;
}
.woocommerce .main-container .row-container .row-parent:where(body:not(.shop-redesign) *) {
    padding: 0 72px 50px 72px;
}
.woocommerce .tmb-dark.tmb .t-entry-visual * {
    color: #000;
}
.woocommerce.group-blog .butikkintrotekst:before {
    content: "Velkommen til vår nettbutikk!";
    white-space: pre-wrap;
    font-weight: 600;
}
.woocommerce.group-blog .butikkintrotekst2:before {
    content: "Nå har du mulighet til å få kjøpt våre glassflasker og andre produkter her på vår nettbutikk. \A Vi håper du finner noe du liker her og spør oss gjerne dersom du lurer på noe. \A Meieriproduktene våre finnes i en butikk nær deg.";
    white-space: pre-wrap;
}
.woocommerce-checkout .introtekstblokk, .woocommerce-cart .introtekstblokk, .woocommerce-account .introtekstblokk {
    display: none;
}
.woocommerce .tmb-dark.tmb .t-entry-text .t-entry-title a {
    color: #000 !important;
}
.woocommerce .tmb-dark.tmb .t-entry-text .t-entry-title a:hover {
    color: #fd706c !important;
}
.woocommerce .isotope-container h3.t-entry-title a {
    font-size: 30px;
}
.woocommerce h3.t-entry-title.h6 a, .woocommerce .woocommerce-Price-amount.amount:where(body:not(.shop-redesign) *) {
    font-family: Poppins;
    font-size: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* Prices, buttons and headings – order received and my account */
:where(.woocommerce-order-received, .woocommerce-account) :is(small.includes_tax, .woocommerce-Price-amount.amount) {
    font-size: 20px !important;
}
.woocommerce button.button {
    color: #fff;
}
.woocommerce .checkout h3 {
    font-size: 36px;
}

/* Coupon form in the checkout */
.woocommerce-form-coupon button.button {
    color: #000 !important;
    background-color: #fff !important;
    border: 1px solid #000 !important;
}

/* Links and buttons */
.btn-link:not(.btn-custom-typo), .wc-forward {
    font-family: 'Belwe Lt BT Light' !important;
    font-size: 26px !important;
    font-weight: 300 !important;
    text-decoration: underline;
    text-transform: none !important;
    letter-spacing: normal !important;
}
a.restore-item {
    text-decoration: underline;
}
.woocommerce .webkit input[type=radio], .woocommerce input[type=radio] {
    padding-left: 0;
    padding-right: 0;
    margin: 0 10px 0 0;
    border: 2px solid #000 !important;
    background-color: #ebf5fc;
}

/* Checkout */
.woocommerce a.showlogin, .woocommerce a.showcoupon {
    text-decoration: underline;
}
.woocommerce-input-wrapper input:where(body:not(.shop-redesign) *), #order_comments:where(body:not(.shop-redesign) *), .woocommerce-checkout .woocommerce form.woocommerce-form-login input:where(body:not(.shop-redesign) *) {
    font-size: 25px !important;
    background-color: #ebf5fc;
}
input#createaccount:where(body:not(.shop-redesign) *) {
    background-color: #ebf5fc;
}
#billing_country_field, #billing_address_2 {
    display: none;
}
.style-dark .woocommerce #payment .place-order {
    background-color: #fff;
}
form p:where(body:not(.shop-redesign) *), .woocommerce table td {
    font-weight: 300;
}
button#place_order.btn.btn-default.alt {
    background-color: #000 !important;
}
.woocommerce-additional-fields h3 {
    display: none;
}
#place_order {
    width: 300px;
    margin: 0 auto !important;
}

/* Order received */
p .thank-you, .woocommerce .order_details li strong, .woocommerce .order-details h3, .woocommerce .order_details li, .woocommerce table.shop_table tfoot th {
    font-weight: 300 !important;
    font-size: 30px !important;
    text-transform: none !important;
    list-style: none !important;
}
.woocommerce .order_details.shop_table {
    background-color: #ebf5fc;
}

/* My account */
.woocommerce-account input {
    font-size: 25px !important;
    background-color: #ebf5fc;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

@media (max-width: 959px) {
    .tax-product_cat .butikkintrotekst, .tax-product_cat .butikkintrotekst2 {
        display: none !important;
    }
    .woocommerce input[type="submit"]:where(body:not(.shop-redesign) *), .woocommerce input[type="reset"]:where(body:not(.shop-redesign) *), .woocommerce input[type="button"]:where(body:not(.shop-redesign) *), .woocommerce button[type="submit"]:where(body:not(.shop-redesign) *) {
        font-size: 24px;
    }
    .woocommerce .main-container .row-container .row-parent:where(body:not(.shop-redesign) *) {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .woocommerce a.added_to_cart {
        padding-top: 2em !important;
        font-size: 20px;
    }

    /* Tables – order received and my account */
    .woocommerce .woocommerce-message .wc-forward {
        padding-right: 90px !important;
        float: none !important;
        clear: both !important;
        margin: 2px 0px 20px 0px !important;
    }
    .style-dark td.product-name a {
        font-size: 25px !important;
    }
    table { page-break-inside: always !important; }
    tr { page-break-inside: always !important; page-break-after: always !important; }

    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
        border-style: none !important;
    }
    td.product-thumbnail:before, td.product-name:before, td.product-price:before, td.product-quantity:before {
        content: "" !important;
    }
    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
        text-align: left !important;
    }
    .woocommerce ul#shipping_method li {
        clear: both;
    }
    .woocommerce button[type="submit"]:where(body:not(.shop-redesign) *), .wc-forward, .wc-forward a, a.checkout-button.btn.btn-default.alt.wc-forward {
        font-size: 20px !important;
    }
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
        padding-right: 10px;
    }
    .style-dark td.product-name a {
        font-size: 40px;
    }
    .woocommerce table.shop_table td {
        padding: 20px 0px 20px 0px !important;
    }


    /* Checkout */
    .woocommerce .checkout table td, .woocommerce .checkout table th {
        padding: 0px 18px 18px 0px !important;
    }
    .woocommerce table.shop_table td, .woocommerce table.shop_table th {
        vertical-align: top !important;
    }
    .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
        font-weight: 300 !important;
    }

    /* Klarna */
    #klarna-checkout-container {
        overflow-x: visible !important;
    }
}
