/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/* Responsiv caption text */
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    font-size: clamp(14px, 4vw, 30px); /* responsiv textstorlek */
    line-height: 1.2;
    color: #fff; /* textfärg */
    text-align: center;
    background: rgba(0, 0, 0, 0.4); /* mörk genomskinlig bakgrund */
    padding: 10px 0; /* lite luft ovan/under texten */
    width: 100%;
    position: absolute; /* så bakgrunden sträcker sig över hela bilden */
    bottom: 0; /* längst ner på bilden */
    left: 0;
    box-sizing: border-box;
}

/* Ta bort blur-overlay bakom caption */
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
    max-height: 0 !important;
}
.wp-block-gallery.has-nested-images.wp-block-gallery {
    max-width: 1200px;      /* Ändra detta till önskad bredd */
    margin-left: auto;       /* centrerar galleriet */
    margin-right: auto;
    padding-left: 0px;      /* extra luft på vänster sida */
    padding-right: 0px;     /* extra luft på höger sida */
    box-sizing: border-box;
}
/* Tablet */
@media (max-width: 1024px) {
    /* Kolumncontainer */
    .wp-block-columns.wp-container-core-columns-is-layout-9d6595d7 {
        display: flex !important;
        justify-content: flex-start !important; /* tryck ihop kolumnerna */
        gap: 10px; /* mellanrum mellan kolumnerna */
        flex-wrap: wrap; /* stapla om det behövs */
    }

    /* Kolumner: ta bort extra padding */
    .wp-block-columns.wp-container-core-columns-is-layout-9d6595d7 > .wp-block-column {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Bilder: mindre och centrerade */
    .wp-block-columns.wp-container-core-columns-is-layout-9d6595d7 img {
        max-width: 70%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Mobil */
@media (max-width: 767px) {
    .wp-block-columns.wp-container-core-columns-is-layout-9d6595d7 {
        gap: 5px; /* ännu mindre mellanrum */
    }

    .wp-block-columns.wp-container-core-columns-is-layout-9d6595d7 img {
        max-width: 50%; /* ännu mindre bilder */
    }
}
/* Kategori-länk som container */
.product-category a {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 12px; /* SAMMA rundning som bilderna */
}

/* Bilden */
.product-category img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

/* Kategoritexten */
.product-category .woocommerce-loop-category__title {
    position: absolute;
    bottom: 17px; /* <-- flyttar upp texten */
    left: 0px;
    right: 0px;

    margin: 0;
    padding: 12px 14px;

    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-align: center;

    /* Tonad bakgrund */
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.65),
        rgba(0,0,0,0)
    );

    border-radius: 12px; /* rundar overlayn snyggt */
}

/* Produktantal */
.product-category .count {
    background: none;
    color: rgba(255,255,255,0.8);
    font-weight: normal;
}
/* Wrapper för WooCommerce header */
.woocommerce-products-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Breadcrumb */
.woocommerce-breadcrumb {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

/* Kategorititel / sidtitel */
.woocommerce-products-header__title.page-title {
    width: 100%;
    text-align: center;
}


/* Mobil */
@media (max-width: 768px) {
    #dgwt-wcas-search-input-1 {
        width: 100%;
    }
}
/* Hover-effekt för hela gallerikortet (bild + caption) */
.wp-block-gallery figure {
    transition: transform 0.5s ease, box-shadow 0.3s ease;
    display: inline-block; /* säkerställer korrekt scaling */
    margin: 0; /* tar bort ev. extra marginaler */
}

.wp-block-gallery figure:hover {
    transform: scale(1.03); /* hela kortet växer */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.30); /* subtil skugga */
    cursor: pointer;
}

