/* ============================================================
   Ellen — استايل الصفحات الداخلية (من نحن / تواصل معنا / آراء العملاء)
   كل القواعد داخل #ellen-page عشان تتغلّب على ستايلات ثيم Elessi
   ============================================================ */

#ellen-page{
  --coral:#C87B5C;
  --coral-dark:#b06846;
  --teal:#0C292D;
  --cream:#FDEFD3;
  --cream-2:#F5F5F5;
  --ink:#0A2A2D;
  --muted:#6E6E6E;
  --line:#E7E1D6;
  --radius:16px;
  --container:1140px;
  --shadow:0 6px 22px rgba(32,36,42,.08);

  color:var(--ink);
  line-height:1.9;
  direction:rtl;
  text-align:right;
  background:#fff;
}

/* فرض الهوية فوق ثيم Elessi */
#ellen-page, #ellen-page *{
  font-family:"Cairo",system-ui,"Segoe UI",Tahoma,sans-serif !important;
  box-sizing:border-box;
}
#ellen-page a{color:inherit !important;text-decoration:none !important;box-shadow:none !important}
#ellen-page ul{list-style:none !important;margin:0 !important;padding:0 !important}
#ellen-page img{display:block;max-width:100%;height:auto}
#ellen-page h1,#ellen-page h2,#ellen-page h3,#ellen-page p{margin:0;padding:0;letter-spacing:normal}

#ellen-page .ellen-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}

/* أزرار */
#ellen-page .ellen-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 32px;border-radius:50px;font-weight:600 !important;font-size:15px !important;margin-top:10px;
  transition:transform .18s ease, background .18s ease;
}
#ellen-page .ellen-btn:hover{transform:translateY(-2px)}
#ellen-page .ellen-btn--coral{background:var(--coral) !important;color:#fff !important}
#ellen-page .ellen-btn--coral:hover{background:var(--teal) !important;color:#fff !important}

/* ===== هيدر الصفحة ===== */
#ellen-page .ellen-page-hero{
  background:var(--cream);
  background-image:radial-gradient(circle at 15% 20%, rgba(200,123,92,.10), transparent 45%);
  padding:60px 0;text-align:center;border-bottom:1px solid var(--line);
}
#ellen-page .ellen-page-hero__eyebrow{color:var(--coral) !important;font-weight:600 !important;font-size:16px !important;margin:0 0 6px !important}
#ellen-page .ellen-page-hero__title{font-size:clamp(28px,4vw,42px) !important;font-weight:700 !important;margin:0 !important;color:var(--ink) !important}
#ellen-page .ellen-page-hero__intro{max-width:640px;margin:14px auto 0 !important;color:var(--muted) !important;font-size:16px !important}

/* ============================================================
   من نحن
   ============================================================ */
#ellen-page .ellen-about{padding:60px 0}
#ellen-page .ellen-about__grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
#ellen-page .ellen-about__media img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}
#ellen-page .ellen-about__text p{margin:0 0 16px !important;color:#3a4a4c !important;font-size:15.5px !important;line-height:1.9 !important}

#ellen-page .ellen-vm{padding:0 0 70px}
#ellen-page .ellen-vm__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#ellen-page .ellen-vm__card{
  background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius);
  padding:34px 30px;text-align:center;transition:transform .25s ease, box-shadow .25s ease;
}
#ellen-page .ellen-vm__card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
#ellen-page .ellen-vm__icon{
  display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;
  background:#fff;color:var(--coral);box-shadow:0 4px 14px rgba(200,123,92,.22);margin-bottom:14px;
}
#ellen-page .ellen-vm__title{font-size:22px !important;font-weight:700 !important;margin:0 0 10px !important;color:var(--teal) !important}
#ellen-page .ellen-vm__body{margin:0 !important;color:var(--muted) !important;font-size:15px !important}

/* ============================================================
   تواصل معنا
   ============================================================ */
