/**
 * الملف: public_html/assets/css/public/provider-profile.css
 * الوصف:
 * الستايل المحلي الخاص بصفحة مقدم الخدمة العامة.
 *
 * المسؤولية الحالية:
 * - تنسيق الخصوصيات البصرية لصفحة مقدم الخدمة العامة فقط.
 * - دعم مقدمة الصفحة، الأقسام المحلية، منطقة الوثائق والاعتمادات، وأزرار النسخ.
 * - دعم عرض: نبذة عني، الخدمات التي أقدمها، تعليمات قبل الطلب، ونماذج من الأعمال.
 * - الحفاظ على التوافق مع طبقة الستايل المشتركة للمنصة وعدم تكرار ما هو عام فيها.
 *
 * ملاحظات:
 * - هذا الملف لا يعيد تعريف النظام العام للأزرار أو البطاقات أو التنبيهات.
 * - يعتمد على الطبقة المشتركة للمنصة في الأساسيات، ويضيف فقط ما هو خاص بهذه الصفحة.
 * - سيُوسع لاحقًا عند بناء آراء العملاء ومتوسط سرعة الرد.
 */

.page-public-provider-profile .public-provider-profile{
    padding:32px 16px 56px;
}

.page-public-provider-profile .public-provider-profile__container{
    width:min(100%, 1100px);
    margin-inline:auto;
}

.page-public-provider-profile .public-provider-profile__intro{
    margin-bottom:28px;
    text-align:right;
}

.page-public-provider-profile .public-provider-profile__eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:6px 14px;
    border:1px solid #cfe0ec;
    border-radius:999px;
    background:#eef6fb;
    color:#0b4a6f;
    font-size:13px;
    font-weight:800;
}

.page-public-provider-profile .public-provider-profile__title{
    margin:16px 0 10px;
    color:#132238;
    font-size:clamp(28px, 4vw, 40px);
    line-height:1.35;
    font-weight:900;
}

.page-public-provider-profile .public-provider-profile__lead{
    max-width:760px;
    margin:0;
    color:#5b6b7f;
    font-size:16px;
    line-height:1.9;
}

.page-public-provider-profile .public-provider-profile__section{
    margin-top:28px;
    padding:24px;
    background:#ffffff;
    border:1px solid #d8e2ee;
    border-radius:28px;
    box-shadow:0 10px 30px rgba(16, 24, 40, .08);
}

.page-public-provider-profile .public-provider-profile__section:first-of-type{
    margin-top:0;
}

.page-public-provider-profile .public-provider-profile__section--identity{
    margin-top:0;
}

.page-public-provider-profile .public-provider-profile__section-head{
    margin-bottom:14px;
    text-align:right;
}

.page-public-provider-profile .public-provider-profile__section-head--compact{
    margin-bottom:0;
}

.page-public-provider-profile .public-provider-profile__section-title{
    margin:0 0 8px;
    color:#132238;
    font-size:24px;
    line-height:1.5;
    font-weight:900;
}

.page-public-provider-profile .public-provider-profile__section-text{
    margin:0;
    color:#5b6b7f;
    font-size:15px;
    line-height:1.9;
}

.page-public-provider-profile .public-provider-profile__action-card,
.page-public-provider-profile .public-provider-profile__placeholder,
.page-public-provider-profile .public-provider-profile__text-card{
    border-radius:24px;
}

.page-public-provider-profile .public-provider-profile__action-card{
    padding:22px 24px;
    background:linear-gradient(180deg, #f8fbff 0%, #f2f8fc 100%);
    border:1px solid #d8e7f3;
}

.page-public-provider-profile .public-provider-profile__action-content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    flex-wrap:wrap;
}

.page-public-provider-profile .public-provider-profile__action-buttons{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.page-public-provider-profile .public-provider-profile__primary-action-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 20px;
    border-radius:16px;
    text-decoration:none;
    font-size:15px;
    font-weight:800;
    line-height:1;
    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.page-public-provider-profile .public-provider-profile__primary-action-button--primary{
    background:#0b4a6f;
    border:1px solid #0b4a6f;
    color:#ffffff;
}

.page-public-provider-profile .public-provider-profile__primary-action-button--primary:hover{
    background:#083a57;
    border-color:#083a57;
    color:#ffffff;
    text-decoration:none;
}

.page-public-provider-profile .public-provider-profile__primary-action-button--secondary{
    background:#eef6fb;
    border:1px solid #cfe0ec;
    color:#0b4a6f;
}

.page-public-provider-profile .public-provider-profile__primary-action-button--secondary:hover{
    background:#e2f0f9;
    border-color:#bdd7e8;
    color:#083a57;
    text-decoration:none;
}

.page-public-provider-profile .public-provider-profile__primary-action-button--disabled{
    background:#eef2f6;
    border:1px solid #d8e2ee;
    color:#7a8a9d;
    cursor:not-allowed;
    pointer-events:none;
}

.page-public-provider-profile .public-provider-profile__primary-action-button:active{
    transform:translateY(1px);
}

.page-public-provider-profile .public-provider-profile__primary-action-button:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px rgba(11, 74, 111, .18);
}

.page-public-provider-profile .public-provider-profile__placeholder{
    padding:20px 22px;
    color:#26415f;
    font-size:15px;
    line-height:1.9;
    background:#f8fbff;
    border:1px dashed #d8e2ee;
    box-shadow:0 10px 30px rgba(16, 24, 40, .06);
}

