/*
 Theme Name:        GP Fashion Pro
 Theme URI:         https://technicalthought.com
 Description:       Premium GeneratePress Child Theme for WooCommerce Fashion Stores.
 Author:            Technical Thought
 Author URI:        https://technicalthought.com
 Template:          generatepress
 Version:           1.0.0
 Text Domain:       gp-fashion-pro
 License:           GNU General Public License v2 or later
 License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 Tags:              woocommerce, generatepress, ecommerce, fashion, responsive
*/

/* ==========================================
   Technical Thought - GP Fashion Pro
========================================== */

/* Navigation */
.main-navigation{
    box-shadow:0 2px 12px rgba(0,0,0,.08);
}

/* ==========================================
   WooCommerce My Account
========================================== */

.woocommerce-account .woocommerce{
    max-width:1200px;
    margin:50px auto;
}

.woocommerce-account .u-columns{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2{
    flex:1;
    min-width:340px;
}

/* Login/Register Card */

.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register{
    background:#fff;
    border:1px solid #ececec;

    padding:35px;

    transition:.3s;
}

.woocommerce-account .woocommerce-form-login:hover,
.woocommerce-account .woocommerce-form-register:hover{
    border-color:#e62d4e;
    box-shadow:0 18px 45px rgba(230,45,78,.12);
}

/* Heading */

.woocommerce-account h1{
    text-align:center;
    font-size:36px;
    color:#e62d4e;
    margin-bottom:40px;
}

.woocommerce-account h2{
    color:#e62d4e;
    font-size:24px;
    font-weight:700;
    margin-bottom:25px;
}

/* Labels */

.woocommerce-account label{
    font-weight:600;
    color:#444;
}

/* Inputs */

.woocommerce-account input.input-text{
    width:100%;
    height:52px;
    padding:0 16px;
    border:1px solid #ddd;
    border-radius:10px;
    background:#fff;
    transition:.3s;
}

.woocommerce-account input.input-text:focus{
    border-color:#e62d4e;
    box-shadow:0 0 0 4px rgba(230,45,78,.12);
    outline:none;
}

/* Button */

.woocommerce-account button.button{
    display:block;
    width:180px;
    margin:20px auto 0;
    background:#e62d4e!important;
    color:#fff!important;
    border:none!important;
    border-radius:8px;
    padding:14px 20px;
    font-size:15px;
    font-weight:600;
    transition:.3s;
}

.woocommerce-account button.button:hover{
    background:#c91f42!important;
    transform:translateY(-2px);
}


/* Force Center Login/Register Button */
.woocommerce-account .woocommerce-form-login button.button,
.woocommerce-account .woocommerce-form-register button.button{
    display:block !important;
    margin:20px auto !important;
    float:none !important;
    width:180px !important;
}

/* Remember Me */

.woocommerce-account .woocommerce-form__label{
    font-size:14px;
    font-weight:500;
}

/* Privacy */

.woocommerce-account .woocommerce-privacy-policy-text{
    margin:20px 0;
    padding:15px;
    background:#fff6f8;
    border-left:4px solid #e62d4e;
    border-radius:8px;
    font-size:12px;
    line-height:1.7;
}

/* Mobile */

@media (max-width:768px){

.woocommerce-account .u-columns{
display:block;
}

.woocommerce-account .u-column2{
margin-top:30px;
}

.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register{
padding:25px;
}

.woocommerce-account h1{
font-size:30px;
}

.woocommerce-account button.button{
width:100%;
}

}