/* N11 Faturam Login v2 Design - Brand Refresh */

:root {
    --brand-primary: #FF44EE;
    --brand-magenta: #FF44EE;
    --brand-black: #111111;
    --brand-dark: #1b1b1b;
    --text-primary: #1b1b1b;
    --text-muted: #6b6b6b;
    --text-light: #9aa0a6;
    --border-color: #e5e5e5;
    --bg-light: #f7f7f8;
    --bg-white: #ffffff;
    --radius: 8px;
    --radius-sm: 4px;
    --shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* Login Form Container - Preserve original float layout, minimal styling */
.login-page #content .right {
    float: right !important;
    width: 25% !important;
    box-sizing: border-box !important;
}

.login-page #content .left {
    float: left !important;
    width: 74.3% !important;
    max-width: 870px !important;
}

/* Input Styling - Keep original design, only ensure white background */
.login-page .inputs input {
    background: #fff !important;
    box-shadow: none !important;
}

/* Login Button - Brand color only, keep original styling */
.login-page .send,
.login-page input[type="button"][value="GİRİŞ"],
.login-page #btnLogin {
    background: var(--brand-primary) !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    cursor: pointer;
    transition: background 0.2s;
    box-shadow: none !important;
}

.login-page .send:hover,
.login-page input[type="button"][value="GİRİŞ"]:hover,
.login-page #btnLogin:hover {
    background: #d63dd9 !important;
}

/* Forgot Password Link */
.login-page .sifreu {
    color: var(--brand-primary) !important;
    text-decoration: none;
    font-size: 14px;
    transition: text-decoration 0.2s;
}

.login-page .sifreu:hover {
    text-decoration: underline;
}

/* Footer Links */
.login-page .footer-contact a,
.login-page .footer-down a {
    color: var(--brand-primary) !important;
    text-decoration: none;
}

.login-page .footer-contact a:hover,
.login-page .footer-down a:hover {
    text-decoration: underline;
}

/* Hero Section on Login Page - No additional positioning needed, float is handled above */

/* Hero section text styling - keep minimal, don't override Owl layout */
.login-page .slide1area h2 {
    color: var(--brand-primary) !important;
    font-weight: 700 !important;
}

.login-page .slide1area p {
    color: var(--text-muted) !important;
}

.login-page .more-link {
    background: var(--brand-primary) !important;
    color: white !important;
    padding: 12px 24px;
    border-radius: var(--radius);
    text-decoration: none;
    display: inline-block;
    font-weight: 600;
    transition: background 0.2s;
    margin-top: 16px;
}

.login-page .more-link:hover {
    background: #d63dd9 !important;
}

/* Footer Headings */
.login-page .i-head,
.login-page .footer-up {
    color: var(--brand-dark) !important;
}

/* Result Messages */
.login-page #divResult {
    color: var(--text-primary) !important;
}

/* Dialog Buttons */
.login-page .ui-dialog .ui-dialog-buttonpane button {
    background: var(--brand-primary) !important;
    color: white !important;
    border: none !important;
    border-radius: var(--radius) !important;
    padding: 10px 20px;
    font-weight: 600;
    cursor: pointer;
}

.login-page .ui-dialog .ui-dialog-buttonpane button:hover {
    background: #d63dd9 !important;
}

/* Footer logo fix */
.login-page .footer-logo img,
.login-page .n11-logo img,
.login-page .dtp-logo img {
    height: auto;
    max-height: 48px;
    width: auto;
    object-fit: contain;
    display: block;
    filter: none !important;
}

/* Form image (logo in login form) */
.login-page img.formimg {
    width: 120px;
    height: auto;
    object-fit: contain;
    display: block;
    filter: none !important;
    margin: 0 auto 12px;
}