/* home.css */

/* view more button */
.view-more-button a{
    white-space: nowrap;
    padding: 0.631em 1em;
}

.view-more-button a:hover{
    background: #0573b3;
    box-shadow: 0 0 6px rgb(0 0 0 / .7);
}

/* product slider */

/* whole slider */
.wpb_slider_area.wpb_fix_cart{
    margin-top: 0;
}

/* item description */
.wpb-wps-product-title {
    flex-grow: 1;
}

/* change the price color */
.wpb-woo-products-slider.grid_no_animation .pro_price_area {
    color: #000000;
}

/* change the styling of the next and prev button */
.owl-nav{
    inset: 0;                     /* top/right/bottom/left: 0 */
    display: flex;
    align-items: center;          /* vertical center */
    justify-content: space-between;
    pointer-events: none;
}

.wpb-woo-products-slider.owl-theme .owl-nav [class*=owl-][role="presentation"]{ 
    margin: unset; 
}

/* LEFT button */
.wpb-woo-products-slider.owl-theme .owl-nav button.owl-prev{
    pointer-events: auto;
    border-radius: 0 10px 10px 0;
    box-shadow:
        0 -1px 3px rgba(0,0,0,.08),  /* top */
        0  1px 3px rgba(0,0,0,.08),  /* bottom */
        1px 0   3px rgba(0,0,0,.08); /* right */
    border-left: 1px solid #9b9b9b;
}

/* RIGHT button */
.wpb-woo-products-slider.owl-theme .owl-nav button.owl-next{
    pointer-events: auto;
    border-radius: 10px 0 0 10px;
    box-shadow:
        0 -1px 3px rgba(0,0,0,.08),  /* top */
        0  1px 3px rgba(0,0,0,.08),  /* bottom */
       -1px 0   3px rgba(0,0,0,.08); /* left */
    border-right: 1px solid #9b9b9b;
}


/* add to cart button */
.wpb-woo-products-slider figcaption a.button{
    border-radius: 10px;
}

.wpb-woo-products-slider figcaption a.button:hover{
    box-shadow: 0 0 6px rgb(0 0 0 / .7);
}

/* making the top and bottom border of the container round*/
/* TOP */
.wpb-woo-products-slider .wpb-wps-slider-item img{
    border-radius: 20px 20px 0 0;
    border: 1px solid #9b9b9b;
    border-bottom: none;
}
/* BOTTOM */
.grid_no_animation figcaption{
    display: flex;
    flex-direction: column;
    border-radius: 0 0 20px 20px;
    border: 1px solid #9b9b9b;
    border-top: none;
    min-height: 160px !important;
}

/**/
.wpb-woo-products-slider.owl-theme .owl-dots button.owl-dot span{
    background: #BFBFBF;
}

/* home page banner */
.responsive-main-page-banner.jc-grid-banner{
    grid-template-columns: 40fr 19fr;  
}

.saraya-banner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.saraya-banner figure {
    height: unset;
}

@media (max-width: 850px){
.responsive-main-page-banner.jc-grid-banner{
    grid-template-columns: 1fr;  
}

.saraya-banner {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
}

*, ::after, ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}
    
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0;
}

button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}