/* Account pages common styles (myinfo, register, memberlogin, forgotpassword, passwordchange, myorderdetail) */

/* Messages (ul.messages > li.error-msg / success-msg) */
.messages { list-style: none; padding: 0; margin: 0.5rem 0; font-size: 0.875rem; }
.messages .error-msg { color: #dc2626; }
.messages .success-msg { color: #16a34a; }
.messages .error-msg ul,
.messages .success-msg ul { list-style: none; padding: 0; margin: 0; }

/* Register: phone validation icon */
.input-box { position: relative; }
.pm-valid-icon { display: none; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #16a34a; font-size: 14px; }
.pm-valid-icon.show { display: block; }

/* MyOrderDetail: order table zebra */
#grdOrderDetail tbody tr:nth-child(odd) { background: rgb(249 250 251); }

/* ── Default.aspx (Siparişlerim) ── */

    /* ── LAYOUT ── */
    .acc-wrap        { padding-top: 96px; padding-bottom: 64px; }
    .acc-inner       { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
    .acc-grid        { display: grid; grid-template-columns: 1fr; gap: 32px; }
    @media(min-width:1024px){ .acc-grid { grid-template-columns: 280px 1fr; } }

    /* ── SIDEBAR ── */
    .acc-sidebar     { background:#fff; border:1px solid #f1f5f9; border-radius:16px; padding:16px; box-shadow:0 1px 3px rgba(0,0,0,.06); }
    @media(min-width:1024px){ .acc-sidebar { position:sticky; top:112px; } }

    .acc-user        { display:flex; align-items:center; gap:12px; background:#f8fafc; border-radius:12px; padding:12px; margin-bottom:16px; }
    .acc-avatar      { width:40px; height:40px; border-radius:50%; background:#e0e7ff; color:#4f46e5; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; flex-shrink:0; }
    .acc-uname       { font-size:13px; font-weight:600; color:#1e293b; }
    .acc-upanel      { font-size:11px; color:#94a3b8; }

    .acc-nav         { display:flex; flex-direction:column; gap:4px; }
    .acc-nav a,
    .acc-nav .acc-signout { display:flex; align-items:center; gap:10px; padding:10px 14px; border-radius:10px; font-size:13px; font-weight:500; color:#475569; text-decoration:none; transition:background .15s,color .15s; background:none; border:none; cursor:pointer; width:100%; }
    .acc-nav a:hover,
    .acc-nav .acc-signout:hover { background:#f8fafc; color:#1e293b; }
    .acc-nav a.active { background:#eef2ff; color:#4f46e5; }
    .acc-nav .acc-signout { color:#ef4444; }
    .acc-nav .acc-signout:hover { background:#fef2f2; color:#dc2626; }
    .acc-nav-icon    { width:16px; height:16px; opacity:.65; flex-shrink:0; }
    .acc-nav-divider { border:none; border-top:1px solid #f1f5f9; margin:10px 0; }

    /* ── MAIN ── */
    .acc-page-title  { font-family: 'Cormorant Garamond', serif; font-size:22px; font-weight:700; color:#1e293b; letter-spacing:.06em; text-transform:uppercase; margin-bottom:24px; padding-bottom:16px; border-bottom:1px solid #e2e8f0; }

    /* ── TABLE HEADER ── */
    .ord-thead       { display:none; }
    @media(min-width:768px){
        .ord-thead   { display:grid; grid-template-columns: 3fr 2fr 3fr 4fr; gap:16px; padding:14px 32px; background:#f8fafc; border:1px solid #f1f5f9; border-radius:16px 16px 0 0; font-size:10px; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:.12em; }
        .ord-thead-actions { text-align:right; }
    }

    /* ── ORDER ROW ── */
    .ord-list        { display:flex; flex-direction:column; gap:12px; }
    @media(min-width:768px){ .ord-list { gap:0; } }

    .ord-row         { background:#fff; border:1px solid #f1f5f9; border-radius:16px; padding:20px 24px; box-shadow:0 1px 3px rgba(0,0,0,.04); transition:box-shadow .2s; }
    @media(min-width:768px){
        .ord-row     { border-radius:0; border-top:none; padding:20px 32px; }
        .ord-row:first-child { border-top:1px solid #f1f5f9; }
        .ord-row:last-child  { border-radius:0 0 16px 16px; }
        .ord-row:hover       { box-shadow:0 4px 12px rgba(0,0,0,.07); }
    }

    .ord-row-inner   { display:grid; grid-template-columns:1fr; gap:12px; align-items:center; }
    @media(min-width:768px){ .ord-row-inner { grid-template-columns: 3fr 2fr 3fr 4fr; gap:16px; } }

    /* mobile label */
    .ord-mob-label   { display:inline-block; font-size:10px; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:.1em; margin-right:8px; }
    @media(min-width:768px){ .ord-mob-label { display:none; } }

    .ord-cell-no     { border-bottom:1px solid #f1f5f9; padding-bottom:10px; }
    @media(min-width:768px){ .ord-cell-no { border-bottom:none; padding-bottom:0; } }

    .ord-num         { font-size:14px; font-weight:700; color:#1e293b; }
    .ord-date        { font-size:11px; color:#94a3b8; font-weight:500; margin-top:2px; }

    /* amount */
    .ord-amount      { font-size:15px; font-weight:700; color:#1e293b; }
    .ord-currency    { font-size:10px; color:#94a3b8; text-transform:uppercase; font-style:italic; font-weight:400; margin-left:2px; }

    /* status badges (2.png palette) */
    .badge           { display:inline-flex; align-items:center; padding:6px 12px; border-radius:8px; font-size:10px; font-weight:700; gap:6px; }
    .badge-pending   { background:#FFF8E6; color:#F0A70E; border:1px solid rgba(240,167,14,.3); }
    .badge-delivered { background:#E6F8F0; color:#0EE670; border:1px solid rgba(14,230,112,.3); }
    .badge-shipped   { background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; }
    .badge-cancelled { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
    .badge-default   { background:#f8fafc; color:#64748b; border:1px solid #e2e8f0; }
    .badge-dot       { width:7px; height:7px; border-radius:50%; background:#F0A70E; animation:pulse 1.5s infinite; flex-shrink:0; }
    .badge-check     { width:12px; height:12px; margin-right:4px; flex-shrink:0; }
    @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.4} }

    /* buttons (2.png palette) */
    .ord-actions     { display:flex; gap:8px; padding-top:14px; border-top:1px solid #f1f5f9; }
    @media(min-width:768px){ .ord-actions { padding-top:0; border-top:none; justify-content:flex-end; } }

    .btn             { display:inline-flex; align-items:center; justify-content:center; padding:9px 18px; border-radius:10px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; text-decoration:none; cursor:pointer; transition:background .15s,box-shadow .15s; border:none; white-space:nowrap; }
    @media(min-width:768px){ .btn { min-width:120px; } }
    .btn-detail      { background:#fff !important; border:1px solid #e2e8f0; color:#64748b !important; flex:1; }
    .btn-detail:hover{ background:#f8fafc !important; }
    .ord-actions .btn.btn-pay,
    .btn-pay         { background:#5D50FF !important; color:#fff !important; box-shadow:0 4px 12px rgba(93,80,255,.25); flex:1; }
    .ord-actions .btn.btn-pay:hover,
    .btn-pay:hover   { background:#4a3de6 !important; color:#fff !important; }
    .ord-actions .btn.btn-reorder,
    .btn-reorder     { background:#000 !important; color:#fff !important; flex:1; }
    .ord-actions .btn.btn-reorder:hover,
    .btn-reorder:hover{ background:#d1f0e0 !important; color:#0EE670 !important; }
    .ord-actions .btn.btn-shipped,
    .btn-shipped     { background:#7c3aed !important; color:#fff !important; flex:1; }
    .ord-actions .btn.btn-shipped:hover,
    .btn-shipped:hover{ background:#6d28d9 !important; color:#fff !important; }
    .ord-actions .btn.btn-default,
    .btn-default    { background:#f1f5f9 !important; color:#475569 !important; flex:1; }
    .btn-default:hover{ background:#e2e8f0 !important; color:#475569 !important; }

/* ── myaddress.aspx ── */
.addr-grid           { display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:16px; }
.addr-card           { background:#fff; border:1px solid #f1f5f9; border-radius:16px; padding:20px; box-shadow:0 1px 3px rgba(0,0,0,.04); transition:box-shadow .2s; }
.addr-card:hover     { box-shadow:0 4px 12px rgba(0,0,0,.07); }
.addr-card-body      { display:flex; flex-direction:column; gap:12px; min-height:160px; }
.addr-title          { font-size:14px; font-weight:700; color:#1e293b; }
.addr-default-badge  { display:inline-block; margin-left:8px; padding:2px 8px; border-radius:6px; font-size:9px; font-weight:700; text-transform:uppercase; background:#eef2ff; color:#4f46e5; }
.addr-line           { font-size:13px; color:#64748b; line-height:1.5; }
.addr-card-actions   { display:flex; gap:12px; margin-top:auto; padding-top:12px; border-top:1px solid #f1f5f9; }
.addr-edit-link      { font-size:11px; font-weight:600; color:#4f46e5; text-decoration:none; }
.addr-edit-link:hover{ text-decoration:underline; }
.addr-delete-link    { font-size:11px; font-weight:600; color:#dc2626; text-decoration:none; background:none; border:none; cursor:pointer; padding:0; }
.addr-delete-link:hover{ text-decoration:underline; }
.addr-card-add       { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:200px; border:2px dashed #e2e8f0; background:#fafafa; text-decoration:none; color:#94a3b8; transition:all .2s; }
.addr-card-add:hover { border-color:#4f46e5; color:#4f46e5; background:#f8fafc; }
.addr-add-icon       { font-size:48px; font-weight:300; line-height:1; margin-bottom:8px; }
.addr-add-text       { font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; }

/* ── Form (myinfo, addressedit) ── */
.f-label        { display:block; font-size:13px; font-weight:500; color:#374151; margin-bottom:6px; }
.f-label em     { color:#ef4444; font-style:normal; margin-right:2px; }
.f-input        { display:block; width:100%; box-sizing:border-box; border:1px solid #d1d5db; border-radius:8px; padding:10px 14px; font-size:14px; color:#1e293b; background:#fff; outline:none; transition:border-color .15s, box-shadow .15s; }
.f-input:focus  { border-color:#6366f1; box-shadow:0 0 0 3px rgba(99,102,241,.1); }
textarea.f-input{ resize:vertical; min-height:88px; }
.f-error        { display:block; font-size:12px; color:#dc2626; margin-top:4px; }
.f-value        { font-size:13px; color:#64748b; }
.f-card         { background:#fff; border:1px solid #f1f5f9; border-radius:16px; padding:28px; box-shadow:0 1px 3px rgba(0,0,0,.04); }
.f-section      { border-top:1px solid #f1f5f9; padding-top:24px; margin-top:8px; }
.f-section-title{ font-size:13px; font-weight:600; color:#1e293b; margin-bottom:16px; }
.f-group        { display:flex; flex-direction:column; gap:20px; }
.f-check-row    { display:flex; align-items:center; gap:10px; }
.f-check-row input[type=checkbox] { width:16px; height:16px; accent-color:#4f46e5; cursor:pointer; }
.f-check-label  { font-size:13px; color:#374151; cursor:pointer; }
.f-footer       { display:flex; flex-direction:column; gap:12px; margin-top:24px; }
@media(min-width:640px){ .f-footer { flex-direction:row; align-items:center; justify-content:space-between; } }
.f-back-link    { font-size:13px; color:#64748b; text-decoration:none; }
.f-back-link:hover{ color:#1e293b; text-decoration:underline; }
.f-save-btn     { display:inline-flex; align-items:center; justify-content:center; background:#1e293b; color:#fff; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; padding:12px 28px; border-radius:10px; border:none; cursor:pointer; transition:background .15s; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.f-save-btn:hover{ background:#0f172a; }

/* ── addressedit.aspx ── */
/* Ana içerik sütunu min-w-0 ile 220px'e daralıyordu; min genişlik ver */
.addr-page-main { min-width: 360px; }
@media(min-width:1024px){ .addr-page-main { min-width: 480px; } }
/* Tailwind grid-cols-2 uses minmax(0,1fr) which collapses; use custom grid with min column width */
.addr-form-grid { display:grid; grid-template-columns:1fr; gap:24px; }
@media(min-width:640px){
  .addr-form-grid { grid-template-columns:minmax(180px,1fr) minmax(180px,1fr); }
}
.addr-edit-form select,
.addr-edit-form input[type="text"],
.addr-edit-form input[type="tel"],
.addr-edit-form textarea,
.register-loc-addr select,
.register-loc-addr input[type="text"],
.register-loc-addr input[type="tel"],
.register-loc-addr textarea { width:100% !important; box-sizing:border-box; max-width:100%; }
.addr-edit-form select,
.register-loc-addr select { min-width:0; }

/* Safari select height fix (same as step1-ddl-city / step1-ddl-district) */
.addr-edit-form select.f-input,
.register-loc-addr select.f-input {
    min-height: 42px;
    height: 42px;
    line-height: 1.5;
    padding-top: 8px;
    padding-bottom: 8px;
}

/* addressedit: Alpine validation (step1-aligned) */
.addr-validation-messages { margin-bottom: 1.5rem; }
.addr-validation-messages .messages {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.875rem;
}
.addr-validation-messages .error-msg {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 10px;
    padding: 14px 18px;
    color: #b91c1c;
}
.addr-validation-messages .error-msg ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.addr-validation-messages .error-msg li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 6px;
}
.addr-validation-messages .error-msg li:last-child { margin-bottom: 0; }
.addr-validation-messages .error-msg li::before {
    content: "!";
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #b91c1c;
    color: white;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
}
.addr-field-error {
    font-size: 0.75rem;
    color: #b91c1c;
    margin-top: 4px;
}
.addr-input-error {
    border-color: #f87171 !important;
    box-shadow: 0 0 0 1px #f87171;
}

/* ── myorderdetail.aspx ── */
.ord-detail-main { min-width: 0; }
@media(min-width:1024px){ .ord-detail-main { min-width: 480px; } }

.ord-detail-info-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin-bottom: 32px; }
@media(min-width:640px){ .ord-detail-info-grid { grid-template-columns: 1fr 1fr; } }

.ord-detail-box { border: 1px solid #f1f5f9; border-radius: 16px; padding: 20px; background: #fff; }
.ord-detail-box h2 { font-size: 11px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: .12em; margin: 0 0 12px; }
.ord-detail-box address { font-size: 13px; color: #475569; line-height: 1.6; font-style: normal; }

/* Table wrapper */
.ord-detail-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid #f1f5f9; border-radius: 16px; background: #fff; }
.ord-detail-table-wrap > table { width: 100%; border-collapse: collapse; min-width: 520px; }

/* Column widths */
.ord-detail-table-wrap .col-img   { width: 88px; text-align: center; }
.ord-detail-table-wrap .col-name  { text-align: left; }
.ord-detail-table-wrap .col-qty   { width: 80px; text-align: center; }
.ord-detail-table-wrap .col-price { width: 130px; text-align: right; }
.ord-detail-table-wrap .col-total { width: 130px; text-align: right; }
.ord-detail-table-wrap .col-empty { border: none; background: transparent; }

/* Header */
.ord-detail-table-wrap thead th { padding: 14px 16px; font-size: 10px; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: .1em; background: #f8fafc; border-bottom: 1px solid #f1f5f9; white-space: nowrap; }

/* Body rows */
.ord-detail-table-wrap tbody td { padding: 16px; font-size: 13px; color: #1e293b; border-bottom: 1px solid #f1f5f9; vertical-align: middle; }
.ord-detail-table-wrap tbody tr:last-child td { border-bottom: none; }
.ord-detail-table-wrap tbody tr:nth-child(even) td { background: #f9fafb; }

/* Footer */
.ord-detail-table-wrap tfoot td { padding: 11px 16px; font-size: 13px; background: #f8fafc; border-top: 1px solid #f1f5f9; }
.ord-detail-table-wrap tfoot .col-empty { background: transparent; border-top: none; }
.ord-detail-table-wrap tfoot .ord-foot-label { color: #64748b; font-weight: 500; text-align: right; }
.ord-detail-table-wrap tfoot .ord-foot-val   { color: #1e293b; font-weight: 600; text-align: right; white-space: nowrap; }
.ord-detail-table-wrap tfoot .ord-foot-discount { color: #dc2626; }
.ord-detail-table-wrap tfoot .ord-foot-total-row td { background: #f1f5f9; }
.ord-detail-table-wrap tfoot .ord-foot-total-row .ord-foot-label,
.ord-detail-table-wrap tfoot .ord-foot-total-row .ord-foot-val { font-weight: 700; font-size: 14px; color: #1e293b; }

/* Product thumbnail */
.ord-detail-thumb { width: 60px; height: 60px; object-fit: cover; border-radius: 10px; display: block; margin: 0 auto; border: 1px solid #f1f5f9; }

/* Links */
.ord-detail-table-wrap a { color: #4f46e5; text-decoration: none; font-weight: 500; }
.ord-detail-table-wrap a:hover { color: #4338ca; text-decoration: underline; }

/* Back link */
.ord-detail-back { font-size: 13px; color: #64748b; text-decoration: none; margin-top: 24px; display: inline-flex; align-items: center; gap: 4px; }
.ord-detail-back:hover { color: #1e293b; text-decoration: underline; }

/* Section title above table */
.ord-detail-title { font-size: 11px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: .12em; padding: 14px 16px; background: #f8fafc; border-bottom: 1px solid #f1f5f9; border-radius: 16px 16px 0 0; }