/* Säkerställ att bild och caption inte bryter layout */
.wp-block-gallery figure img,
.wp-block-gallery figure .wp-element-caption {
    display: block;
}
/* Tvinga vit bakgrund på WooCommerce mini-cart (filled) */
.wp-block-woocommerce-filled-mini-cart-contents-block {
    background: #ffffff !important;
}
/* Dölj produktbeskrivningen i checkout */
.woocommerce-checkout .wc-block-components-product-metadata__description {
    display: none;
}
/* Dölj produktbeskrivningen i checkout */
.woocommerce-checkout .wc-block-components-product-metadata__description {
    display: none;
}
/* Grå stil på "Proceed to checkout", "Add to cart" (single + loop) */
.woocommerce .wc-proceed-to-checkout .checkout-button,
.woocommerce div.product form.cart .single_add_to_cart_button.button,
.woocommerce a.add_to_cart_button.button {
  background-color: #d7d9de !important;   /* ljusgrå */
  color: #111111 !important;             /* mörk text */
  border: 1px solid #b7bcc6 !important;  /* lite kallare grå border */
  box-shadow: inset 0 1px 0 #f5f6f8;     /* subtil “highlight” */
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

/* Hover: svart bakgrund + vit text, border får en “spännande” ton */
.woocommerce .wc-proceed-to-checkout .checkout-button:hover,
.woocommerce div.product form.cart .single_add_to_cart_button.button:hover,
.woocommerce a.add_to_cart_button.button:hover {
  background-color: #0b0f14 !important;  /* nästan svart */
  color: #ffffff !important;            /* vit text */
  border-color: #8c919c !important; /* mörkare grå accent på border */
  box-shadow: 0 0 0 3px rgba(124,77,255,.18), inset 0 1px 0 rgba(255,255,255,.06);
}
/* Ta bort zoombilden */
img.zoomImg {
    display: none !important;
}

/* Förhindra cursor/hover-effekt på produktbild */
.woocommerce-product-gallery__image:hover img {
    transform: none !important;
}
/* Ta bort hover/fokus-färg på titlar i produktlistan */
ul.products li.product a.woocommerce-LoopProduct-link {
    color: inherit;       /* Behåll originalfärg */
    text-decoration: none; /* Ingen underline */
}

ul.products li.product a.woocommerce-LoopProduct-link:hover,
ul.products li.product a.woocommerce-LoopProduct-link:focus,
ul.products li.product a.woocommerce-LoopProduct-link:active {
    color: inherit !important; /* Tvinga samma färg även vid hover/touch */
    text-decoration: none !important;
}
/* Gör hela produktkortet till en kolumn och centrera innehåll */
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    align-items: center;    /* centrerar horisontellt */
    text-align: center;     /* centrerar texten */
}

/* Centrerar innehållet i länken (bild + titel + pris) */
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Centrerar Add to Cart-knappen */
.woocommerce ul.products li.product .add_to_cart_button {
    display: inline-block;
    text-align: center;
    margin-top: 0em;  /* lite mellanrum över knappen */
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    padding: 0.5em !important;
}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    min-height: 4.5em;
}
.wp-block-woocommerce-cart {
    padding: 50px;
}
/* Gör "Proceed to Checkout" till en tydlig knapp med vit text */
.wc-block-cart__submit-button {
    display: inline-block;
    background-color: #0073e6;       /* Blå bakgrund */
    color: #ffffff;                  /* Vit text */
    padding: 12px 24px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Hover-effekt */
.wc-block-cart__submit-button:hover {
    background-color: #005bb5;       /* Mörkare blå vid hover */
    color: #ffffff;                  /* Se till texten är vit även på hover */
}

/* Centrerar texten i div */
.wc-block-cart__submit-button .wc-block-components-button__text {
    display: inline-block;
    color: #ffffff;                  /* Vit text */
}
/* Dölj collapsible order summary på mobil */
@media (max-width: 768px) {
    .wc-block-components-checkout-order-summary__title {
        display: none !important;
    }
}

.header-widget,
.header-widget .widget,
.dgwt-wcas-search-wrapp,
.dgwt-wcas-search-form {
    width: 500px;       /* Ändra bredd här som du vill */
    max-width: none !important;
    margin-left: auto;  /* skjuter till höger */
    margin-right: 0;
}

/* Mobil: full bredd */
@media (max-width: 768px) {
    .header-widget,
    .header-widget .widget,
    .dgwt-wcas-search-wrapp,
    .dgwt-wcas-search-form {
        width: 100% !important;
        margin: 0;        /* tar bort högerjustering på mobil */
        padding: 0 0px;  /* lite luft på sidorna */
    }
}
/* Grid */
.brands-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    align-items: start;
}

