/*
Theme Name: Onea Child
Theme URI: http://onea.qodeinteractive.com
Description: A child theme of Onea Theme
Author: Elated Themes
Author URI: http://themeforest.net/user/elated-themes
Version: 1.0.1
Text Domain: onea
Template: onea
*/


/* ==================================================
   RŪPA — SINGLE PRODUCT / ADD TO CART
   Onea black → outline + slow animated underline
   ================================================== */

.single-product button.single_add_to_cart_button.button.alt {
    position: relative !important;

    /* Desktop mygtuko plotis */
    width: 333px !important;
    max-width: 100% !important;

    overflow: visible !important;

    transition:
        background-color .4s ease,
        color .4s ease,
        border-color .4s ease !important;
}


/* Hover — juodas mygtukas tampa outline */
.single-product button.single_add_to_cart_button.button.alt:hover,
.single-product button.single_add_to_cart_button.button.alt:focus {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
}


/* Pirmoji apatinė linija */
.single-product button.single_add_to_cart_button.button.alt::after {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    bottom: -5px !important;

    display: block !important;

    width: 100% !important;
    height: 1px !important;

    background-color: #000 !important;

    transform: scaleX(1) !important;
    transform-origin: right center !important;

    transition:
        transform .7s cubic-bezier(.22, .61, .36, 1) !important;
}


/* Hover — pirmoji linija pasitraukia */
.single-product button.single_add_to_cart_button.button.alt:hover::after,
.single-product button.single_add_to_cart_button.button.alt:focus::after {
    transform: scaleX(0) !important;
    transform-origin: right center !important;
}


/* Antroji linija */
.single-product button.single_add_to_cart_button.button.alt::before {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    bottom: -5px !important;

    display: block !important;

    width: 100% !important;
    height: 1px !important;

    background-color: #000 !important;

    transform: scaleX(0) !important;
    transform-origin: left center !important;

    transition:
        transform .7s cubic-bezier(.22, .61, .36, 1) .12s !important;
}


/* Hover — antroji linija įvažiuoja */
.single-product button.single_add_to_cart_button.button.alt:hover::before,
.single-product button.single_add_to_cart_button.button.alt:focus::before {
    transform: scaleX(1) !important;
}



/* ==================================================
   RŪPA — MOBILE / PREVENT iOS FORM ZOOM
   ================================================== */

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

    input,
    select,
    textarea {
        font-size: 16px !important;
    }

}



/* ==================================================
   RŪPA — SINGLE PRODUCT BUTTON / MOBILE
   ================================================== */

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

    .single-product button.single_add_to_cart_button.button.alt {
        width: 220px !important;
        max-width: calc(100vw - 120px) !important;
    }

}



/* ==========================================================
   RŪPA — ONEA MINI CART SCROLL
   Perfect Scrollbar
   ========================================================== */

.eltdf-shopping-cart-dropdown {
    overflow: hidden !important;
    overscroll-behavior: contain;
}


/* Perfect Scrollbar konteineris */
.eltdf-shopping-cart-dropdown.ps {
    position: absolute !important;
}


/* Scrollbar bėgelis */
.eltdf-shopping-cart-dropdown .ps__rail-y {
    width: 5px !important;
    right: 3px !important;

    background: transparent !important;

    opacity: 1 !important;
}


/* Scrollbar linija */
.eltdf-shopping-cart-dropdown .ps__thumb-y {
    width: 2px !important;
    right: 1px !important;

    border-radius: 0 !important;

    background: rgba(0, 0, 0, .28) !important;
}



/* ==================================================
   RŪPA — iOS MOBILE BOTTOM OVERSCROLL
   ================================================== */

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

    html,
    body {
        min-height: 100%;

        background-color: #ffffff !important;

        overscroll-behavior-y: none;
    }


    .eltdf-wrapper,
    .eltdf-wrapper-inner {
        min-height: 100vh;
        min-height: 100dvh;

        background-color: #ffffff;
    }

}
/* RŪPA — platesnis mini cart */

@media only screen and (min-width: 769px) {

    .eltdf-shopping-cart-holder .eltdf-shopping-cart-dropdown {
        width: 420px !important;
        min-width: 420px !important;
    }

}