/* Kapeuttaa pelkän kauppasivun sisällön */
.archive.woocommerce-page #content .ast-container {
    max-width: 1100px;
    margin: 0 auto;
}/* Kapeuttaa pelkän kauppasivun sisällön */
.archive.woocommerce-page #content .ast-container {
    max-width: 1100px;
    margin: 0 auto;
}/* Poistaa suurennuslasin ja zoom-efektin tuotekuvasta */
.woocommerce-product-gallery__image {
    pointer-events: none;
}/* Pienennetään tuotekuvan saraketta entisestään (esim. 30%) */
@media (min-width: 922px) {
    .single-product div.product .woocommerce-product-gallery {
        width: 30% !important; /* Pienennä tätä numeroa, jos haluat vielä pienemmän kuvan */
        float: left;
    }
    .single-product div.product .summary {
        width: 65% !important; /* Kasvatetaan tekstiosaa, jotta se täyttää lopputilan */
        float: right;
    }
}

/* Poistetaan zoom-efekti ja suurennuslasin kuva */
.woocommerce-product-gallery__image {
    pointer-events: none;
}
.woocommerce-product-gallery__trigger {
    display: none !important;
}
/* Jos käytät Astran omaa headeria */
.ast-builder-menu-1 .sub-menu {
    top: 30px !important; /* Säädä tätä luvun mukaan, pienempi luku tuo ylemmäs */
}/* Kohdistetaan oranssi väri KAIKKIIN "Lisää ostoskoriin" -painikkeisiin (myös etusivulla) */
.woocommerce ul.products li.product .button,
.elementor-widget-wc-add-to-cart .button,
.elementor-button.elementor-size-sm.elementor-add-to-cart-button,
.elementor-element .add_to_cart_button {
    background-color: #E67E22 !important; /* Logon oranssi */
    color: #ffffff !important;
    border-radius: 5px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

/* Hiiren vienti päälle (Hover) kaikille painikkeille */
.woocommerce ul.products li.product .button:hover,
.elementor-widget-wc-add-to-cart .button:hover,
.elementor-button.elementor-size-sm.elementor-add-to-cart-button:hover,
.elementor-element .add_to_cart_button:hover {
    background-color: #d35400 !important; /* Tummempi oranssi */
    color: #ffffff !important;
}
/* WPForms Lähetä-painikkeen muuttaminen oranssiksi */
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-submit {
    background-color: #E67E22 !important; /* Sama oranssi kuin muualla */
    color: #ffffff !important; /* Valkoinen teksti */
    border: none !important;
    border-radius: 5px !important;
    padding: 12px 25px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    transition: background-color 0.3s ease !important;
    cursor: pointer !important;
}

/* Painikkeen väri kun hiiri menee päälle */
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form .wpforms-submit:hover {
    background-color: #d35400 !important; /* Tummempi oranssi */
    color: #ffffff !important;
}
/* WPForms painikkeen pakottaminen oranssiksi */
#wpforms-submit-308, 
.wpforms-submit, 
button[type="submit"].wpforms-submit, 
div.wpforms-container-full .wpforms-form input[type=submit], 
div.wpforms-container-full .wpforms-form button[type=submit] {
    background: #E67E22 !important;
    background-color: #E67E22 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 5px !important;
    padding: 15px 30px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Hiiren vienti päälle */
.wpforms-submit:hover, 
button[type="submit"].wpforms-submit:hover {
    background: #d35400 !important;
    background-color: #d35400 !important;
    color: #ffffff !important;
}/* Suurempi teksti osastojen otsikoihin */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
    font-size: 1.3rem !important; /* Voit kasvattaa tätä esim. 2.2rem asti */
    font-weight: 700 !important; /* Tekee tekstistä selkeästi paksun */
    text-align: center;
    margin-top: 15px;
    color: ; /* Vaihda värikoodi, jos haluat muun kuin mustan */
}

/* Piilottaa pienen "X tuotetta" -tekstin otsikon alta (siistimpi ulkoasu) */
.woocommerce ul.products li.product-category .count {
    display: none !important;
}
css
/* Pyöristää osastojen ja tuotteiden kuvat */
.woocommerce ul.products li.product img, 
.woocommerce ul.products li.product-category img {
    border-radius: 20px !important; /* Mitä suurempi luku, sitä pyöreämmät kulmat */
    transition: transform 0.3s ease; /* Lisää pienen efektin, kun hiiri menee päälle */
}

/* Valinnainen: Kuva hieman suurenee, kun hiiren vie päälle */
.woocommerce ul.products li.product img:hover, 
.woocommerce ul.products li.product-category img:hover {
    transform: scale(1.03);
}css
/* Pyöristää Elementorin kuvat ja yleiset tuotelaatikot etusivulla */
.elementor-image img, 
.elementor-widget-image img,
.astra-shop-thumbnail-any-content img,
article.product img {
    border-radius: 20px !important;
}

/* Varmistaa, että myös mahdolliset reunaviivat noudattavat pyöristystä */
.elementor-img-wrapper {
    border-radius: 20px !important;
    overflow: hidden;
}
css
/* Kohdistetaan pyöristys suoraan WooCommercen tuotelistan kuviin */
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img,
.astra-shop-thumbnail-any-content img,
.woocommerce-product-gallery__image img {
    border-radius: 20px !important;
}

/* Varmistetaan, että kuvan ympärillä oleva linkki tai säiliö ei ole kantikas */
.woocommerce ul.products li.product .astra-shop-thumbnail-any-content,
.woocommerce ul.products li.product a {
    border-radius: 20px !important;
    overflow: hidden !important;
    display: block; /* Varmistaa, että overflow:hidden toimii */
}
css
/* 1. Poistetaan leikkaus koko tuotelaatikolta, jotta teksti ei kärsi */
.woocommerce ul.products li.product, 
.astra-shop-thumbnail-any-content,
.woocommerce-loop-product__link {
    overflow: visible !important;
    border-radius: 0 !important;
}

/* 2. Kohdistetaan pyöristys ja leikkaus VAIN kuvaan ja sen säiliöön */
.woocommerce ul.products li.product img,
.astra-shop-thumbnail-any-content,
.woocommerce-loop-product__link img {
    border-radius: 20px !important;
    overflow: hidden !important;
    display: block !important;
}

/* 3. Lisätään tekstille tilaa siltä varalta, että teema pakottaa sen reunaan */
.woocommerce-loop-product__title, 
.woocommerce-loop-product__link .price,
.woocommerce-loop-product__link .ast-woo-product-category {
    padding-left: 4px !important; 
    margin-left: 0 !important;
}