/***************************************
* Woo Buttons - Common
****************************************/
body {
    --woo-btn-height:60px;
    --woo-btn-extra:0px;
    --woo-btn-total:calc(var(--woo-btn-height) + var(--woo-btn-extra));
}

.twc-woo-buttons ul {margin:0; list-style:none; display:flex;}
.twc-woo-buttons ul > li {padding:0;}
.twc-woo-buttons .twc-woo-button__item {text-decoration:none; background-color:transparent;}
.twc-woo-buttons li.current > .twc-woo-button__item,
.twc-woo-buttons .twc-woo-button__item:hover,
.twc-woo-buttons .twc-woo-button__item:focus {color:var(--twc-color-primary); text-decoration:none;}


/***************************************
* Woo Buttons - Desktop
****************************************/
.twc-woo-buttons.desktop li {border-left:var(--twc-header-sep-border);}
.twc-woo-buttons.desktop li:last-child {border-right:var(--twc-header-sep-border);}
.twc-woo-buttons.desktop .twc-woo-button__item {
    height:var(--twc-header-menu-top); aspect-ratio:110/100;
    display:flex; align-items:center; justify-content:center;
    color:var(--twc-color-dark-blue);
}
.twc-woo-buttons.desktop .twc-woo-button__item:hover {background:var(--twc-color-dark-blue); color:#fff;}


/* cart button */
.twc-woo-buttons.desktop li.function-cart {position:relative; overflow:hidden;}
.twc-woo-buttons.desktop li.function-cart .cart-count {
    position:absolute; bottom:6px; right:6px;
    padding:3px 0 8px; font-size:11px; line-height:1;
    transform:translate(50%, 50%) rotate(-45deg); transform-origin:center;
    width:100%; text-align:center;
    background:var(--twc-color-primary); color:var(--twc-color-on-primary);
}


/***************************************
* Woo Buttons - Mobile
****************************************/
/* hide when menu is open */
.menu-open .twc-woo-buttons.mobile {visibility:hidden; transform:translate(0, 100%); opacity:0;}

.twc-woo-buttons.mobile {
    position:fixed; z-index:10; bottom:0; left:0; right:0;
    display:none; padding:0 0 var(--woo-btn-extra);
    transition:var(--twc-transition);
    background:#fff; border-top:var(--twc-header-sep-border);
}
.twc-woo-buttons.mobile ul {display:flex; justify-content:space-around;}
.twc-woo-buttons.mobile .twc-woo-button__item {
    min-height:var(--woo-btn-height);
    display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;
}
.twc-woo-buttons.mobile .twc-woo-button__item i {order:1; line-height:1; margin-bottom:3px; font-size:15px;}
.twc-woo-buttons.mobile .twc-woo-button__item .text {order:2; font-size:13px; line-height:1.3;}


/***************************************
* Woo Buttons - Responsive
****************************************/
@media only screen and (max-width:767px) {
    /* hide desktop */
    .twc-woo-buttons.desktop {display:none;}

    /* show mobile */
    .twc-woo-buttons.mobile {display:block;}

    /* move body up to leave space for woo buttons */
    body {padding-bottom:var(--woo-btn-height);}
}