/*
 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;
}
/* Mobilanpassning för filtret */
@media (max-width: 768px) {
    .archive-centered-filter > div {
        width: 90% !important; /* tar nästan hela skärmen */
    }
}
/* Desktop */
#dgwt-wcas-search-input-1 {
    width: 500px;
    max-width: 100%;
    box-sizing: border-box;
}

/* iPad / Tablet */
@media (min-width: 769px) and (max-width: 1024px) {
    #dgwt-wcas-search-input-1 {
        width: 50vw;          /* ca halva skärmen */
        max-width: 500px;     /* valfritt, så den inte blir för stor */
    }
}

/* 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;
}
/* Blå stil på "Proceed to checkout", "Add to cart" på single product och loop-knappar */
.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: #007aff !important; /* blå bakgrund */
    color: #ffffff !important; /* vit text */
    border-color: #007aff !important; /* blå kant */
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Hover-effekt: lite mörkare blå */
.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: #005ecb !important; /* mörkare blå vid hover */
    border-color: #005ecb !important;
    color: #ffffff !important;
}
/* 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: 0.5em;  /* lite mellanrum över knappen */
}