.meqyasi-date-difference .mq-pro-form{max-width:980px;margin:0 auto}.meqyasi-date-difference .mq-pro-header{text-align:center}.meqyasi-date-difference .mq-pro-eyebrow{display:inline-block;color:var(--mq-green);font-weight:800;font-size:12px;margin-bottom:7px}.meqyasi-date-difference .mq-dd-panel{position:relative}.mq-dd-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mq-dd-date-field{position:relative}.mq-dd-date-trigger{width:100%;height:58px;border:1px solid var(--mq-border);border-radius:15px;background:#fff;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--mq-muted);font:600 15px Cairo,Arial;cursor:pointer;transition:.2s;text-align:right}.mq-dd-date-trigger:hover,.mq-dd-date-trigger[aria-expanded="true"]{border-color:var(--mq-primary);box-shadow:0 0 0 3px rgba(18,59,104,.07)}.mq-dd-date-trigger span.has-value{color:var(--mq-primary);font-weight:800}.mq-dd-date-trigger svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;flex:0 0 auto}.mq-dd-datepicker{position:absolute;z-index:80;top:calc(100% + 9px);right:0;width:min(390px,calc(100vw - 36px));padding:16px;background:#fff;border:1px solid var(--mq-border);border-radius:18px;box-shadow:0 20px 55px rgba(18,59,104,.18)}.mq-dd-date-field:nth-child(2) .mq-dd-datepicker{right:auto;left:0}.mq-dd-cal-head{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;margin-bottom:14px}.mq-dd-cal-nav{width:38px;height:38px;border:0;border-radius:10px;background:var(--mq-bg);color:var(--mq-primary);font:800 24px Arial;cursor:pointer}.mq-dd-cal-selects{display:grid;grid-template-columns:1.15fr .85fr;gap:7px}.mq-dd-cal-selects select{height:40px;border:1px solid var(--mq-border);border-radius:10px;background:#fff;padding:0 8px;color:var(--mq-primary);font:700 13px Cairo,Arial;outline:none}.mq-dd-cal-weekdays,.mq-dd-cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mq-dd-cal-weekdays{margin-bottom:6px}.mq-dd-cal-weekdays span{text-align:center;color:var(--mq-muted);font-size:10px;font-weight:700;padding:4px 0}.mq-dd-cal-days button,.mq-dd-cal-days .is-empty{aspect-ratio:1;display:grid;place-items:center}.mq-dd-cal-days button{border:0;border-radius:50%;background:transparent;color:var(--mq-text);font:700 12px Cairo,Arial;cursor:pointer;transition:.15s}.mq-dd-cal-days button:hover{background:var(--mq-bg);color:var(--mq-primary)}.mq-dd-cal-days button.is-today{box-shadow:inset 0 0 0 1px var(--mq-primary);color:var(--mq-primary)}.mq-dd-cal-days button.is-selected{background:var(--mq-primary);color:#fff;box-shadow:none}.mq-dd-cal-footer{display:flex;justify-content:space-between;border-top:1px solid var(--mq-border);margin-top:12px;padding-top:10px}.mq-dd-cal-footer button{border:0;background:transparent;color:var(--mq-primary);font:700 12px Cairo,Arial;cursor:pointer;padding:5px 7px}.mq-dd-swap{display:flex;align-items:center;gap:7px;margin:11px auto 0;border:0;background:transparent;color:var(--mq-muted);font:700 12px Cairo,Arial;cursor:pointer}.mq-dd-swap span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--mq-bg);color:var(--mq-primary);font-size:16px}.mq-dd-hijri-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mq-dd-hgroup{padding:16px;background:var(--mq-bg);border-radius:16px}.mq-dd-hgroup>strong{display:block;color:var(--mq-primary);margin-bottom:12px}.mq-dd-hfields{display:grid;grid-template-columns:.8fr 1.5fr 1fr;gap:8px}.mq-dd-hfields select{width:100%;height:50px;border:1px solid var(--mq-border);border-radius:12px;background:#fff;padding:0 8px;font:inherit}.mq-inline-note{font-size:12px;color:var(--mq-muted);margin:10px 0 0}.mq-dd-options{margin-top:18px;border:1px solid var(--mq-border);border-radius:15px;background:#fbfdff;overflow:hidden}.mq-dd-options summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;color:var(--mq-primary);font-weight:800}.mq-dd-options summary::-webkit-details-marker{display:none}.mq-dd-options summary:after{content:'+';font-size:20px;color:var(--mq-muted);order:-1}.mq-dd-options[open] summary:after{content:'−'}.mq-dd-options summary small{font-size:10px;font-weight:700;color:var(--mq-muted);margin-inline-start:auto;margin-inline-end:8px}.mq-dd-options-body{padding:0 16px 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mq-dd-check,.mq-dd-option-note{display:flex;align-items:center;gap:10px;border-top:1px solid var(--mq-border);padding-top:13px}.mq-dd-check input{width:18px;height:18px;accent-color:var(--mq-primary)}.mq-dd-check span,.mq-dd-option-note span{display:block}.mq-dd-check strong,.mq-dd-option-note strong{font-size:12px;color:var(--mq-primary);display:block}.mq-dd-check small,.mq-dd-option-note span{font-size:10px;color:var(--mq-muted);line-height:1.7}.mq-dd-option-note{display:block}.mq-pro-actions{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:18px}.mq-secondary{min-height:52px;border:1px solid var(--mq-border);border-radius:13px;background:var(--mq-surface);color:var(--mq-primary);font:700 14px Cairo,Arial;cursor:pointer}.mq-form-error{margin-top:12px;padding:11px 14px;border-radius:12px;background:#fff2f2;color:#b42318;font-size:13px}.mq-dd-results{margin-top:24px;background:var(--mq-bg);border-radius:20px;padding:24px}.mq-result-heading{display:flex;justify-content:space-between;gap:12px;color:var(--mq-muted);font-size:13px}.mq-result-heading strong{color:var(--mq-primary)}.mq-dd-main{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.mq-dd-main article{text-align:center;background:#fff;border:1px solid var(--mq-border);border-radius:16px;padding:20px}.mq-dd-main strong{display:block;font-size:34px;color:var(--mq-green)}.mq-dd-main span{font-size:13px;color:var(--mq-muted)}.mq-dd-totals{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.mq-dd-totals article{background:rgba(255,255,255,.7);border-radius:13px;padding:13px}.mq-dd-totals span{display:block;font-size:11px;color:var(--mq-muted)}.mq-dd-totals strong{color:var(--mq-primary);font-size:17px}.mq-sharebox{margin-top:18px;padding:16px;background:#fff;border:1px solid var(--mq-border);border-radius:15px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.mq-sharebox>div>span{display:block;color:var(--mq-muted);font-size:12px}.mq-share-actions{display:flex;gap:7px}.mq-share-actions button{border:1px solid var(--mq-border);background:#fff;border-radius:10px;padding:8px 11px;cursor:pointer;font-family:inherit}.mq-share-actions .is-primary{background:var(--mq-primary);color:#fff;border-color:var(--mq-primary)}.mq-sharebox input{grid-column:1/-1;width:100%;height:40px;border:1px solid var(--mq-border);border-radius:10px;padding:0 10px;direction:ltr}.mq-sharebox small{grid-column:1/-1;color:var(--mq-green)}
@media(max-width:800px){.mq-dd-totals{grid-template-columns:repeat(2,1fr)}.mq-dd-hijri-grid{grid-template-columns:1fr}.mq-dd-options-body{grid-template-columns:1fr}}
@media(max-width:650px){.mq-dd-date-grid{grid-template-columns:1fr;gap:14px}.mq-dd-datepicker{position:fixed;z-index:999999;right:10px!important;left:10px!important;top:auto;bottom:10px;width:auto;max-height:calc(100vh - 20px);overflow:auto;border-radius:22px;padding:18px;box-shadow:0 -10px 50px rgba(18,59,104,.22)}.mq-dd-date-trigger{height:56px}.mq-pro-actions{grid-template-columns:1fr}.mq-dd-main{gap:7px}.mq-dd-main article{padding:15px 8px}.mq-dd-main strong{font-size:27px}.mq-sharebox{grid-template-columns:1fr}.mq-dd-hfields{grid-template-columns:.8fr 1.4fr 1fr;gap:5px}.mq-result-heading{display:block}.mq-result-heading strong{display:block;margin-top:4px}.mq-dd-cal-weekdays span{font-size:9px}.mq-dd-cal-days button{font-size:13px}.mq-dd-cal-head{grid-template-columns:42px 1fr 42px}.mq-dd-cal-nav{width:42px;height:42px}}
@media(max-width:380px){.mq-dd-cal-selects{grid-template-columns:1fr 1fr}.mq-dd-datepicker{right:6px!important;left:6px!important;bottom:6px;padding:14px}.mq-dd-cal-days{gap:2px}}

/* v1.1.1 — date difference interaction fixes */
.meqyasi-date-difference .mq-dd-date-trigger,
.meqyasi-date-difference .mq-dd-date-trigger:visited{
  background:var(--mq-surface)!important;
  color:var(--mq-muted)!important;
  border-color:var(--mq-border)!important;
}
.meqyasi-date-difference .mq-dd-date-trigger:hover,
.meqyasi-date-difference .mq-dd-date-trigger:focus,
.meqyasi-date-difference .mq-dd-date-trigger:focus-visible,
.meqyasi-date-difference .mq-dd-date-trigger[aria-expanded="true"]{
  background:#f7fbfe!important;
  color:var(--mq-primary)!important;
  border-color:var(--mq-primary)!important;
  box-shadow:0 0 0 3px rgba(18,59,104,.08)!important;
  filter:none!important;
}
.meqyasi-date-difference .mq-dd-date-trigger span,
.meqyasi-date-difference .mq-dd-date-trigger:hover span,
.meqyasi-date-difference .mq-dd-date-trigger:focus span{
  color:inherit!important;
}
.meqyasi-date-difference .mq-dd-date-trigger span.has-value{
  color:var(--mq-primary)!important;
}
.meqyasi-date-difference .mq-dd-date-trigger svg{
  color:var(--mq-primary)!important;
  stroke:currentColor!important;
}

.meqyasi-date-difference .mq-dd-options summary{
  background:#fbfdff!important;
  color:var(--mq-primary)!important;
  gap:12px!important;
  justify-content:flex-start!important;
}
.meqyasi-date-difference .mq-dd-options summary:hover,
.meqyasi-date-difference .mq-dd-options summary:focus,
.meqyasi-date-difference .mq-dd-options summary:focus-visible{
  background:#f1f7fc!important;
  color:var(--mq-primary)!important;
}
.meqyasi-date-difference .mq-dd-options summary small{
  margin:0!important;
  color:var(--mq-muted)!important;
}
.meqyasi-date-difference .mq-dd-options summary:after{
  order:initial!important;
  margin-inline-start:auto!important;
  margin-inline-end:14px!important;
  flex:0 0 auto!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:var(--mq-bg)!important;
  color:var(--mq-primary)!important;
  line-height:1!important;
}
.meqyasi-date-difference .mq-dd-options[open] summary:after{
  background:var(--mq-primary)!important;
  color:#fff!important;
}

.meqyasi-date-difference .mq-dd-cal-nav{
  background:var(--mq-bg)!important;
  color:var(--mq-primary)!important;
}
.meqyasi-date-difference .mq-dd-cal-nav:hover,
.meqyasi-date-difference .mq-dd-cal-nav:focus{
  background:var(--mq-primary)!important;
  color:#fff!important;
}
.meqyasi-date-difference .mq-dd-cal-days button{
  background:transparent!important;
  color:var(--mq-text)!important;
}
.meqyasi-date-difference .mq-dd-cal-days button:hover,
.meqyasi-date-difference .mq-dd-cal-days button:focus{
  background:var(--mq-bg)!important;
  color:var(--mq-primary)!important;
}
.meqyasi-date-difference .mq-dd-cal-days button.is-selected,
.meqyasi-date-difference .mq-dd-cal-days button.is-selected:hover,
.meqyasi-date-difference .mq-dd-cal-days button.is-selected:focus{
  background:var(--mq-primary)!important;
  color:#fff!important;
}
.meqyasi-date-difference .mq-dd-cal-footer button,
.meqyasi-date-difference .mq-dd-swap{
  background:transparent!important;
  color:var(--mq-primary)!important;
}
.meqyasi-date-difference .mq-dd-cal-footer button:hover,
.meqyasi-date-difference .mq-dd-cal-footer button:focus,
.meqyasi-date-difference .mq-dd-swap:hover,
.meqyasi-date-difference .mq-dd-swap:focus{
  background:var(--mq-bg)!important;
  color:var(--mq-primary)!important;
}

/* v1.1.2 — hard containment fix for calendar day grid */
.meqyasi-date-difference .mq-dd-datepicker{
  box-sizing:border-box!important;
  max-width:calc(100vw - 24px)!important;
  overflow:hidden!important;
}
.meqyasi-date-difference .mq-dd-cal-weekdays,
.meqyasi-date-difference .mq-dd-cal-days{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  grid-auto-columns:minmax(0,1fr)!important;
  justify-items:center!important;
  align-items:center!important;
  overflow:hidden!important;
}
.meqyasi-date-difference .mq-dd-cal-weekdays > *,
.meqyasi-date-difference .mq-dd-cal-days > *{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.meqyasi-date-difference .mq-dd-cal-days button,
.meqyasi-date-difference .mq-dd-cal-days .is-empty{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  padding:0!important;
  margin:0!important;
  aspect-ratio:auto!important;
  line-height:36px!important;
  box-sizing:border-box!important;
  place-self:center!important;
  overflow:hidden!important;
}
.meqyasi-date-difference .mq-dd-cal-days button{
  display:block!important;
  text-align:center!important;
  border-radius:50%!important;
}
.meqyasi-date-difference .mq-dd-cal-weekdays span{
  width:100%!important;
  padding:4px 0!important;
  margin:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
@media(max-width:420px){
  .meqyasi-date-difference .mq-dd-cal-days button,
  .meqyasi-date-difference .mq-dd-cal-days .is-empty{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    line-height:34px!important;
  }
}
@media(max-width:360px){
  .meqyasi-date-difference .mq-dd-cal-days button,
  .meqyasi-date-difference .mq-dd-cal-days .is-empty{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    line-height:30px!important;
  }
}


/* v1.1.3 — polished calendar header navigation */
.meqyasi-date-difference .mq-dd-cal-head{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  gap:10px!important;
  align-items:center!important;
  direction:ltr!important;
  box-sizing:border-box!important;
}
.meqyasi-date-difference .mq-dd-cal-selects{
  min-width:0!important;
  width:100%!important;
  direction:rtl!important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
  gap:8px!important;
  box-sizing:border-box!important;
}
.meqyasi-date-difference .mq-dd-cal-selects select{
  min-width:0!important;
  width:100%!important;
  height:44px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.meqyasi-date-difference .mq-dd-cal-nav,
.meqyasi-date-difference button.mq-dd-cal-nav{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid var(--mq-border)!important;
  border-radius:12px!important;
  background:var(--mq-bg)!important;
  color:var(--mq-primary)!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  justify-self:center!important;
  font-family:Arial,sans-serif!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:center!important;
  text-indent:0!important;
  letter-spacing:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  cursor:pointer!important;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
}
.meqyasi-date-difference .mq-dd-cal-nav:hover,
.meqyasi-date-difference .mq-dd-cal-nav:focus-visible{
  background:var(--mq-primary)!important;
  color:#fff!important;
  border-color:var(--mq-primary)!important;
  box-shadow:0 5px 14px rgba(18,59,104,.14)!important;
  transform:translateY(-1px)!important;
  outline:none!important;
}
.meqyasi-date-difference .mq-dd-cal-nav:active{
  transform:translateY(0)!important;
  box-shadow:none!important;
}
@media(max-width:650px){
  .meqyasi-date-difference .mq-dd-cal-head{
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    gap:8px!important;
  }
  .meqyasi-date-difference .mq-dd-cal-nav,
  .meqyasi-date-difference button.mq-dd-cal-nav{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    border-radius:11px!important;
    font-size:20px!important;
  }
  .meqyasi-date-difference .mq-dd-cal-selects select{
    height:42px!important;
  }
}
@media(max-width:380px){
  .meqyasi-date-difference .mq-dd-cal-head{
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    gap:6px!important;
  }
  .meqyasi-date-difference .mq-dd-cal-nav,
  .meqyasi-date-difference button.mq-dd-cal-nav{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    font-size:18px!important;
  }
}
@media(min-width:901px){.meqyasi-date-difference .mq-dd-panel{width:100%;max-width:none}}