/*
Theme Name: Listivo Child
Theme URI: https://listivotheme.com/
Author: TangibleDesign
Author URI: https://tangibledesign.net/
Description: Listivo
Template: listivo
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: translation-ready
Text Domain: listivo

/*
 * Universal Password Field Toggle Styles
 */

/* 1. The wrapper we create with JavaScript */
.password-wrapper {
    position: relative;
    width: 100%; /* Ensures it fills the space of the original input */
}

/* 2. The password input field *inside* our wrapper */
.password-wrapper input[type="password"],
.password-wrapper input[type="text"] {
    /* This is important to make space on the right for the icon */
    padding-right: 45px !important;
    
    /* Ensures the input field still behaves like a normal full-width field */
    box-sizing: border-box;
    width: 100%;
}

/* 3. The icon itself */
.toggle-password-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
    color: #888;
}

.toggle-password-icon:hover {
    color: #333;
}