#ellen-page .ellen-contact{padding:56px 0 70px}
#ellen-page .ellen-contact__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:920px;margin-inline:auto}
#ellen-page .ellen-ccard{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
#ellen-page .ellen-ccard:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--coral)}
#ellen-page .ellen-ccard__icon{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--cream);color:var(--coral);margin-bottom:8px}
#ellen-page .ellen-ccard__label{font-size:14px !important;color:var(--muted) !important;font-weight:500 !important}
#ellen-page .ellen-ccard__value{font-size:16px !important;font-weight:700 !important;color:var(--ink) !important;direction:ltr;unicode-bidi:embed}

#ellen-page .ellen-contact__social-title{text-align:center;font-size:22px !important;font-weight:700 !important;margin:56px 0 22px !important;color:var(--teal) !important}
#ellen-page .ellen-contact__social{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
#ellen-page .ellen-scard{
  display:flex;flex-direction:column;align-items:center;gap:8px;width:120px;padding:22px 10px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  transition:transform .25s ease, box-shadow .25s ease;
}
#ellen-page .ellen-scard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
#ellen-page .ellen-scard__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--cream);color:var(--ink);transition:background .25s ease,color .25s ease}
#ellen-page .ellen-scard__name{font-size:14px !important;font-weight:600 !important}
#ellen-page .ellen-scard--instagram:hover .ellen-scard__icon{background:#E1306C;color:#fff}
#ellen-page .ellen-scard--facebook:hover  .ellen-scard__icon{background:#1877F2;color:#fff}
#ellen-page .ellen-scard--youtube:hover   .ellen-scard__icon{background:#FF0000;color:#fff}
#ellen-page .ellen-scard--tiktok:hover    .ellen-scard__icon{background:#000;color:#fff}
#ellen-page .ellen-scard--whatsapp:hover  .ellen-scard__icon{background:#25D366;color:#fff}

/* ============================================================
   آراء العملاء (معرض صور)
   ============================================================ */
#ellen-page .ellen-reviews{padding:56px 0 70px}
#ellen-page .ellen-reviews__masonry{columns:4;column-gap:16px}
#ellen-page .ellen-review{margin:0 0 16px;break-inside:avoid;border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);cursor:zoom-in;transition:transform .25s ease, box-shadow .25s ease}
#ellen-page .ellen-review:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
#ellen-page .ellen-review img{width:100%;height:auto}

/* لايت بوكس (خارج #ellen-page لأنه بيتضاف على body) */
.ellen-lb{position:fixed;inset:0;z-index:9999;background:rgba(10,42,45,.9);display:none;align-items:center;justify-content:center;padding:24px}
.ellen-lb.is-open{display:flex}
.ellen-lb img{max-width:92vw;max-height:88vh;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.ellen-lb__close{position:absolute;top:18px;inset-inline-end:22px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;border:0;font-size:24px;cursor:pointer;line-height:1}
.ellen-lb__close:hover{background:#C87B5C}

/* ===== ظهور تدريجي ===== */
#ellen-page .ellen-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease}
#ellen-page .ellen-reveal.is-in{opacity:1;transform:none}

/* ============================================================
   ريسبونسيف
   ============================================================ */
@media (max-width:1024px){
  #ellen-page .ellen-reviews__masonry{columns:3}
}
@media (max-width:767px){
  #ellen-page .ellen-about__grid{grid-template-columns:1fr;gap:28px}
  #ellen-page .ellen-vm__grid{grid-template-columns:1fr}
  #ellen-page .ellen-contact__cards{grid-template-columns:1fr}
  #ellen-page .ellen-reviews__masonry{columns:2;column-gap:12px}
  #ellen-page .ellen-review{margin-bottom:12px}
  #ellen-page .ellen-page-hero{padding:44px 0}
}
@media (max-width:480px){
  #ellen-page .ellen-scard{width:calc(50% - 8px)}
}
@media (prefers-reduced-motion:reduce){
  #ellen-page *{transition-duration:.01ms !important}
}