/* css/wc-account.css
   Mavi Ay Sigorta — WooCommerce Hesabım & Giriş Sayfası Özel Stilleri
   ============================================================ */

/* ── SAYFA ARKA PLANI ── */
.woocommerce-account body,
body.woocommerce-account {
    background: linear-gradient(135deg, #0D1B3E 0%, #1A2B5C 55%, #2E5FC2 100%) !important;
    min-height: 100vh;
}

/* ── GİRİŞ SAYFASI SARICI ── */
.woocommerce-account .woocommerce {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* ── LOGO + MARKA (woocommerce_before_customer_login_form) ── */
.ma-wc-login-brand {
    text-align: center;
    margin-bottom: 2rem;
    animation: maWcFade .5s ease both;
}

@keyframes maWcFade {
    from { opacity:0; transform:translateY(-12px); }
    to   { opacity:1; transform:translateY(0); }
}

.ma-wc-logo {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #C9A84C;
    box-shadow: 0 8px 32px rgba(0,0,0,.35);
    margin: 0 auto 14px;
    display: block;
}

.ma-wc-site-name {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 26px;
    color: #fff;
    margin: 0 0 6px;
    font-weight: 700;
}

.ma-wc-site-name span { color: #C9A84C; }

.ma-wc-tagline {
    font-size: 13px;
    color: rgba(255,255,255,.6);
    margin: 0;
    letter-spacing: .5px;
}

.ma-wc-register-head { margin-bottom: .5rem; }
.ma-wc-register-sub {
    font-size: 14px;
    color: rgba(255,255,255,.55);
    text-align: center;
}

/* ── FORM KARTLARI ── */
.woocommerce-account .col-1,
.woocommerce-account .col-2 {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 2.25rem 2.5rem !important;
    box-shadow: 0 24px 60px rgba(0,0,0,.3) !important;
    border: none !important;
    animation: maWcUp .5s ease .1s both;
}

@keyframes maWcUp {
    from { opacity:0; transform:translateY(14px); }
    to   { opacity:1; transform:translateY(0); }
}

.woocommerce-account .col-1 h2,
.woocommerce-account .col-2 h2 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 20px !important;
    color: #1A2B5C !important;
    margin-bottom: 1.5rem !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(26,43,92,.1) !important;
}

/* ── FORM ALANLARI ── */
.woocommerce-account .woocommerce-form__label {
    font-family: 'Outfit', sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #1A2B5C !important;
    letter-spacing: .2px !important;
}

.woocommerce-account .woocommerce-Input,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="tel"] {
    border: 1.5px solid rgba(26,43,92,.15) !important;
    border-radius: 8px !important;
    padding: 11px 14px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 14px !important;
    color: #1e293b !important;
    background: #fafbfd !important;
    box-shadow: none !important;
    width: 100% !important;
    transition: border-color .2s, box-shadow .2s !important;
}

.woocommerce-account input[type="text"]:focus,
.woocommerce-account input[type="email"]:focus,
.woocommerce-account input[type="password"]:focus {
    border-color: #2E5FC2 !important;
    box-shadow: 0 0 0 3px rgba(46,95,194,.09) !important;
    background: #fff !important;
    outline: none !important;
}

/* ── GİRİŞ BUTONU ── */
.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit,
.woocommerce-account .woocommerce-Button {
    background: #1A2B5C !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 13px 28px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: background .2s !important;
    width: 100% !important;
}

.woocommerce-account .woocommerce-form-login__submit:hover,
.woocommerce-account .woocommerce-form-register__submit:hover {
    background: #2E5FC2 !important;
}

/* Beni Hatırla */
.woocommerce-account .woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: #6A7A9A !important;
    font-weight: 400 !important;
}

.woocommerce-account .woocommerce-form__input-checkbox {
    width: 16px !important;
    height: 16px !important;
    accent-color: #1A2B5C !important;
    flex-shrink: 0 !important;
}

/* Şifremi unuttum */
.woocommerce-account .woocommerce-LostPassword a {
    color: #2E5FC2 !important;
    font-size: 13px !important;
    font-family: 'Outfit', sans-serif !important;
}

/* ── HESABIM PANEL (giriş yapılmış) ── */
.woocommerce-account .woocommerce-MyAccount-navigation {
    background: #fff !important;
    border-radius: 12px !important;
    padding: 8px 0 !important;
    border: 1px solid rgba(26,43,92,.1) !important;
    box-shadow: 0 4px 20px rgba(26,43,92,.08) !important;
    overflow: hidden;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 11px 20px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #2A3550 !important;
    text-decoration: none !important;
    border-left: 3px solid transparent !important;
    transition: all .18s !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: #E8EFF9 !important;
    color: #1A2B5C !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: #E8EFF9 !important;
    color: #1A2B5C !important;
    border-left-color: #C9A84C !important;
    font-weight: 700 !important;
}

/* ── HESABIM İÇERİK ALANI ── */
.woocommerce-account .woocommerce-MyAccount-content {
    background: #fff !important;
    border-radius: 12px !important;
    padding: 2rem !important;
    border: 1px solid rgba(26,43,92,.1) !important;
    box-shadow: 0 4px 20px rgba(26,43,92,.08) !important;
}

/* ── MESAJLAR ── */
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info {
    border-radius: 8px !important;
    border-left: none !important;
    font-family: 'Outfit', sans-serif !important;
}

/* ── TEKLİFLERİM TABLOSU ── */
.woocommerce-account .woocommerce-orders-table {
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid rgba(26,43,92,.1) !important;
}

.woocommerce-account .woocommerce-orders-table th {
    background: #E8EFF9 !important;
    color: #1A2B5C !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important;
    padding: 12px 16px !important;
}

.woocommerce-account .woocommerce-orders-table td {
    padding: 12px 16px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 13.5px !important;
    border-bottom: 1px solid rgba(26,43,92,.06) !important;
}

/* ── ANA SAYFAYA DÖN LİNKİ ── */
.ma-wc-footer-note {
    text-align: center;
    margin-top: 1.25rem;
    font-size: 13px;
}

.ma-wc-footer-note a {
    color: rgba(255,255,255,.6) !important;
    text-decoration: none;
    transition: color .2s;
}

.ma-wc-footer-note a:hover {
    color: rgba(255,255,255,.9) !important;
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
    .woocommerce-account .col-1,
    .woocommerce-account .col-2 {
        padding: 1.75rem 1.5rem !important;
    }

    .ma-wc-logo {
        width: 72px;
        height: 72px;
    }

    .ma-wc-site-name {
        font-size: 22px;
    }
}