/* Dark Enterprise — بنية تحتية مؤسسية داكنة (مبني على كونسبت 2) — بنر الهيرو من نماذج التصميم */
:root{
  --pink:#E91E63; --purple:#8B5CF6; --blue:#38BDF8; --yellow:#FFC107; --orange:#FB923C;
  --navy:#080B16; --bg:#0B0F1E; --ink:#EAECF5; --gray:#9AA3C0; --line:#232A45;
}
body{background:#0B0F1E;color:var(--ink)}
.topbar{background:#060912}
header.main{background:#0D1224;border-bottom-color:#1B2340}
nav.menu a{color:#C6CCE6}
nav.menu a:hover,nav.menu a.active{color:#38BDF8}
nav.menu a.active{border-bottom-color:#38BDF8}
.logo img{background:#fff;border-radius:8px;padding:4px}
.btn-outline{border-color:#2C3557;color:#EAECF5;background:rgba(255,255,255,.04)}
.btn-outline:hover{border-color:#38BDF8;color:#38BDF8}
/* هيرو ببنر البنية التحتية من نماذج التصميم */
.hero{position:relative;background:url('/assets/img/banner-hosting.png') center/cover no-repeat #0B0F1E}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,22,.93) 25%,rgba(8,11,22,.55));z-index:1}
.hero .container{position:relative;z-index:2}
.hero h1{color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.5)}
.hero p.sub{color:#C6CCE6}
.h-dot{background:#2C3557}
.h-dot.on{background:#38BDF8}
.trustbar .item,.svc-card,.hf-card,.offer-card,.testi,.client-logo,.work-card,.cl-card,.plan,.post-item,.featured-post,.search-box,.cert,.cstat{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.trustbar b,.svc-card h3,.hf-card h3,.offer-card h3,.testi .who b,.work-name h3,.cl-card h3,.featured-post h3,.post-item h4,.plan h3{color:#EAECF5}
.svc-card::after{background:linear-gradient(90deg,#38BDF8,#8B5CF6,#E91E63)}
.svc-card:hover{box-shadow:0 22px 48px rgba(56,189,248,.16)}
.client-logo img,.cl-card .cl-logo img{filter:drop-shadow(0 0 6px rgba(255,255,255,.15))}
.work-thumb{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}
.work-name{background:rgba(255,255,255,.05);border-color:rgba(56,189,248,.28)}
.works-bg{background:
  radial-gradient(circle at 12% 15%, rgba(139,92,246,.15), transparent 34%),
  radial-gradient(circle at 88% 28%, rgba(56,189,248,.12), transparent 34%),
  #0B0F1E}
.sec-head h2{color:#fff}
.section[style*="background:var(--bg)"]{background:#0D1224!important}
.crumb{background:#0D1224;border-bottom-color:#1B2340}
.crumb b{color:#38BDF8}
.host-hero{background:#0D1224}
.host-hero h1{color:#fff}
.feat-strip{background:#101731;border-color:#232A45}
.feat-strip .item{border-color:#232A45}
.feat-strip b{color:#EAECF5}
details.faq{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1)}
details.faq summary{color:#EAECF5}
.gift{background:rgba(255,255,255,.045);border-color:rgba(255,193,7,.3);color:#EAECF5}
.clients-hero{background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(56,189,248,.1) 50%,rgba(233,30,99,.12)),#0B0F1E;border-bottom-color:#1B2340}
.clients-hero h1{color:#fff}
.cstat b{background:linear-gradient(135deg,#38BDF8,#8B5CF6);-webkit-background-clip:text;background-clip:text}
.chip{background:rgba(255,255,255,.05);border-color:#2C3557;color:#C6CCE6}
.chip.active,.chip:hover{background:#38BDF8;border-color:#38BDF8;color:#06121F}
.testi .quote{color:#FFC107}
.testi .site-link{color:#38BDF8;background:rgba(56,189,248,.08);border-color:rgba(56,189,248,.3)}
.testi .site-link:hover{background:#38BDF8;color:#06121F}
.work-card::before,.wl-card::before,.cl-card::before{background:conic-gradient(from var(--wang),#38BDF8,#8B5CF6,#E91E63,#FFC107,#38BDF8)}
.wl-card{background:rgba(20,26,48,.9);border-color:rgba(255,255,255,.14)}
.wl-name{background:rgba(255,255,255,.06);border-color:rgba(56,189,248,.3)}
.wl-name h3{color:#EAECF5}
.work-lightbox{background:rgba(4,6,14,.6)}
.info-card{background:#0D1224}
.form-card{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1)}
.field label{color:#C6CCE6}
.field input,.field select,.field textarea{background:#101731;border-color:#26304F;color:#EAECF5}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#38BDF8;background:#0D1428;box-shadow:0 0 0 3px rgba(56,189,248,.15)}
.search-box input{color:#EAECF5}
.help-links a{background:rgba(255,255,255,.05);border-color:#2C3557;color:#EAECF5}
.help-links a:hover{border-color:#38BDF8;color:#38BDF8}
.socials a{background:rgba(255,255,255,.05);border-color:#2C3557}
.map-box{background:#101731;border-color:#232A45}
.consent{color:#9AA3C0}
.consent a{color:#38BDF8}
.cta-banner{background:linear-gradient(135deg,#101731,#1A2244);border:1px solid #26304F}
.avatar{background:linear-gradient(135deg,#38BDF8,#8B5CF6)}
.stat{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1)}
.stat b{color:#38BDF8}
.profile-grid img.about{box-shadow:0 20px 50px rgba(0,0,0,.5)}
.chat-fab{background:linear-gradient(135deg,#38BDF8,#8B5CF6);box-shadow:0 8px 24px rgba(56,189,248,.35)}
.chat-head{background:linear-gradient(135deg,#101731,#1A2244)}
.chat-panel{background:#0D1224}
.chat-body{background:#0B0F1E}
.chat-msg.ai{background:#101731;border-color:#232A45;color:#EAECF5}
.chat-msg.me{background:#176BFF}
.chat-input{background:#0D1224;border-top-color:#232A45}
.chat-input input{background:#101731;border-color:#26304F;color:#EAECF5}
.chat-input button{background:#38BDF8;color:#06121F}
.to-top{background:rgba(16,23,49,.85);color:#38BDF8;border-color:rgba(56,189,248,.4)}
.to-top:hover{background:#38BDF8;color:#06121F}
footer.main{background:#060912}
.copyright{border-top-color:#1B2340}

/* تكبير كروت عملاؤنا — الرئيسية وصفحة العملاء */
.clients-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.client-logo{height:180px;border-radius:20px;padding:22px}
.client-logo img{max-height:140px;max-width:92%}
.clients-page-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.cl-card{padding:24px 18px}
.cl-card .cl-logo{height:160px;margin-bottom:14px}
.cl-card .cl-logo img{max-height:150px}
.cl-card h3{font-size:1.05rem;padding-top:12px}
@media(max-width:900px){.clients-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.clients-row{grid-template-columns:1fr}.client-logo{height:150px}}

/* تكبير صور عروض شركة افادة داخل الكارت */
.offer-card img.offer-img{height:150px}

/* v4: توحيد كروت العملاء — نمط الموقع الأصلي، صور فقط بمقاس ثابت */
.clients-row{grid-template-columns:repeat(3,1fr);gap:18px}
.client-logo{height:150px;padding:20px;border-radius:14px}
.client-logo img{max-height:88px;max-width:80%}
.clients-page-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.cl-card{padding:0;min-height:150px;display:flex;align-items:center;justify-content:center}
.cl-card .cl-logo{width:100%;height:150px;padding:20px;margin:0}
.cl-card .cl-logo img{max-height:88px;max-width:78%}
.cl-card h3{display:none}

/* v5: تنسيق صفحة تفاصيل العمل — داكن */
.wd-shot,.wd-fact{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.wd-info h1{color:#fff}
.wd-fact{color:#EAECF5}
.wd-fact b{color:#38BDF8}
.wd-info p.wd-desc{color:#9AA3C0}
.wd-similar{border-top-color:#232A45}
.wd-similar h2{color:#fff}