/*
CTC Separate Stylesheet
Updated: 2024-09-01 06:17:00
Theme Name: Kenttavaruste.com
Theme URI: https://www.kenttavaruste.com
Template: Divi
Author: Adarok Oy
Author URI: https://www.adarok.fi
Version: 1.0.0.1725171420
*/

/* Style the Add to Quote button */
.yith-ywraq-add-to-quote, .yith-ywraq-add-to-quote a.button, .yith-ywraq-add-to-quote a.button:hover {
    width: 100%;
    text-align: center;
    border-width: 1px;
    border-radius: 0;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#main-content > div.clearfix > div.yith-ywraq-add-to-quote > div > a {
    display: none;
}

#yith-ywrq-table-list > tbody > tr.cart_item > td.product-thumbnail > a > img {
    width: 64px;
    height: auto;
}

.yith_ywraq_add_item_response_message {
    text-transform: none;
}

.yith_ywraq_add_item_browse_message {
    text-transform: none;
}

@media only screen and (max-width: 768px) {
  .woocommerce ul.products li.product a img {
    height: 200px;
  }
}

/* Bold mega-menu top-level links */
#menu-paavalikko > li.mega-menu > ul > li > a {
	font-weight: 600 !important;
}

/* Avainlippu image */
.keva-avainlippu {
    width: 160px;
    height: auto;
    display: block;
}

/* Style the input.button.raq-send-request */
form#yith-ywraq-default-form input.button.raq-send-request {
    background-color: #fff !important;
    color: #e41321 !important;
    border: 1px solid #e41321 !important;
}

/* Reverse the style on hover */
form#yith-ywraq-mail-form input.button.raq-send-request:hover {
    background-color: #e41321 !important;
    color: #fff !important;
}


/* Force product images to be square with image scaled to fit */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    width: 100% !important;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    object-position: center;
    background-color: #fff;
}

/* Ensure the container also respects the square aspect ratio */
.woocommerce ul.products li.product .et_shop_image,
.woocommerce-page ul.products li.product .et_shop_image {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Add 24px margin above mega-menu submenu headings (only items that have children) */
.mega-menu .sub-menu li.menu-item-has-children > a {
    margin-top: 24px;
}

/* Remove margin from the first submenu heading to avoid extra space at top */
.mega-menu .sub-menu li.menu-item-has-children:first-child > a {
    margin-top: 0;
}