/* famfam PDF Documents – マイアカウント注文一覧 */

/* ── ステータス色（PC・モバイル共通）───────────────────── */
mark.order-status {
    background: none !important;
    padding: 0 !important;
}
mark.order-status.processing span { color: #2e7d32; }
mark.order-status.completed span  { color: #1565c0; }
mark.order-status.cancelled span  { color: #999; }
mark.order-status.on-hold span    { color: #e65100; }

/* ── ボタン共通（PC・モバイル共通）─────────────────────── */
.woocommerce-orders-table .button,
.woocommerce-MyAccount-orders .button {
    font-size: 11px !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
}

.woocommerce-orders-table .button.view,
.woocommerce-MyAccount-orders .button.view {
    background-color: #1976d2 !important;
    border-color: #1565c0 !important;
    color: #fff !important;
}
.woocommerce-orders-table .button.view:hover,
.woocommerce-MyAccount-orders .button.view:hover {
    background-color: #1565c0 !important;
    color: #fff !important;
}

.woocommerce-orders-table .button.famfam_invoice,
.woocommerce-orders-table .button.famfam_receipt,
.woocommerce-MyAccount-orders .button.famfam_invoice,
.woocommerce-MyAccount-orders .button.famfam_receipt {
    background-color: #555 !important;
    border-color: #444 !important;
    color: #fff !important;
    margin-left: 6px !important;
}
.woocommerce-orders-table .button.famfam_invoice:hover,
.woocommerce-orders-table .button.famfam_receipt:hover,
.woocommerce-MyAccount-orders .button.famfam_invoice:hover,
.woocommerce-MyAccount-orders .button.famfam_receipt:hover {
    background-color: #333 !important;
    border-color: #222 !important;
    color: #fff !important;
}

/* ── モバイルのみ：カードレイアウト ────────────────────── */
@media (max-width: 650px) {

    .woocommerce-MyAccount-orders.woocommerce-orders-table {
        border: none !important;
        border-collapse: separate !important;
        border-spacing: 0 50px !important;
    }

    .woocommerce-orders-table__row {
        border: 1px solid #e5e5e5 !important;
        border-radius: 8px;
        box-shadow: 0 1px 3px rgba(0,0,0,.5);
    }

    .woocommerce-orders-table__row td {
        border: none !important;
        border-bottom: 1px solid #f0f0f0 !important;
        padding: 10px 14px !important;
        font-size: 13px;
        color: #333;
    }

    .woocommerce-orders-table__row td:last-child {
        border-bottom: none !important;
    }

    .woocommerce-orders-table__row td::before {
        font-size: 11px !important;
        color: #999 !important;
        font-weight: 500 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
    }

    .woocommerce-orders-table thead {
        display: none;
    }

    .woocommerce-orders-table__cell-order-actions {
        padding-top: 8px !important;
        padding-bottom: 10px !important;
    }
}