/*
Theme Name:   	Capsule and Coffee
Template:     	storefront
Text Domain:  	capsuleandcoffee
*/
body {font-family: 'Montserrat', sans-serif;}
:active, :focus { outline: none; -moz-outline-style: none; }

a {color: #b28152;}
a:hover {color: #774d24;}
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline-color: transparent;outline: none;
}


#masthead > .col-full {background-color:#b4814c;width:100vw;max-width:100vw;display:flex;justify-content: flex-end;align-items: center;}
#masthead > .col-full .widget {margin:5px !important;}
a.cart-contents {padding:10px 0 !important}

.widget_search form:not(.wp-block-search) input[type=text], .widget_search form:not(.wp-block-search) input[type=search], .widget_product_search form:not(.wp-block-search) input[type=text], .widget_product_search form:not(.wp-block-search) input[type=search] {
    padding-left: 2.617924em; background-color:#fff; max-width:250px;padding:0.5em 2em;
}
.site-search .widget_product_search form::before {
    top: 0.7em;
    left: 0.7em;
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0;
    overflow:visible;
    max-height:auto;
    height:auto !important;
}
#masthead .cart-contents .woocommerce-Price-amount.amount {color:#fff}
.site-header-cart .cart-contents::after {color:#fff;}

.caffe-tipo {font-size:32px; font-weight:800; padding-right:30px;color:#fff}
h4.mega-block-title {display:none !important}
.mega-menu-item img {margin:0 auto !important}
.mega-menu-item .widget_sp_image-description {text-align:center !important;margin:0 auto !important;width:100% !important; color:#fff; font-weight:600}
.mega-sub-menu {background-color:#b4814c !important}
#mega-menu-primary a{font-weight:600 !important}
body.woocommerce-active .site-header #mega-menu-wrap-primary {
    width: 100%;
    float: none;
    margin-right: 0;
    clear: both;
}
.vc_custom_heading.titolo {font-weight:800;}
body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {color:#fff;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {padding:10px !important;}



.page .storefront-breadcrumb {margin-bottom:0}


body.single-product .cac-pricing-table-row {text-align: center;font-size: 1.7em;}
body.single-product .cac-pricing-table-header-row {text-align: center;font-size: 1.2em; border-bottom: 1px solid #a15448;}
body.single-product .cac-pricing-table-wrapper {background-color: #b77e2c;border-radius: 10px;text-align: center;padding: 5px 20px;margin: 10px 0}
body.single-product .cac-pricing-table-wrapper h2 {color: #fff; text-transform: uppercase;margin: 10px auto;}
body.single-product .cac-pricing-table tr:nth-child(odd) {background-color: #e2e2e2;}
body.single-product .cac-pricing-table tr:nth-child(even) {background-color: #b7b7b7 !important;}
body.single-product .cac-pricing-table td {padding:5px 10px !important; text-align:right}
body.single-product .cac-pricing-table-row {max-width:300px}

@media (min-width: 768px){
    .site-header {padding-top: 0;padding-bottom: 0;}
    .col-full {width:90%; max-width: 1400px;padding: 0 0;}
    .site-branding, .site-search, .site-header-cart, .site-logo-anchor, .site-logo-link, .custom-logo-link {margin-bottom: 0}
    .site-branding {margin:0 auto !important;float:none !important;text-align:center}
    .site-branding img {display:block;margin:20px auto}
    .secondary-navigation {margin:0}
    .storefront-secondary-navigation.woocommerce-active .site-header {}
    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {text-align:left !important; float:none; flex-basis:auto;width:auto;margin-right:0}
    .secondary-navigation .menu {float: left;}
    .woocommerce-active .site-header .site-header-cart {width:auto;min-width:300px;color:#fff !important;text-align: right;}
    .site-header-cart .cart-contents .count {padding-right:10px;color:#fff}
    .secondary-navigation ul.menu a {color: #fff;}
    .woocommerce-active .site-header .main-navigation {width:100% !important;max-width:100% !important;float:none;margin:0 auto;}
    .main-navigation ul ul li.mega-menu-item a {
        width: auto !important;
    }
    .woocommerce-active .site-header .site-search {width:auto; padding:0 2vw}

}


.product.carousel-slider__product {background-color:#fff;box-shadow:none}
.product.carousel-slider__product .woocommerce-loop-product__title  {text-decoration:none;  font-weight:400 !important;line-height:120%; font-size:15px}
.product.carousel-slider__product a {text-decoration:none;}
.add_to_cart_button {}
.carousel-slider .onsale{border-radius:100px; line-height:30px; border:none; background-color:#a00000 !important; top:2px;left:3px}

.button {border-radius:50px;margin-top:10px; margin-bottom:10px; display:block;line-height:100%;padding:8px 4px}

.retina-promo-slider-container img {width:100% !important; height:auto}
.retina-promo-slider-container {min-height:300px}
.retina-promo-slider-container {min-height:300px;padding:10px}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:-20px}
.retina-generic-title  {text-align:center !important; text-decoration:none}
.retina-generic-title a  {text-align:center !important; text-decoration:none !important; color:black; font-weight:600;}
.retina-generic-header {position:absolute;z-index:100; bottom:0; left:0; width:100%;background-color:#ffffffe6;min-height:40px}
.retina-generic-content.retina-slide-content {border:3px solid white; }


.pwb-brands-in-loop { width: 60px; height: 60px; position: absolute;top: 5px; right: 5px;}
.pwb-brands-in-loop img {border-radius: 50px; width: 50px; height: 50px;box-shadow: 1px 1px 3px #ccc;}
.brandcarousel  .row {margin-top: 0 !important; margin-bottom: 0 !important; border: none !important}
.brandcarousel  .section-big-wrapper {display: none;}


body .vc_btn3-container.bottoni-big a {border-radius:25px;}
body .vc_btn3-container.bottoni-big .vc_btn3-block.vc_btn3-size-lg {font-size:25px;text-decoration:none}
body .vc_btn3-container.bottoni-big .vc_btn3.vc_btn3-size-lg .vc_btn3-icon {font-size:30px;padding-top:7px}


.intro-negozio {min-height:40vh}
.intro-negozio h1 {font-weight:800;text-shadow:0 3px 10px #000}


.alpha {
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0px;
}

.blog .site-main {display:flex;flex-wrap: wrap;}
.blog .site-main article {flex-basis:48%; padding:2vw; border:1px solid #eee;margin-right:1%;}
body.blog .site-main article .alpha a {font-size:20px; margin-bottom:0;font-weight:500 !important;}

.blog .site-main .entry-header {margin-bottom:5px}
.blog .entry-header {border-bottom:none}

@media (max-width:768px) {
    .products li {width:50%; float:left;padding:0 30px !important}
    .mega-menu-toggle {position:absolute; right:10px; top:-50px}
    .woocommerce-active .site-branding {float:none; text-align:center !important;margin:0 auto;}
    .woocommerce-active .site-branding img {display:block; margin:0 auto}
    .xoo-wsc-modal {display:none}
    body .cky-revisit-bottom-left {bottom: 45px !important;left:2px;width:45px; height:45px}
    body #chat-application {bottom:45px !important}
    .storefront-handheld-footer-bar li {}

}



.riga-home {padding:40px 0; border-top:1px solid #eee}

/* Custom Header Search with Menu */
.custom-header-search-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header-search-menu .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 15px;
}

.header-search-menu .menu a {
    text-decoration: none;
    font-weight: 600;
    color: #fff; /* White to match header style */
}

.header-search-menu .menu a:hover {
    color: #ffd; /* Subtle hover effect */
}

@media (max-width: 768px) {
    .custom-header-search-wrap {
        flex-direction: column;
        gap: 10px;
        align-items: stretch;
    }
    .header-search-menu .menu {
        justify-content: center;
        flex-wrap: wrap;
    }
    #masthead > .col-full {display:none}
}