/* Responsiv */
@media (max-width: 1200px) {
    .brands-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 992px) {
    .brands-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px) {
    .brands-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* Kort med fast höjd */
.brand-card {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 150px; /* Fast höjd för alla kort */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Hover-effekt på kortet */
.brand-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

/* Bild */
.brand-image-wrapper {
    width: 100%;
    max-height: 80px; /* gör bilden mindre så hela logotypen får plats */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.brand-image-wrapper img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* hela logotypen syns */
}

/* Titel */
.brand-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.4;
}
.facetwp-filter-wrapper {
    width: 350px; /* panelens bredd */
    background-color: #f8f8f8;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px; /* tightare mellan facets */
    font-family: Arial, sans-serif;
	margin-bottom: 30px;
}

/* =======================
   SHOW FILTER / TOGGLE BUTTON
   ======================= */
.facetwp-toggle {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    background-color: #e0e0e0;
    border: 1px solid #ccc;
    cursor: pointer;
    color: #333;
    font-weight: bold;
}

.facetwp-toggle:hover {
    background-color: #d6d6d6; /* gråskalhover */
}

/* =======================
   RESET BUTTON
   ======================= */
.facetwp-reset {
    display: none; /* dold som standard */
    padding: 10px;
    border-radius: 8px;
    background-color: #e0e0e0;
    border: 1px solid #ccc;
    cursor: pointer;
    color: #333;
    font-weight: bold;
}

/* Visa reset när panelen är öppen eller när något filter är valt */
.facetwp-filter-wrapper.is-open .facetwp-reset,
.facetwp-filter-wrapper.facetwp-has-selection .facetwp-reset {
    display: inline-block;
}

.facetwp-reset:hover {
    background-color: #d6d6d6; /* gråskalhover */
}

/* =======================
   FACETS
   ======================= */
.facetwp-facet {
    margin: 0 !important; /* tight mellan facets */
    padding: 0 !important;
}

/* =======================
   DROPDOWN
   ======================= */
.facetwp-facet .fs-wrap {
    width: 100%;
    padding: 8px 10px;
    color: #333;
    text-align: left; /* innehåll vänsterjusterat */
}

/* =======================
   DROPDOWN LABEL (titel)
   ======================= */
.facetwp-facet .fs-label {
    text-align: center; /* centrera titel */
    font-weight: bold;
    color: #333;
}

/* Ta bort blå hover inuti dropdown */
.facetwp-facet .fs-option:hover {
    background-color: #d6d6d6; /* grå hover */
    color: #333;
}

/* Ta bort sökfält */
.facetwp-facet .fs-search {
    display: none;
}

/* =======================
   ALL TEXT
   ======================= */
.facetwp-filter-wrapper,
.facetwp-facet select,
.facetwp-facet .fs-option-label {
    color: #333;
}

/* =======================
   TIGHTARE PADDING
   ======================= */
.facetwp-facet .fs-option {
    padding: 5px 10px;
}
/* WPML Language Switcher Dropdown - vit text */
.wpml-ls-dropdown .wp-block-navigation__submenu-container a,
.wpml-ls-dropdown .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
    color: #ffffff !important;
}
.summary.entry-summary {
    text-align: center;
}

