/* Docs: artifacts/workspace-governance/public-directory-public-website-plugin-foundation.md, artifacts/workspace-governance/public-website-information-architecture-and-url-plan.md, artifacts/integrations-outbound/public-directory-synchronization-contract.md, artifacts/business-rules-requirements/public-directory-online-booking-self-check-in-rules.md, artifacts/business-rules-requirements/public-directory-privacy-notice-ar.md, artifacts/integrations-inbound/public-directory-self-check-in-api.md, artifacts/design-language/web-app/online-booking-inbox-and-patient-status.md */

.doctors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.5rem;
}

.doctor-item,
.doctor-details {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 1rem;
}

.doctor-thumbnail img,
.doctor-banner img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
}

.doctor-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.doctor-social-link,
.doctor-google-location {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.eyadaty-directory-search,
.eyadaty-booking,
.eyadaty-booking-status,
.eyadaty-public-profile { direction:rtl; color:#17212b; }
.eyadaty-directory-search { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:.75rem; align-items:end; margin-block:1rem; }
.eyadaty-directory-search > div { display:grid; gap:.35rem; }
.eyadaty-directory-search select,
.eyadaty-directory-search button,
.eyadaty-booking input,
.eyadaty-booking select,
.eyadaty-booking textarea,
.eyadaty-booking button,
.eyadaty-booking-status button { border:1px solid #b8c3cc; border-radius:.5rem; padding:.75rem; }
.eyadaty-directory-search button,
.eyadaty-booking button,
.eyadaty-booking-status button { background:#10689a; color:#fff; border-color:#10689a; cursor:pointer; }
.eyadaty-directory-specialties ul { display:flex; flex-wrap:wrap; gap:.65rem; list-style:none; padding:0; }
.eyadaty-directory-specialties a { display:block; padding:.5rem .8rem; border:1px solid #d6dde3; border-radius:999px; }
.eyadaty-directory-pagination { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; margin-block:1.5rem; }
.eyadaty-directory-pagination .page-numbers { border:1px solid #d6dde3; border-radius:.4rem; padding:.45rem .7rem; }
.eyadaty-booking form { display:grid; gap:1rem; max-width:760px; }
.eyadaty-booking__field { display:grid; gap:.35rem; }
.eyadaty-booking__phone { display:grid; grid-template-columns:minmax(12rem,.8fr) minmax(14rem,1.2fr); gap:1rem; }
.eyadaty-booking__consent { display:flex; align-items:flex-start; gap:.65rem; line-height:1.8; }
.eyadaty-booking__consent input { margin-top:.45rem; flex:0 0 auto; }
.eyadaty-booking__notice { border-inline-start:4px solid #10689a; padding-inline-start:.75rem; }
.eyadaty-booking__honeypot { position:absolute!important; inline-size:1px!important; block-size:1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; }
.eyadaty-booking__status.is-error { color:#b42318; }
.eyadaty-booking__status.is-success { color:#067647; }
.eyadaty-public-profile__image { width:100%; height:auto; border-radius:.75rem; }
.eyadaty-public-profile-services { margin-block:1.5rem; }
.eyadaty-public-profile-services ul { display:flex; flex-wrap:wrap; gap:.65rem; list-style:none; padding:0; }
.eyadaty-public-profile-services li { border:1px solid #d6dde3; border-radius:999px; padding:.5rem .8rem; }
@media (max-width:760px) { .eyadaty-directory-search, .eyadaty-booking__phone { grid-template-columns:1fr; } }

.eyadaty-self-check-in-page { direction:rtl; color:#17212b; max-width:860px; margin-inline:auto; padding:clamp(1rem,4vw,3rem); }
.eyadaty-self-check-in { background:#fff; border:1px solid #d6dde3; border-radius:1rem; box-shadow:0 .75rem 2.25rem rgba(23,33,43,.08); padding:clamp(1rem,4vw,2.5rem); }
.eyadaty-self-check-in header { margin-block-end:1.5rem; }
.eyadaty-self-check-in__eyebrow { color:#10689a; font-weight:700; margin:0 0 .35rem; }
.eyadaty-self-check-in form { display:grid; gap:1rem; }
.eyadaty-self-check-in__field { display:grid; gap:.35rem; }
.eyadaty-self-check-in__phone { display:grid; grid-template-columns:minmax(12rem,.8fr) minmax(14rem,1.2fr); gap:1rem; }
.eyadaty-self-check-in input,
.eyadaty-self-check-in select,
.eyadaty-self-check-in button { border:1px solid #b8c3cc; border-radius:.5rem; padding:.75rem; font:inherit; }
.eyadaty-self-check-in button { background:#10689a; border-color:#10689a; color:#fff; cursor:pointer; }
.eyadaty-self-check-in button:disabled { cursor:not-allowed; opacity:.6; }
.eyadaty-self-check-in__choices { display:flex; flex-wrap:wrap; gap:.75rem 1.5rem; border:1px solid #d6dde3; border-radius:.6rem; padding:1rem; }
.eyadaty-self-check-in__choices legend { font-weight:700; padding-inline:.25rem; }
.eyadaty-self-check-in__choices label { display:flex; align-items:center; gap:.4rem; }
.eyadaty-self-check-in__consent { display:flex; align-items:flex-start; gap:.65rem; line-height:1.8; }
.eyadaty-self-check-in__consent input { flex:0 0 auto; margin-top:.45rem; }
.eyadaty-self-check-in__honeypot { position:absolute!important; inline-size:1px!important; block-size:1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; }
.eyadaty-self-check-in__duplicate { border-inline-start:4px solid #b54708; background:#fffaeb; padding:1rem; }
.eyadaty-self-check-in__duplicate button { margin:.25rem; }
.eyadaty-self-check-in__status.is-error { color:#b42318; }
.eyadaty-self-check-in__status.is-warning { color:#934a05; }
.eyadaty-self-check-in__status.is-success { color:#067647; font-weight:700; }
@media (max-width:760px) { .eyadaty-self-check-in__phone { grid-template-columns:1fr; } }

.eyadaty-booking__consent a,
.eyadaty-self-check-in__consent a,
.eyadaty-public-directory-privacy a { text-decoration:underline; text-underline-offset:.18em; }
.eyadaty-public-directory-privacy { direction:rtl; color:#17212b; max-width:860px; margin-inline:auto; padding:clamp(1rem,4vw,3rem); line-height:1.9; }
.eyadaty-public-directory-privacy header { border-block-end:1px solid #d6dde3; margin-block-end:1.5rem; padding-block-end:1rem; }
.eyadaty-public-directory-privacy h1,
.eyadaty-public-directory-privacy h2 { line-height:1.45; }
.eyadaty-public-directory-privacy h2 { margin-block-start:1.75rem; }