.page-public-provider-profile .public-provider-profile__text-card{
    padding:22px 24px;
    background:#f8fbff;
    border:1px solid #d8e7f3;
    box-shadow:0 10px 30px rgba(16, 24, 40, .08);
}

.page-public-provider-profile .public-provider-profile__text-card--instructions{
    background:#f8fbff;
    border-color:#d8e7f3;
}

.page-public-provider-profile .public-provider-profile__text-content{
    color:#132238;
    font-size:15px;
    line-height:2;
    word-break:break-word;
}

.page-public-provider-profile .public-provider-profile__card-slot,
.page-public-provider-profile .public-provider-profile__availability-slot,
.page-public-provider-profile .public-provider-profile__portfolio-slot{
    display:block;
}

.page-public-provider-profile .public-provider-profile__compliance-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
}

.page-public-provider-profile .public-provider-profile__compliance-card{
    padding:22px;
    background:#ffffff;
    border:1px solid #d8e2ee;
    border-radius:24px;
    box-shadow:0 10px 30px rgba(16, 24, 40, .08);
}

.page-public-provider-profile .public-provider-profile__compliance-card-head{
    margin-bottom:14px;
}

.page-public-provider-profile .public-provider-profile__compliance-card-title{
    margin:0;
    color:#132238;
    font-size:20px;
    line-height:1.5;
    font-weight:900;
}

.page-public-provider-profile .public-provider-profile__compliance-number-block{
    margin-bottom:14px;
}

.page-public-provider-profile .public-provider-profile__compliance-number-label{
    display:block;
    margin-bottom:8px;
    color:#4f6277;
    font-size:14px;
    font-weight:700;
}

.page-public-provider-profile .public-provider-profile__compliance-number-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}

.page-public-provider-profile .public-provider-profile__compliance-number{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding:10px 14px;
    border-radius:14px;
    border:1px solid #d8e2ee;
    background:#f8fbff;
    color:#132238;
    font-size:15px;
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    direction:ltr;
    text-align:left;
    word-break:break-all;
}

.page-public-provider-profile .public-provider-profile__copy-button{
    appearance:none;
    border:1px solid #cfe0ec;
    background:#eef6fb;
    color:#0b4a6f;
    min-height:44px;
    padding:10px 16px;
    border-radius:14px;
    font-size:14px;
    font-weight:800;
    line-height:1;
    cursor:pointer;
    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.page-public-provider-profile .public-provider-profile__copy-button:hover{
    background:#e2f0f9;
    border-color:#bdd7e8;
    color:#083a57;
    text-decoration:none;
}

.page-public-provider-profile .public-provider-profile__copy-button:active{
    transform:translateY(1px);
}

.page-public-provider-profile .public-provider-profile__copy-button:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px rgba(11, 74, 111, .18);
}

.page-public-provider-profile .public-provider-profile__compliance-meta-list{
    margin:0;
    padding-inline-start:18px;
    color:#26415f;
    font-size:14px;
    line-height:1.9;
}

.page-public-provider-profile .public-provider-profile__compliance-meta-list li + li{
    margin-top:4px;
}

.page-public-provider-profile .public-provider-profile__compliance-link-wrap{
    margin-top:14px;
}

.page-public-provider-profile .public-provider-profile__compliance-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#0b4a6f;
    font-size:14px;
    font-weight:800;
    text-decoration:none;
}

.page-public-provider-profile .public-provider-profile__compliance-link:hover{
    text-decoration:underline;
}

.page-public-provider-profile .public-provider-profile__section--reviews-preview .public-provider-profile__placeholder{
    background:linear-gradient(180deg, #f8fbff 0%, #f3f8fc 100%);
}

@media (max-width: 900px){
    .page-public-provider-profile .public-provider-profile__compliance-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width: 720px){
    .page-public-provider-profile .public-provider-profile{
        padding:24px 12px 40px;
    }

    .page-public-provider-profile .public-provider-profile__intro{
        margin-bottom:22px;
    }

    .page-public-provider-profile .public-provider-profile__title{
        font-size:clamp(24px, 7vw, 34px);
    }

    .page-public-provider-profile .public-provider-profile__section{
        margin-top:22px;
        padding:18px;
        border-radius:22px;
    }

    .page-public-provider-profile .public-provider-profile__section-title{
        font-size:21px;
    }

    .page-public-provider-profile .public-provider-profile__action-card,
    .page-public-provider-profile .public-provider-profile__placeholder,
    .page-public-provider-profile .public-provider-profile__compliance-card,
    .page-public-provider-profile .public-provider-profile__text-card{
        padding:18px;
        border-radius:20px;
    }

    .page-public-provider-profile .public-provider-profile__action-content{
        align-items:stretch;
        flex-direction:column;
    }

    .page-public-provider-profile .public-provider-profile__action-buttons{
        width:100%;
    }

    .page-public-provider-profile .public-provider-profile__primary-action-button{
        width:100%;
    }

    .page-public-provider-profile .public-provider-profile__compliance-number-row{
        align-items:stretch;
        flex-direction:column;
    }

    .page-public-provider-profile .public-provider-profile__compliance-number,
    .page-public-provider-profile .public-provider-profile__copy-button{
        width:100%;
        justify-content:center;
    }
}