/* Default customization styles */
/* Auto-generated by Merchant API Customization System */

.gs-logo {
    width: 200px;
    height: auto;
    display: block;
    margin: 10px auto;
    text-align: center;
}

/* Logo positioning classes */
.logo-center {
    text-align: center;
}

.logo-left {
    float: left;
    text-align: left;
}

.logo-right {
    float: right;
    text-align: right;
}



/* Login background styles */
body#login {
    background-image: url('img/bg_login.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-attachment: fixed !important;
    min-height: 100vh !important;
    background-color: transparent !important;
}

/* Make login container semi-transparent to show background */
body#login .login-block.login-container {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(5px);
    border-radius: 10px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
/* End login background */