.elementor-kit-5{--e-global-color-primary:#226A5C;--e-global-color-secondary:#CC9B34;--e-global-color-text:#14302A;--e-global-color-accent:#86620F;--e-global-color-ef2cd50:#1D5E51;--e-global-color-f44a26b:#1A544A;--e-global-color-83cb62e:#123B34;--e-global-color-2b76e16:#0B2621;--e-global-color-12f4736:#F7EFDD;--e-global-color-4faa854:#4A5F59;--e-global-color-073d251:#FBFAF7;--e-global-color-032157a:#FFFFFF;--e-global-color-7006b1f:#E6E2D8;--e-global-color-4089b84:#CFCABB;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:700;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1250px;}.e-con{--container-max-width:1250px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ══════════════════════════════════════════════════════════════════
   AMSHA & MOHAMMED FUNERAL SERVICE
   Custom CSS — Elementor → Site Settings → Custom CSS

   This file only carries what Elementor has no control for. Every
   colour, size, padding and gap in the template is a normal widget
   setting you can edit in the editor; none of it is here.

   Brand: green #226A5C · gold #CC9B34 · ink #14302A · paper #FBFAF7
   ══════════════════════════════════════════════════════════════════ */

:root{
  --am-green:#226A5C; --am-green-deep:#1A544A; --am-abyss:#0B2621;
  --am-gold:#CC9B34;  --am-gold-ink:#86620F;  --am-gold-pale:#F7EFDD;
  --am-gold-line:rgba(204,155,52,.38);
  --am-ink:#14302A;   --am-ink-soft:#4A5F59;
  --am-paper:#FBFAF7; --am-stone:#E6E2D8;
  --am-ease-out:cubic-bezier(.16,1,.3,1);
}

/* Arabic — Elementor has no per-widget direction control */
[lang="ar"]{font-family:"Noto Naskh Arabic","Geeza Pro",serif;direction:rtl;text-align:right;line-height:2.05}
.am-ar{font-size:1.15rem;color:var(--am-green);margin-top:1.25rem;padding-top:1.25rem;
  border-top:1px solid var(--am-stone)}
.am-svc__ar{font-size:.92rem;color:rgba(204,155,52,.85);margin:.2rem 0 0}
.am-vol__ar{font-size:1.25rem;color:var(--am-gold);margin:1.25rem 0;padding-top:1.25rem;
  border-top:1px solid rgba(255,255,255,.18)}
.am-close__ar{font-family:"Noto Naskh Arabic",serif;text-align:center;font-size:1.15rem;
  opacity:.78;margin:1.25rem 0 0;direction:rtl}
.am-ayah__ar{font-family:"Noto Naskh Arabic",serif;direction:rtl;text-align:center;
  font-size:clamp(1.45rem,3vw,2.1rem);line-height:2.1;color:var(--am-green-deep);margin:0 0 .875rem}

/* ── Emergency banner ─────────────────────────────────────────── */
.am-alert__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:.35rem .875rem;text-align:center;color:#fff;font-size:.9rem}
.am-alert__in a{color:var(--am-gold);font-weight:600;white-space:nowrap;text-decoration:none}
.am-pulse{width:7px;height:7px;border-radius:50%;background:var(--am-gold);flex:none;position:relative}
.am-pulse::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--am-gold);
  animation:amPulse 2.6s ease infinite}
@keyframes amPulse{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(3.4);opacity:0}}
.am-alert__sep{opacity:.35;color:#fff}
@media(max-width:620px){.am-alert__quiet,.am-alert__sep{display:none}}

/* ── Hero ─────────────────────────────────────────────────────── */
.am-hero h1 i{font-style:normal;color:var(--am-gold)}
.am-action{position:relative;max-width:36rem}
.am-action::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--am-gold)}
.am-action__btns{gap:.6rem}
@media(max-width:1024px){
  .am-hero{flex-direction:column-reverse!important}
  .am-hero__type,.am-hero__media{width:100%!important}
  .am-hero__media{min-height:250px!important}
}

/* ── Trust bar ────────────────────────────────────────────────── */
.am-trust{background:rgba(255,255,255,.12)}
.am-trust > .e-con-inner > .e-con,.am-trust > .e-con{background:#123B34}

/* ── About ────────────────────────────────────────────────────── */
.am-about__media{position:relative}
.am-stat{position:absolute;right:-2rem;bottom:2rem;z-index:5;background:var(--am-gold);
  color:var(--am-ink);padding:1.25rem 2rem;max-width:15rem}
.am-stat b{font-family:"Source Serif 4",serif;font-size:2.4rem;font-weight:700;display:block;
  line-height:1;letter-spacing:-.03em}
.am-stat span{font-size:.78rem;line-height:1.4;display:block;margin-top:.3rem}
@media(max-width:1024px){.am-stat{right:1.25rem;bottom:1.25rem}}

/* Photographs get a light green wash so phone snapshots and brochure
   scans sit together. Elementor's overlay is per-container, not
   per-image, so it lives here. */
.am-plate img{display:block;width:100%;height:100%;object-fit:cover}
.am-plate{position:relative;overflow:hidden;isolation:isolate}
.am-plate::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;
  background:linear-gradient(158deg,rgba(34,106,92,.14),rgba(11,38,33,.28))}

