/* Müşteri sipariş sayfaları (yeni sipariş, toplu sipariş, geçmiş, damlatma, abonelik, servis listesi, herkese açık servis
   listesi). Ortak sınıflar (.well, .label, .nav-pills, .pagination, .progress ...) ve renkler pearl-white.css içindedir;
   buradaki kurallar yalnızca bu sayfalara özgüdür ve "pw-" önekini taşır. Harici yazı tipi ya da dosya yoktur. */

/* Yardımcı metinler: kategori adı, iade tutarı, kapatma ve inceleme açıklamaları */
.pw-muted {
    color: var(--pw-muted);
    font-size: 12px;
}

.pw-refund {
    margin-top: 2px;
    color: var(--pw-muted);
    font-size: 12px;
}

/* Yeni sipariş: hizmet açıklaması kutusu ve toplam satırı */
.pw-description-text {
    margin: 0;
    color: var(--pw-text);
    white-space: pre-line;
    word-break: break-word;
}

.pw-description-meta {
    margin: 8px 0 0;
    font-size: 12px;
    color: var(--pw-muted);
}

.pw-total-line {
    display: inline-block;
    margin-bottom: 0;
}

/* Damlatma ve abonelik: ilerleme çubuğu (ince) ve hücresi */
.pw-progress {
    height: 6px;
    margin-top: 4px;
    background-color: var(--pw-well-border);
    border-radius: 3px;
}

.pw-progress-cell {
    min-width: 120px;
}

/* Servis listesi: kategori başlığı (kutunun içinde) */
.pw-category-title {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 400;
    color: var(--pw-heading);
}

/* Sipariş geçmişi: durum sekmeleri, arama ve tablo */
.pw-status-tabs {
    margin-bottom: 15px;
}

.pw-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.pw-toolbar__search {
    flex: 0 1 340px;
    margin: 0 0 8px;
}

.pw-toolbar__clear {
    margin: 0 0 8px 12px;
    color: var(--pw-link, #1ca8dd);
}

.pw-search .form-control {
    height: 35px;
}

.pw-table-wrap {
    margin-top: 5px;
}

.pw-link {
    max-width: 280px;
    word-break: break-all;
}

/* Sipariş satırındaki işlem düğmeleri (yenile, iptal) */
.pw-task-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.pw-inline-form {
    display: inline-block;
    margin: 0;
}

@media (max-width: 767px) {
    .pw-toolbar__search {
        flex: 1 1 100%;
    }

    .pw-toolbar__clear {
        margin-left: 0;
    }
}

/* Herkese açık servis listesi (GET /services): misafir giriş kutusu ve yönetici ek HTML bloğu. Renkler tema değişkenlerinden. */
.pw-public-services__guest p {
    color: var(--pw-text);
}

.pw-public-services__guest .btn {
    margin: 0 6px 6px 0;
}

.pw-public-services__extra {
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .pw-public-services__guest .btn {
        display: block;
        width: 100%;
        margin-right: 0;
    }
}