/*
Theme Name: OSMO LWP
Theme URI: https://wordpress.org/
Author: Lordwordpress
Author URI: https://wordpress.org/
Version: 1.0
*/

.woocommerce .wooProdusctsWrap {
    max-width: 1140px;
    margin: auto;
}
.hasSidebar .slidebar {
    width: 25%;
}
.hasSidebar .container {
    width: 75%;
}
.breadcrumb .woocommerce-breadcrumb {
    max-width: 1140px;
    margin: auto;
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
}
.woocommerce-product-gallery__image a::after {
    display: none !important;
}
.wooProductGallery {
    display: flex;
    margin-top: 1rem;
}
.wooProductGallery .woocommerce-product-gallery__image {
    margin-right: 0.5rem;
}
.breadcrumb .woocommerce-breadcrumb a {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}
.breadcrumb .woocommerce-breadcrumb a:first-child {
    background-image: url(https://osmo.com.hk/wp-content/themes/osmolwp/images/home.svg);
    background-repeat: no-repeat;
    /*background-color: #009540;*/
    font-size: 0;
    width: 54px;
    display: inline-block;
    height: 40px;
    background-position: center;
    background-size: 45%;
    margin-left: 0;
}
.breadcrumb .woocommerce-breadcrumb span {
    font-weight: 500;
    display: inline-block;
    margin-left: 0.5rem;
}
.widgetCont .product-categories {
    padding-left: 0;
    text-align: left;
}
.related.products {
    padding: 0 0 4rem;
}
.widgetTitle {
    text-align: left;
}
.widgetCont .product-categories .children {
    padding: 0;
}
.widgetCont .product-categories li a {
    position: relative;
    padding-left: 2rem;
}
.widgetCont .product-categories li a::before {
    content: '›';
    position: absolute;
    top: 39%;
    line-height: 0;
    font-size: 33px;
    text-align: center;
    left: 1rem;
    margin: auto;
    color: #3fa535;
}
.scrolled #navbarsExampleDefault .navbar-top {
    max-width: unset;
}
.addToCartWrap {
    width: 60%;
}
.addToCartWrap .cart {
    display: flex;
    align-items: center;
}
.addToCartWrap .cart .quantity {
    margin-right: 1rem;
}
.priceWrap {
    font-size: 1.5rem;
    font-weight: 600;
}
.priceWrapper {
    margin-top: 3rem;
}
.slidebar.rightSidebar {
    border-left: 1px solid #eee;
    padding-left: 1rem;
}
.slidebar.leftSidebar {
    border-right: 1px solid #eee;
    padding-right: 1rem;
}
.priceWrapper .addToCartWrap .cart .single_add_to_cart_button {
    background-color: #3fa535 !important;
    border-radius: 0;
    font-weight: 400;
}
#thumbsImages .owl-item .woocommerce-product-gallery__image {
    transition: 0.5s all ease;
    border: 2px solid transparent;
}
#thumbsImages .owl-item.current .woocommerce-product-gallery__image {
    border-color: #ffcc00;
}
.form-group label {
    width: 100%;
}
.form-group .woocommerce-input-wrapper {
    display: inline-block;
    width: 100%;
}


@media screen and ( max-width:767px ){

    .hasSidebar .container {
        width: 100%;
    }
    .hasSidebar .slidebar {
        width: 100%;
        padding: 0 1rem;
        margin-top: 2rem;
    }
    .wooProdusctsWrap .produkt img {
        width: 100% !important;
        position: static !important;    
    }
    .wooProdusctsWrap .produkt span {
        padding-bottom: 0 !important;    
    }


}

/* OSMO clean build: DIY blog + lightweight language control */
.osmo-language-switcher{display:inline-flex;align-items:center;gap:.35rem;margin-left:1rem;font-size:.9rem;white-space:nowrap}
.osmo-language-switcher a{color:inherit;text-decoration:none}
.osmo-language-switcher a:hover{text-decoration:underline}
.osmo-language-switcher .is-current{font-weight:700}
.osmo-diy-blog{padding:1rem 0 3rem}
.osmo-diy-intro{text-align:center;max-width:850px;margin:0 auto 2rem}
.osmo-diy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.osmo-diy-card{background:#fff;border:1px solid #ececec;height:100%;display:flex;flex-direction:column;box-shadow:0 6px 22px rgba(0,0,0,.05)}
.osmo-diy-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#f3f3f3}
.osmo-diy-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.osmo-diy-card:hover .osmo-diy-image img{transform:scale(1.025)}
.osmo-diy-card-body{padding:20px;display:flex;flex-direction:column;flex:1}
.osmo-diy-card-body h2{font-size:1.2rem;line-height:1.4;margin:.35rem 0 .7rem}
.osmo-diy-card-body h2 a{color:inherit;text-decoration:none}
.osmo-diy-date{font-size:.82rem;color:#777}
.osmo-diy-readmore{margin-top:auto;padding-top:.5rem;font-weight:600}
.osmo-diy-pagination{margin-top:2rem;text-align:center}
.osmo-diy-pagination ul{display:flex;list-style:none;justify-content:center;gap:.4rem;padding:0}
.osmo-diy-pagination a,.osmo-diy-pagination span{display:block;padding:.45rem .7rem;border:1px solid #ddd}
@media(max-width:991px){.osmo-diy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.osmo-diy-grid{grid-template-columns:1fr}.osmo-language-switcher{margin-left:.5rem;font-size:.82rem}}