/* ── Services ─────────────────────────────────────────────────── */
.am-svc__row{position:relative;transition:padding-left .5s var(--am-ease-out)}
.am-svc__row::before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;
  background:var(--am-gold);transform:scaleX(0);transform-origin:left;
  transition:transform .55s var(--am-ease-out)}
.am-svc__row:hover::before{transform:scaleX(1)}
.am-svc__row:hover{padding-left:.875rem}
.am-svc__row:hover h3{color:var(--am-gold)!important}
.am-svc__row h3{transition:color .4s ease}

/* ── What to do when someone dies ─────────────────────────────── */
.am-rule{display:flex;align-items:center;gap:1.25rem;margin:3rem 0 0}
.am-rule::before,.am-rule::after{content:"";height:1px;background:var(--am-gold-line);flex:1}
.am-rule span{width:9px;height:9px;flex:none;border:1px solid var(--am-gold);transform:rotate(45deg)}
.am-ent{position:relative;transition:background-color .6s ease}
.am-ent::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;
  background:var(--am-gold);transform:scaleX(0);transform-origin:left;
  transition:transform .85s var(--am-ease-out)}
.am-ent:hover::after{transform:scaleX(1)}
.am-ent:hover h1,.am-ent:hover .am-ent__mark h1{color:var(--am-gold-ink)!important}
.am-ent__lab{display:block;margin-top:1.25rem;padding-top:.875rem;border-top:1px solid var(--am-gold-line);
  font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--am-ink-soft);font-weight:600}
.am-ent__steps{list-style:none;margin:0;padding:0;counter-reset:amst}
.am-ent__steps > li{display:grid;grid-template-columns:2.4rem 1fr;gap:.875rem;
  padding-block:1.25rem;border-top:1px solid var(--am-stone)}
.am-ent__steps > li:first-child{border-top:0;padding-top:0}
.am-ent__steps > li:last-child{padding-bottom:0}
.am-ent__steps > li span{font-family:"Source Serif 4",serif;font-size:.78rem;font-weight:700;
  color:var(--am-gold-ink);letter-spacing:.08em;padding-top:.34rem}
.am-ent__steps > li p{margin:0;font-size:.95rem;line-height:1.72;color:var(--am-ink-soft);max-width:46ch}
.am-ent__facts > li span::before{content:"";display:block;width:14px;height:1px;
  background:var(--am-gold);margin-top:.85rem}
.am-ent__plaque{margin:2rem 0 0;background:var(--am-gold-pale);border-left:2px solid var(--am-gold);
  padding:1.25rem 2rem;font-family:"Source Serif 4",serif;font-style:italic;
  font-size:clamp(1.02rem,1.7vw,1.18rem);line-height:1.5;color:var(--am-ink);max-width:46ch}
@media(max-width:1024px){
  .am-ent{flex-direction:column!important}
  .am-ent > .e-con{width:100%!important}
  .am-ent__mark{display:flex;align-items:baseline;gap:1.25rem}
  .am-ent__lab{margin-top:0;padding-top:0;border-top:0}
}

/* ── Areas: map band with the panel overlapping it ────────────── */
.am-areas__band{position:relative;isolation:isolate;background:var(--am-stone)}
.am-areas__map{position:absolute;inset:0;z-index:0}
.am-areas__map iframe{display:block;width:100%;height:100%;border:0;
  filter:grayscale(.6) sepia(.18) contrast(1.06)}
.am-areas__over{position:relative;z-index:2;padding-block:4.5rem;pointer-events:none;
  max-width:1240px;margin-inline:auto;padding-inline:2rem}
.am-areas__panel{background:#fff;max-width:27rem;padding:2rem;pointer-events:auto;
  border-top:3px solid var(--am-gold);box-shadow:0 22px 60px rgba(20,48,42,.16)}
.am-areas__panel h3{font-family:"Source Serif 4",serif;font-size:1.25rem;margin:0 0 1.25rem}
.am-areas__list{list-style:none;margin:0;padding:0}
.am-areas__list li{display:flex;align-items:baseline;justify-content:space-between;gap:1.25rem;
  padding:.8rem 0;border-bottom:1px solid var(--am-stone)}
.am-areas__list li:last-child{border-bottom:0}
.am-areas__list b{font-family:"Source Serif 4",serif;font-size:clamp(1.1rem,1.8vw,1.35rem);
  font-weight:600;letter-spacing:-.02em}
.am-areas__list span{font-size:.75rem;color:var(--am-ink-soft);text-align:right;flex:none}
.am-areas__panel p{margin:1.25rem 0 0;padding-top:1.25rem;border-top:1px solid var(--am-stone);
  font-size:.85rem;color:var(--am-ink-soft)}
