/*
Theme Name: Hello Elementor Child
Description: Child theme of Hello Elementor
Author: Tu Nombre
Template: hello-elementor
Version: 1.0.0
*/

/* Aquí puedes agregar tus estilos personalizados */

/* Carrito flotante - letra más gruesa */
.fkcart-shortcode-price {
    font-weight: bold !important;
}

.fkcart-shortcode-price .woocommerce-price-amount {
    font-weight: 700 !important;
}

.fkcart-shortcode-count {
    font-weight: bold !important;
    background-color: #F59E0B !important;
}

/* Ocultar precio cuando es $0 - clase aplicada por JavaScript */
.fkcart-hide-zero-price .fkcart-shortcode-price {
    display: none !important;
}

/* ========================================
   ESTILOS MODERNOS PARA MI CUENTA / LOGIN
   ======================================== */

/* Contenedor principal de Mi Cuenta */
.e-my-account-tab {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 40px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* Título del formulario */
.woocommerce-form-login h2,
.e-my-account-tab h2 {
    color: #1A9B9E !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin-bottom: 30px !important;
    text-align: center !important;
}

/* Inputs de texto y password */
.woocommerce-Input--text,
.woocommerce-Input--password,
.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="password"] {
    width: 100% !important;
    padding: 12px 16px !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    background: #ffffff !important;
}

.woocommerce-Input--text:focus,
.woocommerce-Input--password:focus,
.woocommerce-form-login input[type="text"]:focus,
.woocommerce-form-login input[type="password"]:focus {
    outline: none !important;
    border-color: #1A9B9E !important;
    box-shadow: 0 0 0 3px rgba(26, 155, 158, 0.1) !important;
}

/* Labels */
.woocommerce-form-login label {
    display: block !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 8px !important;
    font-size: 14px !important;
}

.woocommerce-form-login .required {
    color: #dc2626 !important;
}

/* Contenedor de password con botón mostrar/ocultar */
.password-input {
    position: relative !important;
    display: block !important;
}

.password-input .show-password-input {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 8px !important;
    color: #6b7280 !important;
    transition: color 0.2s ease !important;
}

.password-input .show-password-input:hover {
    color: #1A9B9E !important;
}

/* Checkbox Recuérdame */
.woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
}

.woocommerce-form__input-checkbox {
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
    accent-color: #1A9B9E !important;
}

/* Botón de Acceder */
.woocommerce-button.button.woocommerce-form-login__submit {
    width: 100% !important;
    background: linear-gradient(135deg, #1A9B9E 0%, #158a8d 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 14px 24px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 10px !important;
}

.woocommerce-button.button.woocommerce-form-login__submit:hover {
    background: linear-gradient(135deg, #158a8d 0%, #127478 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 20px rgba(26, 155, 158, 0.3) !important;
}

.woocommerce-button.button.woocommerce-form-login__submit:active {
    transform: translateY(0) !important;
}

/* Enlace "Olvidaste la contraseña" */
.woocommerce-LostPassword.lost_password {
    text-align: center !important;
    margin-top: 20px !important;
}

.woocommerce-LostPassword.lost_password a {
    color: #1A9B9E !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
    border-bottom: 2px solid transparent !important;
}

.woocommerce-LostPassword.lost_password a:hover {
    color: #158a8d !important;
    border-bottom-color: #1A9B9E !important;
}

/* Espaciado entre campos */
.woocommerce-form-row {
    margin-bottom: 20px !important;
}

/* Contenedor del formulario */
.woocommerce-form-login.login {
    max-width: 450px !important;
    margin: 0 auto !important;
    height: auto !important;
}

/* Mensajes de error/éxito */
.woocommerce-notices-wrapper {
    margin-bottom: 20px !important;
}

.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin-bottom: 20px !important;
}

.woocommerce-error {
    background-color: #fee2e2 !important;
    border-left: 4px solid #dc2626 !important;
    color: #991b1b !important;
}

.woocommerce-message {
    background-color: #dcfce7 !important;
    border-left: 4px solid #16a34a !important;
    color: #166534 !important;
}

.woocommerce-info {
    background-color: #dbeafe !important;
    border-left: 4px solid #2563eb !important;
    color: #1e40af !important;
}

/* Responsive */
@media (max-width: 768px) {
    .e-my-account-tab {
        padding: 24px !important;
    }

    .woocommerce-form-login h2,
    .e-my-account-tab h2 {
        font-size: 24px !important;
    }

    .woocommerce-form-login.login {
        max-width: 100% !important;
    }
}