/* MySite Fatura Yükle — Hesabım */

/* Siparişlerim: fatura sütunu */
.msi-col-item { margin-bottom: 6px; }
.msi-col-item:last-child { margin-bottom: 0; }
.msi-none { color: #ccc; font-size: 13px; }

/* ── Zarif PDF indir butonu ── */
.msi-dl-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: transparent;
    color: #1e6aa8;
    border: 1.5px solid #1e6aa8;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.18s, color 0.18s, border-color 0.18s, box-shadow 0.18s;
    white-space: nowrap;
    letter-spacing: 0.2px;
}
.msi-dl-btn svg {
    flex-shrink: 0;
    transition: transform 0.18s;
}
.msi-dl-btn:hover {
    background: #1e6aa8;
    color: #fff;
    border-color: #1e6aa8;
    box-shadow: 0 2px 8px rgba(30,106,168,.25);
    text-decoration: none;
}
.msi-dl-btn:hover svg {
    transform: translateY(2px);
}
.msi-dl-btn:active {
    background: #155287;
    border-color: #155287;
    box-shadow: none;
}

/* Sipariş detayı kutusu */
.msi-detail-box {
    margin-top: 28px;
    padding: 20px 22px;
    background: #f6faff;
    border: 1px solid #c8dff5;
    border-radius: 8px;
}
.msi-detail-box h2 { margin: 0 0 14px; font-size: 16px; }

.msi-detail-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.msi-detail-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 11px 0;
    border-bottom: 1px solid #ddeaf7;
}
.msi-detail-list li:last-child { border-bottom: none; padding-bottom: 0; }

.msi-detail-info { display: flex; flex-direction: column; gap: 2px; }
.msi-detail-info strong { font-size: 14px; color: #1d2327; }
.msi-detail-name { font-size: 12px; color: #646970; }
.msi-detail-date { font-size: 11px; color: #a7aaad; }

/* Faturalarım sayfası tablosu */
.msi-invoices-table { width: 100%; border-collapse: collapse; }
.msi-invoices-table th {
    background: #1e6aa8;
    color: #fff;
    padding: 10px 14px;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
}
.msi-invoices-table td {
    padding: 11px 14px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    font-size: 13px;
}
.msi-invoices-table tr:nth-child(even) td { background: #f8fafc; }
.msi-invoices-table tr:hover td { background: #f0f6fc; }
.msi-filename { font-size: 12px; color: #646970; }
.msi-order-total { display: block; font-size: 11px; color: #a7aaad; margin-top: 2px; }

/* Responsive */
@media (max-width: 640px) {
    .msi-detail-list li { flex-direction: column; align-items: flex-start; }
    .msi-dl-btn span { display: none; }
    .msi-dl-btn { padding: 8px 10px; }
}

/* ── Siparişlerim: "Görüntüle" butonunu Fatura İndir ile aynı stile getir ── */
.woocommerce-orders-table .woocommerce-button,
.woocommerce-MyAccount-orders .button,
table.shop_table.my_account_orders td.woocommerce-orders-table__cell-order-actions a.button,
.woocommerce-orders-table__cell-order-actions a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    background: transparent !important;
    color: #1e6aa8 !important;
    border: 1.5px solid #1e6aa8 !important;
    border-radius: 6px !important;
    padding: 7px 14px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background 0.18s, color 0.18s, box-shadow 0.18s !important;
    white-space: nowrap !important;
    letter-spacing: 0.2px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    line-height: 1.4 !important;
}

.woocommerce-orders-table .woocommerce-button:hover,
.woocommerce-MyAccount-orders .button:hover,
table.shop_table.my_account_orders td.woocommerce-orders-table__cell-order-actions a.button:hover,
.woocommerce-orders-table__cell-order-actions a:hover {
    background: #1e6aa8 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(30,106,168,.25) !important;
    text-decoration: none !important;
}

.woocommerce-orders-table .woocommerce-button:active,
.woocommerce-MyAccount-orders .button:active,
.woocommerce-orders-table__cell-order-actions a:active {
    background: #155287 !important;
    border-color: #155287 !important;
    box-shadow: none !important;
}