/* Maab Umrah — client front-end (RTL) — Cairo font + professional hotel cards */
:root{
	--teal:#0E7C86; --teal-d:#0a626b; --orange:#E8632A; --red:#D1362B;
	--grey:#6B7280; --light:#EAF3F4; --line:#E2E8F0; --dark:#1F2937;
	--gold:#F5A623; --font:'Cairo','Segoe UI',Tahoma,sans-serif;
}
*{box-sizing:border-box;}
body.mums-client{
	margin:0;font-family:var(--font);background:#f4f7f8;color:var(--dark);
	direction:rtl;text-align:right;
}
body.mums-client h1,body.mums-client h2,body.mums-client h3,
body.mums-client label,body.mums-client input,body.mums-client select,
body.mums-client button,body.mums-client p,body.mums-client span{font-family:var(--font);}

/* Header */
.mums-header{background:#fff;padding:18px;text-align:center;border-bottom:3px solid var(--teal);}
.mums-logo{max-width:220px;height:auto;display:inline-block;}
.mums-header h1{color:var(--teal);font-size:24px;font-weight:700;margin:10px 0 0;}
.mums-container{max-width:960px;margin:24px auto;padding:0 14px;}

/* Stepper */
.mums-steps{display:flex;gap:8px;justify-content:center;margin-bottom:22px;flex-wrap:wrap;}
.mums-steps .step{background:#e2e8f0;color:var(--grey);padding:7px 16px;border-radius:22px;font-size:13px;font-weight:600;transition:.2s;}
.mums-steps .step.active{background:var(--teal);color:#fff;box-shadow:0 3px 10px rgba(14,124,134,.3);}
.mums-steps .step.done{background:#c8e6e9;color:var(--teal-d);}

/* Cards / fields */
.mums-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.07);margin-bottom:18px;}
.mums-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.mums-field{margin-bottom:16px;}
.mums-field label{display:block;font-weight:700;margin-bottom:6px;}
.mums-field input,.mums-field select{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;font-size:15px;background:#fff;}
.mums-field input:focus,.mums-field select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,124,134,.12);}

/* Buttons */
.mums-btn{width:100%;background:var(--teal);color:#fff;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:700;cursor:pointer;transition:.2s;}
.mums-btn:hover{background:var(--teal-d);transform:translateY(-1px);}
.mums-btn.ghost{background:#eef2f4;color:var(--teal-d);}
.mums-btn.ghost:hover{background:#e0e8ea;}
.mums-btn.wa{background:#25D366;margin-top:12px;}
.mums-nav{display:flex;gap:12px;margin-top:8px;}
.mums-nav .mums-btn{width:auto;flex:1;}

/* City title */
.mums-city-title{color:var(--teal);font-size:20px;font-weight:700;margin:8px 0 14px;padding-right:6px;border-right:4px solid var(--orange);}
.mums-loading{color:var(--grey);padding:20px;text-align:center;}

/* Hotel cards grid */
.mums-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:26px;}
.hotel-card{
	background:#fff;border:2px solid var(--line);border-radius:14px;overflow:hidden;
	cursor:pointer;transition:.2s;display:flex;flex-direction:column;position:relative;
}
.hotel-card:hover{box-shadow:0 8px 26px rgba(0,0,0,.12);transform:translateY(-3px);border-color:#cfe3e5;}
.hotel-card.selected{border-color:var(--teal);box-shadow:0 8px 26px rgba(14,124,134,.22);}
.hotel-card.selected::after{
	content:'✓ مُختار';position:absolute;top:12px;inset-inline-start:12px;
	background:var(--teal);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;z-index:2;
}
.hc-imgwrap{position:relative;height:170px;overflow:hidden;background:var(--light);}
.hc-img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s;}
.hotel-card:hover .hc-img{transform:scale(1.05);}
.hc-stars{position:absolute;top:10px;inset-inline-end:10px;background:rgba(0,0,0,.55);color:var(--gold);font-size:13px;padding:3px 9px;border-radius:16px;}
.hc-body{padding:14px;flex:1;display:flex;flex-direction:column;gap:7px;}
.hc-title{font-size:16px;font-weight:700;color:var(--dark);margin:0;}
.hc-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;}
.hc-badge{background:var(--light);color:var(--teal-d);padding:3px 9px;border-radius:14px;font-weight:600;}
.hc-badge.view{background:#FDEEE6;color:var(--orange);}
.hc-desc{font-size:13px;color:var(--grey);line-height:1.6;margin:2px 0;}
.hc-services{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--grey);}
.hc-services span{background:#f1f5f9;padding:2px 7px;border-radius:10px;}
.hc-gallery{display:flex;gap:6px;overflow-x:auto;padding-top:4px;}
.hc-gallery img{width:52px;height:42px;object-fit:cover;border-radius:6px;cursor:pointer;border:1px solid var(--line);flex:0 0 auto;}
.hc-choose{margin-top:auto;background:var(--teal);color:#fff;border:none;border-radius:8px;padding:9px;font-weight:700;font-size:13px;cursor:pointer;font-family:var(--font);}
.hotel-card.selected .hc-choose{background:var(--teal-d);}

/* Result */
.mums-result-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--line);}
.mums-result-row span{color:var(--dark);}
.mums-total{font-size:24px;color:#166534;font-weight:700;margin-top:14px;text-align:center;}
.mums-error{background:#fef2f2;color:var(--red);padding:16px;border-radius:10px;border:1px solid #fecaca;font-weight:600;}

/* Lightbox */
.mums-lightbox{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.85);justify-content:center;align-items:center;cursor:pointer;}
.mums-lightbox img{max-width:92%;max-height:88%;border-radius:10px;box-shadow:0 0 30px rgba(255,255,255,.15);}
.mums-lb-close{position:absolute;top:20px;inset-inline-end:34px;color:#fff;font-size:42px;font-weight:700;}

/* Footer */
.mums-footer{text-align:center;color:var(--grey);font-size:13px;padding:24px;}

/* Responsive */
@media(max-width:600px){
	.mums-row{grid-template-columns:1fr;}
	.mums-cards{grid-template-columns:1fr;}
	.mums-header h1{font-size:20px;}
}