/* PRODUCT LINK */
.woocommerce div.product .product-link {
    display: inline-block;
    text-align: center;
    padding: 8px 10px 3px;
    color: var(--color-white);
    background-color: var(--color-black);
    border-radius: 5px;
    text-transform: uppercase;
    transition: background 0.3s ease-in, color 0.3s ease-in;
    max-width: 100%;
    white-space: normal;
    word-wrap: break-word;
}
/* .woocommerce div.product .product-link:hover,
.woocommerce div.product .product-link-title:hover {
    background-color: var(--color-dark-gray);
    color: var(--color-black);
} */
.woocommerce div.product .product-link-title {
    display: inline-block;
    text-align: center;
    padding: 12px 18px;
    color: var(--color-white);
    background-color: var(--color-black);
    text-transform: uppercase;
    transform: skewX(-10deg);
    transition: background 0.3s ease-in, color 0.3s ease-in;
}
/* END PRODUCT LINK */
/* BTN SHOW PRICE */
.btn-show-price {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    bottom: 40px;
    right: 40%;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.62 14'%3E%3Cpath d='M11.81,0C6.76,0,2.37,2.82,0,7c2.37,4.18,6.76,7,11.81,7s9.45-2.82,11.81-7C21.28,2.82,16.87,0,11.81,0ZM11.81,12.16c-2.81,0-5.1-2.34-5.1-5.23S9,1.71,11.81,1.71s5.1,2.34,5.1,5.23-2.28,5.23-5.1,5.23Z' style='fill:%239f9f9f; stroke-width:0px;'/%3E%3Cpath d='M11.82,3.59h-.11c.23.33.36.72.36,1.16,0,1.12-.87,2.01-1.96,2.01-.58,0-1.09-.26-1.45-.66-.06.26-.11.55-.11.83,0,1.86,1.47,3.35,3.26,3.35s3.26-1.49,3.26-3.35-1.45-3.35-3.26-3.35Z' style='fill:%239f9f9f; stroke-width:0px;'/%3E%3C/svg%3E");
    transition: background 0.3s ease-in, opacity 0.3s ease-in, visibility 0.3s ease-in;
}
.btn-show-price:hover {
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.62 14'%3E%3Cpath d='M11.81,0C6.76,0,2.37,2.82,0,7c2.37,4.18,6.76,7,11.81,7s9.45-2.82,11.81-7C21.28,2.82,16.87,0,11.81,0ZM11.81,12.16c-2.81,0-5.1-2.34-5.1-5.23S9,1.71,11.81,1.71s5.1,2.34,5.1,5.23-2.28,5.23-5.1,5.23Z' style='fill:%23000000; stroke-width:0px;'/%3E%3Cpath d='M11.82,3.59h-.11c.23.33.36.72.36,1.16,0,1.12-.87,2.01-1.96,2.01-.58,0-1.09-.26-1.45-.66-.06.26-.11.55-.11.83,0,1.86,1.47,3.35,3.26,3.35s3.26-1.49,3.26-3.35-1.45-3.35-3.26-3.35Z' style='fill:%23000000; stroke-width:0px;'/%3E%3C/svg%3E");
}
.prices-container > .btn-show-price.active {
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.62 19.58'%3E%3Cpath d='M11.81,12.78c1.79,0,3.26-1.49,3.26-3.35,0-.16-.02-.31-.04-.46l-3.92,3.73c.23.05.46.08.71.08Z' style='fill:%239f9f9f; stroke-width:0px;'/%3E%3Cpath d='M10.11,9.26c-.58,0-1.09-.26-1.45-.66-.06.26-.11.55-.11.83,0,.82.3,1.56.77,2.14l4.77-4.54c-.59-.59-1.39-.95-2.28-.95h.01s-.11.01-.11.01c.23.33.36.72.36,1.16,0,1.12-.87,2.01-1.96,2.01Z' style='fill:%239f9f9f; stroke-width:0px;'/%3E%3Cpath d='M19.36,4.84l-2.82,2.68c.23.6.37,1.24.37,1.92,0,2.89-2.28,5.23-5.1,5.23h0c-.79,0-1.54-.21-2.21-.55l-1.83,1.74c1.28.41,2.63.63,4.04.63,5.05,0,9.45-2.82,11.81-7-1.05-1.87-2.51-3.46-4.26-4.66Z' style='fill:%239f9f9f; stroke-width:0px;'/%3E%3Cpolygon points='8.9 14.1 10.56 12.52 10.56 12.52 12.46 10.71 16.32 7.04 16.32 7.04 17.96 5.48 22.93 .76 22.21 0 17.99 4.01 17.99 4.01 15.75 6.15 15.75 6.15 14.41 7.42 14.41 7.42 10.6 11.04 8.31 13.22 8.31 13.22 6.62 14.83 2.42 18.82 3.14 19.58 7.23 15.68 7.23 15.68 8.9 14.1' style='fill:%239f9f9f; stroke-width:0px;'/%3E%3Cpath d='M5.7,15.01l2.28-2.17c-.78-.92-1.27-2.1-1.27-3.42,0-2.89,2.29-5.22,5.1-5.22,1.41,0,2.7.59,3.62,1.55l2.08-1.98c-1.73-.82-3.66-1.28-5.7-1.28C6.76,2.5,2.37,5.32,0,9.5c1.34,2.36,3.32,4.29,5.7,5.52Z' style='fill:%239f9f9f; stroke-width:0px;'/%3E%3C/svg%3E");
}
.prices-container > .btn-show-price {
    bottom: 5px;
    right: 50%;
    transform: translateX(50%);
}
@media (min-width: 768px) {
    .prices-container > .btn-show-price {
        right: 20px;
        bottom: 40%;
        transform: translateX(0);
    }
}
@media (min-width: 1200px) {
    .prices-container > .btn-show-price {
        bottom: -20px;
        right: 50%;
        transform: translateX(50%);
    }
}
/* END BTN SHOW PRICE */
/* BTN ADD TO CART */
.woocommerce .product .btn-buy {
    display: inline-block;
    padding: 14px 14px 14px;
    min-width: 118px;
    background: var(--color-red);
    color: var(--color-white);
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.3s ease-in, color 0.3s ease-in;
}

