/*
 * MogStyle Shop - My Account guest skin
 * Loaded only on the logged-out My Account page.
 */

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .wvn-account-links {
    margin-bottom: 30px !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .wvn-account-links li a {
    color: #a9a9b2 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .wvn-account-links li a:hover,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .wvn-account-links li a.current {
    color: #ffffff !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .wvn-account-links li.or {
    color: #ffffff !important;
    background: #180607 !important;
    border: 1px solid rgba(229, 9, 20, .55) !important;
    box-shadow: none !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container.xoo-el-form-inline {
    width: 100% !important;
    max-width: 700px !important;
    padding: 18px !important;
    color: #f5f5f7 !important;
    background: linear-gradient(180deg, #111115 0%, #09090c 100%) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .34) !important;
    box-sizing: border-box !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container ul.xoo-el-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container ul.xoo-el-tabs li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    color: #d7d7dc !important;
    background: #17171c !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    cursor: pointer !important;
    opacity: 1 !important;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container ul.xoo-el-tabs li:hover {
    color: #ffffff !important;
    background: #251012 !important;
    border-color: rgba(229, 9, 20, .55) !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #e50914 0%, #a90008 100%) !important;
    border-color: #ef2a34 !important;
    box-shadow: 0 8px 24px rgba(229, 9, 20, .24) !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-el-section,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container form.xoo-el-action-form {
    color: #f5f5f7 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-el-section {
    padding: 0 !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container form.xoo-el-action-form {
    margin: 0 !important;
    padding: 0 !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-aff-group,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-aff-group label {
    color: #e6e6eb !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-aff-input-group {
    min-height: 50px !important;
    color: #ffffff !important;
    background: #0b0b0e !important;
    border: 1px solid #35353d !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-aff-input-group:focus-within {
    border-color: #e50914 !important;
    box-shadow: 0 0 0 3px rgba(229, 9, 20, .18) !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-aff-input-icon {
    display: flex !important;
    flex: 0 0 48px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    min-width: 48px !important;
    color: #ff3838 !important;
    background: #16161b !important;
    border: 0 !important;
    border-right: 1px solid #35353d !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container input.xoo-aff-field,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container select.xoo-aff-field,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container textarea.xoo-aff-field {
    min-height: 48px !important;
    margin: 0 !important;
    padding: 8px 42px 8px 14px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
    background: #0b0b0e !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container input.xoo-aff-field::placeholder,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container textarea.xoo-aff-field::placeholder {
    color: #9696a1 !important;
    -webkit-text-fill-color: #9696a1 !important;
    opacity: 1 !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container input.xoo-aff-field:-webkit-autofill,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container input.xoo-aff-field:-webkit-autofill:hover,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container input.xoo-aff-field:-webkit-autofill:focus,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container input.xoo-aff-field:-webkit-autofill:active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0 1000px #0b0b0e inset !important;
    box-shadow: 0 0 0 1000px #0b0b0e inset !important;
    transition: background-color 9999s ease-out 0s !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-aff-pw-toggle {
    color: #b8b8c1 !important;
    opacity: 1 !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-aff-pw-toggle:hover {
    color: #ffffff !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-el-login-btm-fields,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-el-login-btm-fields label,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-el-login-btm-fields span,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-el-lostpw-tgr {
    color: #e1e1e6 !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container input[type="checkbox"] {
    accent-color: #e50914 !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-el-lostpw-tgr,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-el-privacy-policy a,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-forgot-link {
    color: #ff555d !important;
    text-decoration: none !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-el-lostpw-tgr:hover,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-el-privacy-policy a:hover,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-forgot-link:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container button.xoo-el-action-btn {
    min-height: 46px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #e50914 0%, #a90008 100%) !important;
    border: 1px solid #ef2a34 !important;
    border-radius: 11px !important;
    box-shadow: 0 8px 24px rgba(229, 9, 20, .22) !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container button.xoo-el-action-btn:hover,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container button.xoo-el-action-btn:focus-visible {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ff1722 0%, #c3000a 100%) !important;
    border-color: #ff4b53 !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-login-panel,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-login-title,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-login-subtitle,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-status,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-trust-row {
    color: #f2f2f5 !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-login-subtitle,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-trust-row {
    color: #c7c7cf !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-login-buttons {
    gap: 8px !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-btn {
    min-height: 42px !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .20) !important;
    border-radius: 9px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .28) !important;
    overflow: hidden !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-btn:hover,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-btn:focus-visible {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, .48) !important;
    filter: brightness(1.10) !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-btn-label,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-btn-copy,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-btn-media {
    color: #ffffff !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-fallback,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container input.xla-otp-input,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container input.xla-authenticator-input {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: #0b0b0e !important;
    border-color: #35353d !important;
}

body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-el-notice,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-el-notice-error,
body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xoo-el-notice-success {
    color: #ffffff !important;
    background: #15151a !important;
    border-color: rgba(229, 9, 20, .55) !important;
}

@media (max-width: 767px) {
    body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .wvn-account-links {
        margin-bottom: 20px !important;
    }

    body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container.xoo-el-form-inline {
        padding: 14px !important;
        border-radius: 16px !important;
    }
}

@media (max-width: 430px) {
    body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container ul.xoo-el-tabs,
    body.mogstyle-account-guest.mogstyle-account-skin #mog-shop-force-page .xoo-el-form-container .xla-login-buttons {
        grid-template-columns: 1fr !important;
    }
}