/* ═══════════════════════════════════════════════
   Photo Ashry — Search & Public Profile CSS
   Phase 6
   ═══════════════════════════════════════════════ */

/* ─── Search Hero ─── */
.search-hero{background:linear-gradient(135deg,var(--pa-blue),#003d8f);padding:48px 0 24px;text-align:center;margin-bottom:-30px;position:relative;z-index:1}
.search-title{color:#fff;font-weight:800;font-size:1.8rem;margin-bottom:8px}
.search-subtitle{color:rgba(255,255,255,.7);font-size:1rem;margin:0}

/* ─── Filter Card ─── */
.filter-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 24px rgba(0,0,0,.08);margin-bottom:24px;position:relative;z-index:2}
.filter-label{display:block;font-size:.8rem;font-weight:600;color:var(--pa-blue);margin-bottom:4px}
.filter-label i{margin-inline-end:4px;opacity:.5}
.filter-input{border-radius:10px;border:1.5px solid #e0e0e0;font-size:.9rem;padding:8px 12px}
.filter-input:focus{border-color:var(--pa-blue);box-shadow:0 0 0 3px rgba(0,47,108,.1)}
.btn-pa{background:var(--pa-orange);color:#fff;border:none;border-radius:10px;font-weight:600;padding:8px 20px;transition:.2s}
.btn-pa:hover{background:#e0830a;color:#fff}
.btn-pa-outline{border:1.5px solid var(--pa-blue);color:var(--pa-blue);background:transparent;border-radius:10px;font-weight:600;padding:8px 16px;transition:.2s}
.btn-pa-outline:hover{background:var(--pa-blue);color:#fff}

/* ─── Results ─── */
.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.results-count{color:var(--pa-blue);font-size:.95rem}

/* ─── Photographer Card ─── */
.ph-card-link{text-decoration:none;color:inherit;display:block}
.ph-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:.3s}
.ph-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,.12)}
.ph-cover{height:110px;background:linear-gradient(135deg,var(--pa-blue),var(--pa-emerald));background-size:cover;background-position:center;position:relative}
.unique-badge{position:absolute;top:8px;right:8px;background:var(--pa-gold);color:#333;padding:2px 10px;border-radius:20px;font-size:.7rem;font-weight:700}
[dir="rtl"] .unique-badge{right:auto;left:8px}
.ph-avatar-wrap{display:flex;justify-content:center;margin-top:-36px;position:relative;z-index:1}
.ph-avatar{width:64px;height:64px;border-radius:50%;border:3px solid #fff;object-fit:cover;background:var(--pa-blue)}
.ph-avatar-text{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem}
.ph-info{padding:8px 16px 16px;text-align:center}
.ph-name{font-size:1rem;font-weight:700;color:var(--pa-blue);margin-bottom:4px}
.ph-location{font-size:.8rem;color:#777;margin-bottom:8px}
.ph-location i{color:var(--pa-orange);margin-inline-end:3px}
.ph-cats{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:8px}
.cat-tag{background:rgba(0,47,108,.06);color:var(--pa-blue);padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:500}
.cat-tag.more{background:var(--pa-orange);color:#fff}
.ph-rating{display:flex;align-items:center;justify-content:center;gap:2px}
.ph-rating .fas{font-size:.75rem;color:#ddd}
.ph-rating .fas.filled{color:var(--pa-gold)}
.rating-val{font-size:.8rem;font-weight:700;color:var(--pa-blue);margin-inline-start:4px}

/* ─── Empty State ─── */
.empty-state{text-align:center;padding:80px 20px;color:#999}
.empty-state i{color:var(--pa-blue);opacity:.3;margin-bottom:16px}
.empty-state h3{color:var(--pa-blue);font-weight:700}

/* ═══ Redesigned Search Hero (Phase 8) ═══ */
.search-hero {
    background: linear-gradient(135deg, var(--pa-blue) 0%, #003d8f 60%, #0d3a70 100%);
    padding: 0;
    min-height: 200px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 3.5rem;
    margin-bottom: -30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.search-hero-inner {
    position: relative;
    z-index: 2;
    width: 100%;
}

.search-hero-accent {
    display: block;
    width: 36px; height: 4px;
    background: var(--pa-orange);
    border-radius: 2px;
    margin-bottom: .7rem;
}

.filter-card {
    background: #fff;
    border-radius: 20px;
    padding: 1.75rem;
    box-shadow: 0 8px 40px rgba(0,0,0,.1);
    margin-bottom: 2rem;
    position: relative;
    z-index: 2;
}

/* ═══ PUBLIC PROFILE ═══ */
.profile-public{padding-bottom:60px}
.profile-cover{height:220px;background:linear-gradient(135deg,var(--pa-blue),#003d8f);background-size:cover;background-position:center;position:relative}
.cover-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.5))}
.profile-header-card{background:#fff;border-radius:16px;padding:24px;margin-top:-50px;position:relative;z-index:2;box-shadow:0 4px 20px rgba(0,0,0,.08)}
.profile-avatar-lg{width:80px;height:80px;border-radius:50%;border:3px solid var(--pa-orange);object-fit:cover;background:var(--pa-blue)}
.profile-avatar-text{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.5rem}
.profile-name{font-size:1.4rem;font-weight:800;color:var(--pa-blue);margin:0}
.unique-badge-sm{background:var(--pa-gold);color:#333;padding:2px 8px;border-radius:20px;font-size:.65rem;font-weight:700;vertical-align:middle}
.profile-location{color:#777;font-size:.9rem;margin:4px 0 8px}
.profile-location i{color:var(--pa-orange)}
.profile-stats{display:flex;gap:16px;flex-wrap:wrap}
.profile-stats .stat{font-size:.85rem;color:var(--pa-blue);font-weight:600}
.profile-stats .stat i{margin-inline-end:4px;opacity:.6}

.profile-section{background:#fff;border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.section-title{font-size:1rem;font-weight:700;color:var(--pa-blue);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.section-title i{color:var(--pa-orange)}

.specialty-badge{background:rgba(0,47,108,.07);color:var(--pa-blue);padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:500}
.specialty-badge i{margin-inline-end:4px;color:var(--pa-orange)}

.equip-item{background:var(--pa-body-bg,#f8f9fa);border-radius:10px;padding:12px;text-align:center}
.equip-label{display:block;font-size:.75rem;color:#999;margin-bottom:2px}
.equip-val{font-weight:700;color:var(--pa-blue);font-size:.9rem}

.service-chip{padding:6px 14px;border-radius:20px;font-size:.82rem;font-weight:500;display:inline-flex;align-items:center;gap:4px}
.service-chip.active{background:rgba(0,127,95,.1);color:var(--pa-emerald)}
.service-chip.inactive{background:rgba(0,0,0,.04);color:#999}

.pricing-info{display:flex;gap:16px;flex-wrap:wrap}
.pricing-type{background:var(--pa-orange);color:#fff;padding:8px 20px;border-radius:20px;font-weight:600}

.sidebar-card{border:1.5px solid rgba(0,47,108,.08)}
.contact-btn{display:block;width:100%;padding:10px;border-radius:10px;text-align:center;font-weight:600;margin-bottom:8px;text-decoration:none;transition:.2s}
.contact-btn{background:var(--pa-blue);color:#fff}
.contact-btn:hover{opacity:.9;color:#fff}
.contact-btn.whatsapp{background:#25D366;color:#fff}
.current-pkg{text-align:center;padding:8px;background:rgba(247,148,29,.1);border-radius:10px}
.pkg-name{font-weight:700;color:var(--pa-orange)}

@media(max-width:768px){
    .search-hero{padding:32px 0 16px}
    .search-title{font-size:1.3rem}
    .profile-cover{height:160px}
    .profile-header-card{margin-top:-30px;padding:16px}
    .profile-avatar-lg{width:60px;height:60px}
    .profile-name{font-size:1.1rem}
}
