.woocommerce-products-header__title {
text-align: center;
}
@media only screen and (max-width: 767px) {
#block-34 .wp-block-uagb-image {
text-align: center;
 }
}
/* 1. KATEGORIAPAINIKKEET SIVUPALKISSA */
.widget_product_categories ul li a {
    display: block !important;
    background-color: #ee5422;    /* Funsensen oranssi (#ee5422) */
    color: #ffffff !important;    /* Valkoinen teksti */
    padding: 12px 20px !important; /* Tilaa tekstin ympärille */
    margin-bottom: 10px !important;/* Väli painikkeiden välillä */
    border-radius: 50px !important; /* Täysin pyöreät reunat */
    text-decoration: none !important;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    text-align: center;
    position: relative;
}

.widget_product_categories ul li a:hover {
    background-color: #d14418;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(238, 84, 34, 0.3);
}

/* 2. TUOTEPAINIKKEET JA OSTOSKORI-PAINIKKEET (WOOCOMMERCE) */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit {
    border-radius: 50px !important; /* Sama pyöreys kaikille painikkeille */
    padding: 12px 25px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

/* 3. POISTETAAN TURHAT IKONIT KATEGORIOISTA */
.widget_product_categories ul li a::before, 
.widget_product_categories ul li::before,
.widget_product_categories .icon-folder,
.widget_product_categories .fa-folder {
    display: none !important;
    content: none !important;
}

/* 4. SIISTITÄÄN LISTA-RAKENNE */
.widget_product_categories ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.widget_product_categories ul li {
    margin-left: 0 !important;
    list-style-type: none !important;
}
/* Palautetaan tekstien näkyvyys tuotteiden napeissa */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
    text-indent: 0 !important;
    font-size: 13px !important;
    width: auto !important;
    height: auto !important;
    padding: 10px 16px !important;
    background-color: #EE6948 !important; /* FunSensen oranssi */
    color: #ffffff !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Poistetaan päälle tuleva nuoli-ikoni napin sisältä */
.woocommerce ul.products li.product .button::after,
.woocommerce ul.products li.product a.button::after {
    display: none !important;
    content: "" !important;
}



/* 1. Poistetaan tuotekorttien harmaa taustaväri ja varjot */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: transparent !important; /* Tai #ffffff jos haluat puhtaan valkoisen */
    box-shadow: none !important;
    border: none !important;
    text-align: center !important;
}

/* 2. Painikkeet samannäköisiksi ja KESKELLE kaikkialla */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .product_type_simple,
.woocommerce ul.products li.product .product_type_variable {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-indent: 0 !important;
    float: none !important;
    
    /* Keskitys tuotekortin sisällä */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    
    /* Napin muotoilu ja FunSensen väri */
    background-color: #EE6948 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    text-align: center !important;
    
    /* Mitat ja pehmusteet */
    padding: 8px 12px !important;
    border-radius: 0px !important;
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
    box-shadow: none !important;
}

/* Painike kun hiiri viedään päälle */
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover {
    background-color: #d65536 !important;
    color: #ffffff !important;
}

/* Poistetaan Bistro-teeman nuoli-ikonit */
.woocommerce ul.products li.product .button::after,
.woocommerce ul.products li.product .button::before,
.woocommerce ul.products li.product a.button::after,
.woocommerce ul.products li.product a.button::before {
    display: none !important;
    content: "" !important;
}