.am-areas__pin{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;align-items:center;
  justify-content:space-between;padding:.8rem 2rem;background:var(--am-abyss);
  color:rgba(255,255,255,.74);font-size:.78rem;position:relative;z-index:2}
.am-areas__pin a{color:var(--am-gold);font-weight:600;text-decoration:none}
@media(max-width:759px){
  .am-areas__map{position:relative;height:250px}
  .am-areas__over{padding-block:0}
  .am-areas__panel{max-width:none;box-shadow:none}
}

/* ── Costs ────────────────────────────────────────────────────── */
.am-fig__l{display:block;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;color:var(--am-ink-soft);margin-top:1.25rem;padding-top:.875rem;
  border-top:1px solid var(--am-gold-line)}
.am-figs{align-items:flex-end;flex-wrap:wrap}

/* ── Testimonial ──────────────────────────────────────────────── */
.am-tst{max-width:46ch;margin-inline:auto;text-align:center}
.am-tst__mark{font-family:"Source Serif 4",serif;font-size:4.6rem;line-height:.6;
  color:var(--am-gold);display:block;margin-bottom:1.25rem}
.am-tst blockquote{font-family:"Source Serif 4",serif;font-size:clamp(1.28rem,2.5vw,1.8rem);
  line-height:1.45;margin:0 0 1.25rem;letter-spacing:-.02em;color:var(--am-ink)}
.am-tst cite{font-style:normal;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--am-gold-ink);font-weight:600}

/* ── Volunteer ────────────────────────────────────────────────── */
.am-vol__tasks{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0 0 2rem;padding:0}
.am-vol__tasks li{font-size:.84rem;padding:.4rem .9rem;border:1px solid rgba(255,255,255,.3);
  color:rgba(255,255,255,.88)}
@media(max-width:1024px){
  .am-vol{flex-direction:column!important}
  .am-vol > .e-con{width:100%!important}
}

/* ── Contact ──────────────────────────────────────────────────── */
.am-details{margin:0;border-top:2px solid var(--am-gold);padding-top:.875rem}
.am-detail{padding-block:1.25rem;border-bottom:1px solid rgba(255,255,255,.14)}
.am-detail:last-child{border-bottom:0}
.am-detail dt{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.56);margin-bottom:.2rem}
.am-detail dd{margin:0;font-size:1.05rem;color:#fff}
.am-detail dd a{color:#fff;font-weight:600;text-decoration:none}
.am-detail dd a:hover{color:var(--am-gold)}
.am-detail dd small{display:block;font-size:.79rem;color:rgba(255,255,255,.6);
  font-weight:400;margin-top:.15rem}
.am-form-slot{border:1px dashed var(--am-gold);padding:1.5rem;color:rgba(255,255,255,.8);
  font-size:.9rem;line-height:1.6}

/* ── Sticky mobile call bar + WhatsApp button ─────────────────
   Paste the matching HTML widget from README item 8 for these
   to appear. ─────────────────────────────────────────────────── */
.am-sticky{position:fixed;inset:auto 0 0;z-index:600;display:grid;grid-template-columns:1fr 1fr;
  background:var(--am-abyss);border-top:2px solid var(--am-gold);
  padding-bottom:env(safe-area-inset-bottom)}
.am-sticky a{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem .5rem;
  color:#fff;text-decoration:none;font-weight:600}
.am-sticky a:first-child{background:var(--am-gold);color:var(--am-ink)}
@media(min-width:768px){.am-sticky{display:none}}
@media(max-width:767px){body{padding-bottom:4.4rem}}
.am-wa{display:none;position:fixed;right:1.25rem;bottom:1.25rem;z-index:600;width:58px;height:58px;
  border-radius:50%;background:#128C7E;color:#fff;place-items:center;
  box-shadow:0 6px 24px rgba(0,0,0,.28);text-decoration:none;
  transition:transform .4s var(--am-ease-out),background-color .4s ease}
.am-wa:hover{transform:scale(1.08) rotate(-6deg);background:#0F7166;color:#fff}
@media(min-width:768px){.am-wa{display:grid}}

/* ── FAQ (Elementor Accordion) ────────────────────────────────── */
.am-faq .elementor-accordion-item{border-color:var(--am-stone)!important;
  border-left:0!important;border-right:0!important;border-top:0!important}
.am-faq .elementor-tab-title{padding:1.25rem 0!important}
.am-faq .elementor-tab-content{padding:0 2rem 1.25rem 0!important;border:0!important}

/* ── Reduced motion ───────────────────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ── Print — families do print this page ──────────────────────── */
@media print{
  .am-alert,.am-sticky,.am-wa,.am-areas__map,.am-hero__media,.am-close{display:none!important}
  body{background:#fff;color:#000}
  .am-hero,.am-svc,.am-contact,.am-why{background:#fff!important}
  .am-hero h1,.am-svc h2,.am-contact h2,.am-why h2{color:#000!important}
  a[href^="tel:"]::after{content:" (" attr(href) ")";font-size:9pt}
}

/* Smooth Elementor entrance animations */
.elementor-element.animated {
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
    animation-fill-mode: both !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}/* End custom CSS */