/* ── Site-wide layout & header ──────────────────────────────────────── */
.site-wrapper{width:100%;overflow-x:clip}
.header,.header__container{max-width:100%!important;box-sizing:border-box!important}

/* ── Scroll progress bar ─────────────────────────────────────────────── */
#scroll-bar{position:fixed;top:0;left:0;right:0;height:5px;z-index:99999;pointer-events:none}
#scroll-fill{height:100%;width:0%;background:#7dbc26;transition:width .1s linear}

/* ── Hamburger toggle ────────────────────────────────────────────────── */
.header__toggle-inner{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.tog-line{display:block;height:2px;background:#000;border-radius:2px;transition:all .3s}
#tog1{width:32px}
#tog2{width:24px}
#tog3{width:16px}

/* ── Dropdown nav arrow ──────────────────────────────────────────────── */
.header__nav-arrow{vertical-align:middle;margin-right:4px}

/* ── Page hero (simple, no-image variant) ────────────────────────────── */
.page-hero--simple{background:#091125;padding-top:var(--header-height,96px);justify-content:center}
.page-hero--simple .page-hero__overlay{background:none}
.page-hero--simple .page-hero__content{padding-top:0;padding-bottom:0}

@media(min-width:769px){
  ul.header__list{gap:40px!important}
}
.header__link{padding:6px 14px!important;border-radius:8px!important}

@media(max-width:768px){
  .header__container{width:100%!important;overflow:hidden!important}
  ul.header__list{display:none!important}
  .header__actions{display:none!important}
  #btn-header-contact{display:none!important}
  .header .btn-primary{display:none!important}
  nav#main-nav.is-open{clip-path:none!important;position:fixed!important;top:80px!important;right:0!important;left:0!important;width:100%!important;max-width:100%!important;height:auto!important;background:#fff!important;z-index:999!important;padding:8px 0 16px!important;box-shadow:0 8px 24px rgba(0,0,0,0.12)!important;border-top:1px solid #e8e8e8!important}
  nav#main-nav.is-open ul.header__list{display:flex!important;flex-direction:column-reverse!important;align-items:stretch!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;list-style:none!important}
  nav#main-nav.is-open .header__item{width:100%!important}
  .header__item.has-dropdown:hover .header__dropdown{display:none!important}
  nav#main-nav.is-open .header__link{display:block!important;padding:15px 24px!important;color:#12001a!important;font-size:17px!important;font-weight:600!important;border-bottom:1px solid #f0f0f0!important;text-decoration:none!important;text-align:right!important}
  nav#main-nav.is-open .header__link svg{display:none!important}
  nav#main-nav.is-open .header__link-wrap{border-bottom:1px solid #f0f0f0!important}
  nav#main-nav.is-open .header__link-wrap .header__link{border-bottom:none!important}
  nav#main-nav.is-open .header__dropdown-toggle{display:flex!important;align-items:center!important;justify-content:center!important;padding:0 18px!important;color:#7dbc26!important;border-right:1px solid #f0f0f0!important}
  nav#main-nav.is-open .header__dropdown-toggle svg{width:22px!important;height:22px!important;transition:transform .2s!important}
  nav#main-nav.is-open .has-dropdown.mobile-open .header__dropdown-toggle svg{transform:rotate(180deg)!important}
  nav#main-nav.is-open .has-dropdown.mobile-open .header__dropdown{display:block!important;position:static!important;border-radius:0!important;box-shadow:none!important;background:#f8fafc!important;padding:4px 0!important}
  nav#main-nav.is-open .has-dropdown.mobile-open .header__dropdown-link{padding:12px 32px!important;font-size:15px!important;border-bottom:1px solid #f0f0f0!important}
  nav#main-nav.is-open .header__link.is-active{color:#7dbc26!important;background:transparent!important;border-color:transparent!important;font-size:17px!important}
  nav#main-nav.is-open .header__item:first-child .header__link{border-bottom:none!important}
  .header__right-side{position:static!important;left:auto!important;right:auto!important;margin-inline-start:auto!important}
}

@media(max-width:900px){
  .footer-cards-row{transform:none!important;grid-template-columns:1fr!important;padding:24px 16px!important;gap:16px!important}
}

@media(max-width:767px){
  .footer-card-item{justify-content:flex-start!important;text-align:right!important}
  html,body{overflow-x:hidden!important;width:100%!important;position:relative}
  *{max-width:100vw!important;box-sizing:border-box!important}
  .blog-layout,.svc-main-grid{grid-template-columns:1fr!important;gap:24px!important}
  .svc-main-img{aspect-ratio:1/1!important}
  .svc-content-section{padding-top:24px!important}
  .blog-sidebar,.svc-sidebar{position:static!important}
  .faq-grid{grid-template-columns:1fr!important;gap:24px!important}
  .about-grid{grid-template-columns:1fr!important;gap:24px!important}
  .steps-flex{flex-direction:column!important;gap:32px!important}
  .footer-main-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}
  .contact-page-section{padding:48px 20px!important}
  .contact-page-form-box{padding:24px!important;border-radius:20px!important}
  .cta-banner-section{padding:48px 20px!important}
}

/* ── Dropdown nav ─────────────────────────────────────────────────────── */
.header__item.has-dropdown{position:relative}
.header__link-wrap{display:flex;align-items:center;position:relative}
.header__link-wrap .header__link{flex:1}
.header__dropdown-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;color:#12001a;line-height:1}
.header__dropdown{display:none;position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.18);min-width:200px;padding:16px 0 8px;z-index:9999;list-style:none;border:1px solid rgba(0,0,0,.06);margin-top:-8px}
.header__item.has-dropdown:hover .header__dropdown{display:block}
.header__dropdown-link{display:block;padding:10px 20px;color:#12001a;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}
.header__dropdown-link:hover,.header__dropdown-link.is-active{background:#f0fdf4;color:#3a7a0a}
.header__link svg{width:14px!important;height:14px!important;opacity:.7}

/* ── Prose — shared by service pages, blog posts, custom pages ─────────── */
.blog-prose{font-size:17px;line-height:1.85;color:#374151;direction:rtl}
.blog-prose h2{font-size:22px;font-weight:800;color:#12001a;margin:40px 0 16px;padding-right:14px;border-right:3px solid #7dbc26}
.blog-prose h3{font-size:18px;font-weight:700;color:#12001a;margin:32px 0 12px;padding-right:10px}
.blog-prose h4{font-size:16px;font-weight:700;color:#12001a;margin:24px 0 10px}
.blog-prose p{margin:0 0 20px}
.blog-prose ul,.blog-prose ol{padding-right:24px;margin:0 0 20px}
.blog-prose li{margin-bottom:8px;line-height:1.7}
.blog-prose blockquote{background:#f0fdf4;border-right:4px solid #7dbc26;margin:24px 0;padding:16px 20px;border-radius:0 12px 12px 0;color:#374151;font-style:italic}
.blog-prose a{color:#7dbc26;text-decoration:underline}
.blog-prose strong{color:#12001a;font-weight:700}
.blog-prose img{border-radius:12px;width:100%;margin:20px 0}
.blog-prose hr{border:none;border-top:1px solid #e5e7eb;margin:32px 0}
.blog-prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}
.blog-prose th{background:#f8fdf4;color:#12001a;font-weight:700;padding:10px 14px;border:1px solid #e5e7eb;text-align:right}
.blog-prose td{padding:10px 14px;border:1px solid #e5e7eb;color:#374151}
.blog-prose tr:nth-child(even) td{background:#fafafa}

@media(max-width:767px){
  .blog-prose{font-size:16px}
  .blog-prose h2{font-size:20px;margin:28px 0 12px}
  .blog-prose h3{font-size:17px;margin:22px 0 10px}
}

/* ── Admin bar & edit overlays (logged-in only) ───────────────────────── */
#admin-bar{position:fixed!important;bottom:24px!important;left:24px!important;z-index:2147483647!important;display:flex!important;pointer-events:auto!important}
.edit-overlay{display:none;position:absolute;top:12px;left:12px;z-index:2147483646;pointer-events:auto}
.edit-overlay a{display:inline-flex;align-items:center;gap:6px;background:#7dbc26;color:#fff;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,0.35);font-family:Arial,sans-serif;white-space:nowrap;border:2px solid rgba(255,255,255,0.3)}
.edit-overlay a:hover{background:#5fa01e}
.editable-section{position:relative}
.editable-section:hover>.edit-overlay{display:block}