@media (min-width: 1920px) {
    .woocommerce .product .btn-buy {
        padding: 19px 22px 17px;
    }
}
.woocommerce .product .btn-buy:hover {
    background: var(--color-dark-red);
    color: var(--color-white);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after {
    top: 35%;
}
/* ΕND BTN ADD TO CART */
/* BTN LOGOUT */
.btn-logout {
    border: 1px solid var(--color-dark-gray);
    border-radius: 20px;
    padding: 10px 15px;
    color: #9F9F9F;
    height: 100%;
}
.btn-logout:hover {
    border: 1px solid var(--color-black);
    color: var(--color-black);
}
/* END BTN LOGOUT */
/* BTN MAIN */
.btn-main {
    display: inline-block;
    min-width: 200px;
    padding: 12px 20px 8px;
    background: var(--color-black);
    color: var(--color-white);
    border-radius: 10px;
    border: none;
    font-size: 1.125rem;
    text-align: center;
    transition: background 0.3s ease-in, color 0.3s ease-in;
}
.btn-main.btn-red {
    background: var(--color-red);
}
.btn-main:hover {
    background: var(--color-deep-gray);
    color: var(--color-white);
}
/* END BTN MAIN */
/* BTN INFO NOTE  */
.info-note {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 25px;
    height: 25px;
    background: none;
    outline: none;
    box-shadow: none;
    border: none;
    padding: 0;
    transition: transform 0.3s ease-in;
}
.info-note:hover {
    transform: scale(1.1);
}
.info-message {
    position: absolute;
    top: 20px;
    right: 55px;
    width: 250px;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    background: var(--color-white);
    outline: none;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.07);
    border: none;
    border-radius: 10px;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in, visibility 0.3s ease-in;
    z-index: 9999;
}
.info-message.active {
    opacity: 1;
    visibility: visible;
}
/* END BTN INFO NOTE */
/* BTN SEND */
.btn-send {
    position: relative;
    display: inline-flex;
    width: 166px;
    padding: 21px 63px;
    border: none;
    color: var(--color-black);
    background: var(--color-gray);
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.btn-send::before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    width: calc(100% + 20px);
    height: 100%;
    background: inherit;
    z-index: -1;
    transform: skewX(-10deg);
}
/* END BTN SEND */
/* BTN CAROUSEL NAV */
.buttons-container {
    gap: 2px;
}
.btn-prev, .btn-next, .carousel-next, .carousel-prev {
    background: var(--color-white);
    border: none;
    width: 46px;
    height: 44px;
    transform: skewX(-10deg);
}
.carousel-next.black, .carousel-prev.black {
    background: var(--color-black);
}
.carousel-prev.black {
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2010%2017%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M8.99219%2016.4492L1.3631%208.83613L8.99219%201.20247%22%20stroke%3D%22white%22%20stroke-miterlimit%3D%2210%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 20px;
}
.carousel-next.black {
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2010%2017%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M8.99219%2016.4492L1.3631%208.83613L8.99219%201.20247%22%20stroke%3D%22white%22%20stroke-miterlimit%3D%2210%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 20px;
    transform: skewX(-10deg) scaleX(-1);
}
.btn-skew-title {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 175px;
    width: auto;
    background: var(--color-black);
    color: var(--color-white);
    padding: 10px 20px;
    z-index: 1;
}
.btn-skew-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    width: calc(100% + 20px);
    height: 101%;
    background: inherit;
    z-index: -1;
    transform: skewX(-10deg);
}
/* BTN CAROUSEL NAV END*/
/* BTN SKEW */
.btn-skew {
    position: relative;
    display: inline-flex;
    min-width: 262px;
    min-height: 80px;
    padding: 10px 0 10px 10px;
    color: var(--color-white);
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    text-decoration: none;
}
.btn-skew.btn-light {
    color: var(--color-black);
}
.btn-skew.btn-dark {
    color: var(--color-white);
}
.btn-skew:hover {
    color: var(--color-white);
}
.btn-skew::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: calc(100% + 40px);
    height: 100%;
    left: -20px;
    top: 0;
    border: 2px solid var(--color-white);
    transform: skewX(-10deg);
}
.btn-skew.btn-light::before {
    background: var(--color-white);
    border: none;
}
.btn-skew.btn-dark::before {
    background: var(--color-black);
    border: none;
}
.btn-skew::after {
    content: '';
    position: absolute;
    display: inline-block;
    right: -10px;
    height: calc(100% - 20px);
    background: var(--color-orange) no-repeat right 18px center / 30px url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.73 12.29'%3E%3Cpolygon points='23.87 0 22.88 1.12 27.64 5.35 0 5.35 0 6.85 27.66 6.85 22.88 11.17 23.88 12.29 30.73 6.1 23.87 0' style='fill:%23fff;'/%3E%3C/svg%3E");
    aspect-ratio: 1 / 1;
    width: 25%;
    transform: skewX(-10deg);
    z-index: -1;
    transition: width 0.5s ease-in-out;
}
.btn-skew:hover::after {
    width: calc(100% + 20px);
}
/* END BTN SKEW */
/* BTN SKEW SIMPLE */
.btn-skew-s {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    color: var(--color-white);
    background: var(--color-black);
    border-radius: 10px;
    text-decoration: none;
    transition: background 0.3s ease-in, color 0.3s ease-in;
}
/* END BTN SKEW SIMPLE */
/* BTN delivery date */
.delivery-date {
    border: 1px solid var(--color-black);
    border-radius: 3rem;
    display: inline-flex;
    justify-content: center;
    padding: 10px 15px;
}
@media (min-width: 1200px) {
    .delivery-date {
        padding: 5px 10px;
    }
}
/* END BTN delivery date */