.summary.entry-summary form.cart {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.summary.entry-summary .quantity {
    margin-bottom: 15px;
}

.summary.entry-summary .product_meta {
    text-align: center;
}
/* Produktens titel */
.single-product .product_title {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
}

/* Tablet */
@media (max-width: 1024px) {
    .single-product .product_title {
        font-size: 26px;
    }
}
/* ================================
   MEGA MENU – PRODUKTKATEGORIER
   ================================ */

/* Wrapper för varje produktkategori */
.mega-sub-menu .mega-menu-item-object-product_cat {
    text-align: center;
    box-sizing: border-box;
    flex: 0 0 25%; /* 4 kolumner */
    max-width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

/* Länken i produktkategori */
.mega-sub-menu .mega-menu-item-object-product_cat > a.mega-menu-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 5px;
    text-decoration: none;
    width: 100%;
}

/* Kategoribild */
.mega-sub-menu .mega-menu-item-object-product_cat .mega-cat-thumb {
    width: 40%;
    max-width: 140px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Kategoritext */
.mega-sub-menu .mega-menu-item-object-product_cat span {
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    color: inherit;
}

/* Flex-wrap och centrering för hela submenu */
.mega-sub-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}

/* ================================
   Mobilvy
   ================================ */
@media (max-width: 768px) {

    /* Varje kategori tar hela raden, centrering inuti */
    .mega-sub-menu .mega-menu-item-object-product_cat {
        flex: 0 0 100%;
        max-width: 100%;
        align-items: center;
        text-align: center;
        margin-bottom: 20px;
    }

    /* Bilden */
    .mega-sub-menu .mega-menu-item-object-product_cat .mega-cat-thumb {
        width: 30%;
        max-width: 120px;
        height: auto;
        border-radius: 8px;
        margin: 0 auto;
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

    /* Texten */
    .mega-sub-menu .mega-menu-item-object-product_cat span {
        font-size: 18px;
        font-weight: 600;
        margin-top: 8px;
        text-align: center;
    }
}
 /* footer css*/
/* Minska logotyperna generellt */
.wp-block-columns.wp-container-core-columns-is-layout-9d6595d7 img {
    max-width: 80%;      /* Ändra storlek efter behov */
    height: auto;
    display: block;
    margin: 0 auto;      /* Centrerar logotyperna i kolumnen */
}
/* Responsive tre i bredd på mobil */
@media (max-width: 768px) {
   
    .wp-block-columns.wp-container-core-columns-is-layout-9d6595d7 .wp-block-column {
        max-width: 30% !important; /* Tvingar kolumnbredden */
        padding: 0;
        box-sizing: border-box;
    }

    .wp-block-columns.wp-container-core-columns-is-layout-9d6595d7 .wp-block-column img {
        max-width: 90%;  /* Fortfarande centrerad */
    }
}
/* Mobilvy: en kolumn per rad, centrera allt innehåll */
@media (max-width: 768px) {
    #block-43 .wp-container-core-columns-is-layout-9d6595d7 {
        flex-direction: column;
        align-items: center; /* centrerar kolumner */
        gap: 5px; /* mellanrum mellan kolumner på mobil */
    }

    #block-43 .wp-container-core-columns-is-layout-9d6595d7 .wp-block-column {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        padding: 10px 0;
        text-align: center; /* centrerar text */
        display: flex;
        flex-direction: column;
        align-items: center; /* centrerar allt i kolumnen */
    }

    /* Rubriker */
    #block-43 h4.gb-text {
        font-size: 25px !important; /* lite större */
        line-height: 1.4;
        margin-bottom: 10px;
    }

    /* Listor och paragraftext */
    #block-43 ul.wp-block-list,
    #block-43 p.gb-text {
        font-size: 18px !important; /* något större text */
        line-height: 1.4;
        padding-left: 0;
        margin: 0px 0;
    }

    #block-43 ul.wp-block-list li {
        margin-bottom: 5px; /* mer mellanrum mellan listobjekt */
    }
}
/* ===== Related products (single product) ===== */
.single-product .related.products{
  padding-top: 30px;
  border-top: 2px solid #e5e7eb;
}

