/*
Theme Name:   Blonwe Child
Theme URI:    http://klbtheme.com/blonwe/
Description:  Blonwe Child Theme
Author:       KlbTheme
Author URI:   http://themeforest.net/user/KlbTheme
Template:     blonwe
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  blonwe-child
*/

/* ========== CUSTOM LOGIN PAGE STYLES (AMAZON STYLE) ========== */
/* custom-login.css */
body.login {
    background-color: #f3f3f3;
}

#login {
    width: 350px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.login h1 a {
    background-image: none;
    width: auto;
    height: auto;
    text-indent: 0;
    color: #111;
    font-size: 28px;
    font-weight: 400;
}

.login form {
    border: none;
    box-shadow: none;
    padding: 0;
    margin-top: 20px;
}

.login form .input {
    border: 1px solid #a6a6a6;
    border-radius: 3px;
    height: 31px;
    font-size: 13px;
}

.login form .input:focus {
    border-color: #0073bb;
    box-shadow: 0 0 0 2px rgba(0,115,187,0.2);
}

.login .button-primary {
    background: #FFD814;
    border-color: #FCD200;
    color: #0F1111;
    text-shadow: none;
    box-shadow: none;
    width: 100%;
    height: 31px;
    border-radius: 7px;
    font-weight: 400;
}

.login .button-primary:hover {
    background: #F7CA00;
    border-color: #F2C200;
}

.login #nav a,
.login #backtoblog a {
    color: #0066C0;
}

.login #nav a:hover,
.login #backtoblog a:hover {
    color: #C45500;
}

/* ===== Mobile Login Styles ===== */
@media (max-width: 400px) {
    #login {
        width: 90% !important;
        padding: 20px 10px !important;
    }
    .login form .input {
        font-size: 16px !important; /* Better mobile typing */
    }
}

/* ===================== PRODUCT HOVER FIX ===================== */
/* ✅ FIX: Stop flickering/blinking on product hover */
.product,
.woocommerce ul.products li.product {
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform;
    transition: all 0.3s ease-in-out !important;
}

.woocommerce ul.products li.product:hover {
    transform: scale(1.02);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
    transition: none !important;
}
/* Disable transition that causes blinking on product hover */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product:hover,
.product {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    backface-visibility: hidden !important;
    will-change: auto !important;
}
.product-hover-gallery,
.product-hover-gallery .image {
    transition: none !important;
    animation: none !important;
}