/* Rubrik centrerad */
.single-product .related.products > h2{
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  margin: 0 0 18px;
  color: #0f172a;
}
/* Reapris (rabatterat pris) */
.woocommerce .price ins,
.woocommerce .price ins .woocommerce-Price-amount,
.woocommerce .price ins bdi {
  color: red !important;
}
/* Mobil + Tablet: jämna ut produktkort + stoppa stora/stretcheade bilder */
@media (max-width: 1024px) {
  ul.products li.product a.woocommerce-LoopProduct-link img {
    width: 100% !important;
    height: 130px !important;
    object-fit: cover;
    display: block;
  }

  /* Hindra långa ord/namn från att spränga layouten */
  ul.products li.product .woocommerce-loop-product__title {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}
/* Ge "Read more" i produktloopen samma styling som Add to cart */
.woocommerce ul.products li.product a.button.product_type_simple:not(.add_to_cart_button) {
  background-color: #d7d9de !important;   /* ljusgrå */
  color: #111111 !important;             /* mörk text */
  border: 1px solid #b7bcc6 !important;  /* kall grå border */
  box-shadow: inset 0 1px 0 #f5f6f8;     /* subtil highlight */
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.woocommerce ul.products li.product a.button.product_type_simple:not(.add_to_cart_button):hover,
.woocommerce ul.products li.product a.button.product_type_simple:not(.add_to_cart_button):focus {
  background-color: #0b0f14 !important;  /* nästan svart */
  color: #ffffff !important;            /* vit text */
  border-color: #8c919c !important;
  box-shadow: 0 0 0 3px rgba(124,77,255,.18), inset 0 1px 0 rgba(255,255,255,.06);
}
/* Minska utrymme runt själva boxen som innehåller animationen */
#block-53 .mega-toggle-animated-box {
    width: 20px !important;         /* gör själva “hamburger”-boxen mindre */
}


/* ------------------ Thumbnails ------------------ */
body.woocommerce-checkout:not(.woocommerce-order-received) img.meldev-checkout-thumb{
  width: auto !important;
  height: 50px !important;
  max-width: 60px !important;
  max-height: 60px !important;

  border-radius: 5px;
  object-fit: cover;
  display: block;

  border: 1px solid rgba(0,0,0,.10);
}

/* Lite tajtare på väldigt små skärmar */
@media (max-width: 480px){
  body.woocommerce-checkout:not(.woocommerce-order-received) img.meldev-checkout-thumb{
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    border-radius: 5px;
  }
}

/* ------------------ Quantity centrerat med produktnamnet ------------------ */
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table td.product-name{
  display: flex;
  align-items: center; /* centrerar quantity med namnet */
  gap: 8px;
  flex-wrap: wrap;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table td.product-name .meldev-checkout-item{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* Gör quantity till en liten “chip” */
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table td.product-name strong.product-quantity{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
  font-weight: 700;
}

/* ------------------ Padding på checkout wrapper ------------------ */
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-checkout {
  padding-left: 20px;   /* mobil: lite padding */
  padding-right: 20px;  /* mobil: lite padding */
}

@media (min-width: 768px) {
  body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-checkout {
    padding-left: 60px;   /* desktop: luftigare */
    padding-right: 60px;  /* desktop: luftigare */
  }
}

@media (min-width: 1200px) {
  body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-checkout {
    padding-left: 120px;   /* stor desktop: ännu luftigare */
    padding-right: 120px;
  }
}

/* ------------------ Centrera "Your order"-rubrik ------------------ */
body.woocommerce-checkout:not(.woocommerce-order-received) h3#order_review_heading {
  text-align: center;
  margin-bottom: 20px; /* lite luft under rubriken */
}

/* ------------------ Centrera order review-tabellen ------------------ */
body.woocommerce-checkout:not(.woocommerce-order-received) #order_review {
  max-width: 1000px;        /* luftig max-bredd på desktop */
  margin: 0 auto;          /* centrera horisontellt */
  width: 100%;             /* ta upp full bredd på mobil */
}

/* ------------------ Centrera "Place Order"-knappen ------------------ */
body.woocommerce-checkout:not(.woocommerce-order-received) #payment #place_order {
  float: none !important;              /* ta bort WooCommerce float */
  display: block !important;           /* blockelement för margin auto */
  margin: 20px auto 0 auto !important; /* centrera horisontellt + top-margin */
  text-align: center !important;       /* säkerställ att texten är centrerad */
}
/* ---------- Place Order knapp färg och hover ---------- */
body.woocommerce-checkout:not(.woocommerce-order-received) #payment #place_order {
  float: none !important;
  display: block !important;
  margin: 20px auto 0 auto !important;
  text-align: center !important;

  background-color: #333;        /* mörkgrå/svart */
  color: #fff;                   /* vit text */
  border: none;
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Hover effekt */
body.woocommerce-checkout:not(.woocommerce-order-received) #payment #place_order:hover {
  background-color: #555;         /* ljusare grå vid hover */
  transform: translateY(-2px);    /* lite “lyft”-effekt */
}
@media (max-width: 768px) {

    /* Gör varje variationsrad vertikal */
    .variations tr {
        display: block;
        margin-bottom: 16px;
    }

    /* Label ovanför dropdown */
    .variations th.label {
        display: block;
        width: 100%;
        padding-bottom: 6px;
        text-align: left;
    }

    /* Dropdown full bredd */
    .variations td.value {
        display: block;
        width: 100%;
    }

    .variations select {
        width: 100%;
    }
}
/* === PAGINATION – MOBILE FIRST === */
.better-pagination {
  margin: 32px 0;
}

.better-pagination ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Alla knappar */
.better-pagination a,
.better-pagination span {
  min-width: 42px;
  min-height: 42px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #ddd;
  border-radius: 6px;

  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  color: #111;
  background: #fff;
}

/* Aktiv sida */
.better-pagination .current {
  background: #000;
  color: #fff;
  border-color: #000;
}

/* Hover (desktop) */
.better-pagination a:hover {
  background: #f2f2f2;
}

/* Prev / Next */
.better-pagination .prev,
.better-pagination .next {
  padding: 8px 14px;
  font-weight: 600;
}

/* Dots (…) */
.better-pagination .dots {
  border: none;
  background: transparent;
  padding: 0 6px;
  min-width: auto;
}

/* === DESKTOP TWEAKS === */
@media (min-width: 768px) {
  .better-pagination a,
  .better-pagination span {
    font-size: 15px;
    padding: 10px 14px;
  }
}
/* Created by Meldev AI */
@media (max-width: 1024px) {
  /* Dölj valutaväljaren när mini cart är öppen */
  body.mini-cart-open #block-57 {
    display: none !important;
  }

  /* Se till att valutaväljaren är synlig normalt */
  #block-57 {
    display: block !important;
    z-index: 50;
  }

  /* Mini cart ska ligga över */
  .wc-block-mini-cart {
    position: relative;
    z-index: 1000 !important;
  }
}