/* Delta National Day Campaign — front-end styles
   Brand palette taken from delta-medlab.com:
     navy   #3A428A   olive #A3BF64   pink #CC3366   deep navy #2A3166
   NOTE: every visual property on buttons is hard-coded + !important.
   The Elementor theme resets <button> to a transparent, white-text box,
   which made our CTAs render as empty outlines. Do not replace these
   literals with CSS variables — var() lost the specificity fight. */

.dnd-inline,.dnd-block,.dnd-side,.dnd-modal{
  --dnd-navy:#3A428A;
  --dnd-navy-d:#2A3166;
  --dnd-olive:#A3BF64;
  --dnd-olive-d:#7E9C43;
  --dnd-pink:#CC3366;
  --dnd-mist:#F2F4FA;
  --dnd-line:#DDE1EE;
  --dnd-body:#4B4B4B;
  --dnd-grey:#6E7280;
  --dnd-wa:#25D366;
  font-family:inherit;
  direction:rtl;
  text-align:right;
  box-sizing:border-box;
}
.dnd-inline *,.dnd-block *,.dnd-side *,.dnd-modal *{box-sizing:border-box;}

/* =====================================================================
   BUTTONS — armoured against theme overrides
   ===================================================================== */
.dnd-btn,
a.dnd-btn,
button.dnd-btn{
  display:inline-block !important;
  width:auto;
  padding:14px 28px !important;
  border:0 !important;
  border-radius:10px !important;
  font-family:inherit !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  text-align:center !important;
  text-decoration:none !important;
  text-transform:none !important;
  letter-spacing:normal !important;
  box-shadow:none !important;
  cursor:pointer;
  transition:filter .15s ease, transform .15s ease;
  -webkit-appearance:none;
  appearance:none;
  min-height:0 !important;
}
.dnd-btn:hover{filter:brightness(1.08);transform:translateY(-1px);}
.dnd-btn:focus-visible{outline:3px solid #CC3366 !important;outline-offset:2px;}

.dnd-btn--primary,
a.dnd-btn--primary,
button.dnd-btn--primary{
  background:#3A428A !important;
  background-image:none !important;
  color:#ffffff !important;
}
.dnd-btn--primary:hover{background:#2A3166 !important;}

.dnd-btn--olive,
a.dnd-btn--olive,
button.dnd-btn--olive{
  background:#A3BF64 !important;
  background-image:none !important;
  color:#22270F !important;
}

.dnd-btn--wa,
a.dnd-btn--wa,
button.dnd-btn--wa{
  background:#25D366 !important;
  background-image:none !important;
  color:#0B2E17 !important;
}

.dnd-btn--full,
a.dnd-btn--full,
button.dnd-btn--full{
  display:block !important;
  width:100% !important;
  margin-top:10px !important;
}

/* =====================================================================
   INLINE STRIP (after first paragraph)
   ===================================================================== */
.dnd-inline{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:#F2F4FA;border:1px solid #DDE1EE;border-right:4px solid #A3BF64;
  border-radius:12px;padding:14px 18px;margin:26px 0;max-width:100%;
}
.dnd-inline__icon{font-size:24px;line-height:1;flex:0 0 auto;}
.dnd-inline__txt{flex:1 1 240px;font-size:15.5px;color:#4B4B4B;line-height:1.6;margin:0;}
.dnd-inline__txt strong{color:#2A3166;}
.dnd-inline__btn,
a.dnd-inline__btn{
  flex:0 0 auto;
  background:#3A428A !important;background-image:none !important;color:#fff !important;
  padding:11px 24px !important;border:0 !important;border-radius:9px !important;
  font-weight:700 !important;font-size:15px !important;text-decoration:none !important;
  box-shadow:none !important;transition:background .15s ease;
}
.dnd-inline__btn:hover{background:#2A3166 !important;}

/* =====================================================================
   END-OF-POST BLOCK
   ===================================================================== */
.dnd-block{
  background:linear-gradient(135deg,#2A3166 0%,#3A428A 100%);
  border-radius:18px;padding:32px 30px;margin:38px 0 20px;color:#DDE1EE;max-width:100%;
}
.dnd-block__tag{color:#A3BF64;font-weight:700;font-size:14px;letter-spacing:.04em;margin-bottom:8px;}
.dnd-block__h{
  color:#fff !important;font-size:clamp(21px,3.4vw,29px);font-weight:800;
  margin:0 0 12px;line-height:1.3;
}
.dnd-block__p{font-size:16px;line-height:1.8;margin:0 0 22px;color:#DDE1EE;}
.dnd-block__p strong{color:#A3BF64;}
.dnd-block__btns{display:flex;gap:12px;flex-wrap:wrap;}
.dnd-block__code{margin:18px 0 0;font-size:14px;color:#AFB7D4;}
.dnd-block__code b{
  color:#fff;background:#CC3366;padding:4px 12px;border-radius:6px;letter-spacing:.08em;
}

/* =====================================================================
   SIDEBAR CARD
   ===================================================================== */
.dnd-side{
  background:linear-gradient(160deg,#2A3166 0%,#3A428A 100%);
  border-radius:16px;padding:24px 22px;color:#DDE1EE;max-width:100%;
}
.dnd-side__tag{color:#A3BF64;font-weight:700;font-size:13px;margin-bottom:8px;}
.dnd-side__h{color:#fff;font-weight:800;font-size:22px;line-height:1.35;margin-bottom:6px;}
.dnd-side__sub{font-size:14px;line-height:1.6;margin-bottom:16px;}
.dnd-side__link,
a.dnd-side__link{
  display:block;margin-top:14px;color:#A3BF64 !important;
  font-size:14px;font-weight:700;text-decoration:none !important;line-height:1.6;
}
.dnd-side__link:hover{text-decoration:underline !important;}

/* =====================================================================
   COUNTDOWN
   ===================================================================== */
.dnd-countdown{display:flex;gap:8px;justify-content:center;margin:0 0 16px;flex-wrap:wrap;}
.dnd-countdown:empty{display:none;}
.dnd-cd-unit{
  background:rgba(255,255,255,.12);border-radius:9px;padding:8px 12px;
  min-width:58px;text-align:center;
}
.dnd-countdown--light .dnd-cd-unit{background:#F2F4FA;border:1px solid #DDE1EE;}
.dnd-cd-n{display:block;font-size:20px;font-weight:800;color:#fff;line-height:1.2;}
.dnd-countdown--light .dnd-cd-n{color:#2A3166;}
.dnd-cd-l{display:block;font-size:11px;color:#AFB7D4;margin-top:2px;}
.dnd-countdown--light .dnd-cd-l{color:#6E7280;}

/* =====================================================================
   MODAL
   ===================================================================== */
.dnd-modal[hidden]{display:none !important;}
.dnd-modal{
  position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:99999;
  display:flex;align-items:center;justify-content:center;padding:20px;
}
.dnd-modal__backdrop{
  position:absolute;top:0;right:0;bottom:0;left:0;inset:0;
  background:rgba(42,49,102,.74);
  animation:dnd-fade .2s ease;
}
.dnd-modal__box{
  position:relative;background:#fff;border-radius:20px;
  width:100%;max-width:430px;padding:34px 28px 24px;
  text-align:center;box-shadow:0 24px 70px rgba(20,25,60,.4);
  animation:dnd-pop .25s cubic-bezier(.2,.9,.3,1.2);
  max-height:92vh;overflow-y:auto;overflow-x:hidden;
}
@keyframes dnd-fade{from{opacity:0}to{opacity:1}}
@keyframes dnd-pop{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}

/* close X — theme turns bare <button> into a bordered box, so reset hard */
.dnd-modal__x,
button.dnd-modal__x{
  position:absolute !important;left:12px;inset-inline-end:12px;top:10px;
  width:34px !important;height:34px !important;min-height:0 !important;
  padding:0 !important;margin:0 !important;
  background:transparent !important;background-image:none !important;
  border:0 !important;border-radius:50% !important;box-shadow:none !important;
  font-size:26px !important;line-height:1 !important;font-weight:400 !important;
  color:#9AA0B5 !important;cursor:pointer;-webkit-appearance:none;appearance:none;
  display:flex !important;align-items:center;justify-content:center;
}
.dnd-modal__x:hover{background:#F2F4FA !important;color:#2A3166 !important;}

.dnd-modal__tag{color:#CC3366;font-weight:700;font-size:14px;margin-bottom:6px;}
.dnd-modal__h{
  color:#2A3166 !important;font-size:25px;font-weight:800;
  margin:0 0 8px;line-height:1.3;
}
.dnd-modal__sub{font-size:14.5px;color:#6E7280;margin:0 0 18px;line-height:1.6;}
.dnd-modal__skip,
a.dnd-modal__skip{
  display:block;margin-top:16px;font-size:14px;font-weight:700;
  color:#3A428A !important;text-decoration:none !important;
}
.dnd-modal__skip:hover{text-decoration:underline !important;}

/* dismiss — plain text link, not a themed button */
.dnd-modal__dismiss,
button.dnd-modal__dismiss{
  display:block !important;width:100% !important;
  margin:12px 0 0 !important;padding:6px !important;min-height:0 !important;
  background:transparent !important;background-image:none !important;
  border:0 !important;box-shadow:none !important;border-radius:0 !important;
  color:#9AA0B5 !important;font-size:13.5px !important;font-weight:400 !important;
  font-family:inherit !important;cursor:pointer;-webkit-appearance:none;appearance:none;
  text-transform:none !important;
}
.dnd-modal__dismiss:hover{color:#4B4B4B !important;}

/* =====================================================================
   FORM
   ===================================================================== */
.dnd-form{margin:0;}
.dnd-form input[type="tel"]{
  width:100% !important;padding:14px 16px !important;
  border:1px solid #CFD5E6 !important;border-radius:10px !important;
  font-size:16px !important;font-family:inherit !important;
  text-align:right;direction:rtl;
  margin:0 0 10px !important;background:#fff !important;color:#4B4B4B !important;
  box-shadow:none !important;min-height:0 !important;
}
.dnd-form input[type="tel"]:focus{
  outline:0;border-color:#3A428A !important;box-shadow:0 0 0 3px rgba(58,66,138,.15) !important;
}
.dnd-form input.dnd-err{border-color:#CC3366 !important;}
.dnd-form__msg{font-size:14px;margin:10px 0 0;min-height:1em;line-height:1.5;}
.dnd-form__msg.ok{color:#2E7D32;font-weight:700;}
.dnd-form__msg.bad{color:#CC3366;}
.dnd-sr{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
/* honeypot — hidden from humans, visible to bots */
.dnd-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}

/* =====================================================================
   STICKY SIDE RAIL
   Desktop only. Slides in on scroll, collapses to a slim tab when closed.
   ===================================================================== */
.dnd-rail{
  position:fixed;top:50%;z-index:9998;
  width:232px;
  transform:translateY(-50%);
  font-family:inherit;direction:rtl;text-align:right;
  pointer-events:none;
}
.dnd-rail--left{left:0;}
.dnd-rail--right{right:0;}
.dnd-rail[hidden]{display:none !important;}

/* hidden until the visitor has scrolled a little */
.dnd-rail__card{
  pointer-events:auto;
  background:linear-gradient(160deg,#2A3166 0%,#3A428A 100%);
  color:#DDE1EE;
  padding:20px 18px 16px;
  box-shadow:0 14px 40px rgba(20,25,60,.34);
  position:relative;
  opacity:0;
  transition:transform .45s cubic-bezier(.2,.9,.3,1.1), opacity .35s ease;
}
.dnd-rail--left  .dnd-rail__card{border-radius:0 16px 16px 0;transform:translateX(-110%);}
.dnd-rail--right .dnd-rail__card{border-radius:16px 0 0 16px;transform:translateX(110%);}
.dnd-rail.is-in .dnd-rail__card{transform:translateX(0);opacity:1;}

/* olive edge stripe — the attention cue */
.dnd-rail__card::before{
  content:"";position:absolute;top:0;bottom:0;width:5px;background:#A3BF64;
}
.dnd-rail--left  .dnd-rail__card::before{right:0;}
.dnd-rail--right .dnd-rail__card::before{left:0;}

.dnd-rail__x,
button.dnd-rail__x{
  position:absolute !important;top:6px;
  width:26px !important;height:26px !important;min-height:0 !important;
  padding:0 !important;margin:0 !important;
  background:transparent !important;background-image:none !important;
  border:0 !important;border-radius:50% !important;box-shadow:none !important;
  color:#8E97BC !important;font-size:20px !important;line-height:1 !important;
  font-weight:400 !important;cursor:pointer;
  display:flex !important;align-items:center;justify-content:center;
  -webkit-appearance:none;appearance:none;
}
.dnd-rail--left  .dnd-rail__x{left:8px;}
.dnd-rail--right .dnd-rail__x{right:8px;}
.dnd-rail__x:hover{color:#fff !important;background:rgba(255,255,255,.12) !important;}

.dnd-rail__tag{
  color:#A3BF64;font-weight:700;font-size:11.5px;letter-spacing:.05em;
  margin-bottom:10px;padding-inline-end:22px;
}
.dnd-rail__price{display:flex;align-items:baseline;gap:6px;margin-bottom:2px;}
.dnd-rail__num{
  font-size:44px;font-weight:800;color:#fff;line-height:1;
  text-shadow:0 2px 10px rgba(163,191,100,.35);
}
.dnd-rail__cur{font-size:15px;font-weight:700;color:#A3BF64;}
.dnd-rail__name{font-size:13.5px;color:#fff;font-weight:700;line-height:1.5;margin-bottom:8px;}
.dnd-rail__name--lg{font-size:16px;margin-top:4px;}
.dnd-rail__sub{font-size:12px;color:#AFB7D4;line-height:1.6;margin-bottom:12px;}

.dnd-countdown--rail{gap:5px;margin-bottom:12px;justify-content:flex-start;}
.dnd-countdown--rail .dnd-cd-unit{padding:5px 8px;min-width:44px;}
.dnd-countdown--rail .dnd-cd-n{font-size:15px;}
.dnd-countdown--rail .dnd-cd-l{font-size:9.5px;}

.dnd-rail .dnd-btn{font-size:14px !important;padding:11px 16px !important;}
.dnd-rail .dnd-btn--full{margin-top:8px !important;}

/* collapsed tab */
.dnd-rail__tab,
button.dnd-rail__tab{
  pointer-events:auto;
  position:absolute;top:50%;
  transform:translateY(-50%);
  display:none;align-items:center;gap:8px;
  padding:14px 10px !important;min-height:0 !important;
  background:#3A428A !important;background-image:none !important;
  color:#fff !important;border:0 !important;box-shadow:0 8px 24px rgba(20,25,60,.3) !important;
  font-family:inherit !important;font-size:12.5px !important;font-weight:700 !important;
  cursor:pointer;-webkit-appearance:none;appearance:none;
  writing-mode:vertical-rl;
}
.dnd-rail--left  .dnd-rail__tab{left:0;border-radius:0 12px 12px 0 !important;}
.dnd-rail--right .dnd-rail__tab{right:0;border-radius:12px 0 0 12px !important;}
.dnd-rail__tab-txt{letter-spacing:.04em;}
.dnd-rail__tab-dot{
  width:8px;height:8px;border-radius:50%;background:#A3BF64;flex:0 0 auto;
  animation:dnd-pulse 1.8s ease-in-out infinite;
}
@keyframes dnd-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(163,191,100,.65);}
  70%    {box-shadow:0 0 0 9px rgba(163,191,100,0);}
}

.dnd-rail.is-collapsed .dnd-rail__card{display:none;}
.dnd-rail.is-collapsed .dnd-rail__tab{display:flex;}
.dnd-rail.is-muted{opacity:0;pointer-events:none;transition:opacity .2s ease;}

/* the rail is desktop furniture — never let it cover article text */
@media (max-width:991px){
  .dnd-rail{display:none !important;}
}
@media (prefers-reduced-motion:reduce){
  .dnd-rail__card{transition:none;}
  .dnd-rail__tab-dot{animation:none;}
}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width:600px){
  .dnd-block{padding:26px 20px;border-radius:14px;}
  .dnd-block__btns .dnd-btn{width:100% !important;}
  .dnd-inline{padding:14px;}
  .dnd-inline__btn{width:100% !important;}
  .dnd-modal__box{padding:30px 18px 20px;border-radius:16px;}
  .dnd-modal__h{font-size:22px;}
}

@media (prefers-reduced-motion:reduce){
  .dnd-modal__box,.dnd-modal__backdrop{animation:none;}
  .dnd-btn:hover{transform:none;}
}

/* the sidebar card once JS has moved it into the theme's column */
.dnd-side--placed{
  margin-bottom:20px;
  animation:dnd-side-in .4s ease both;
}
@keyframes dnd-side-in{
  from{opacity:0;transform:translateY(-8px);}
  to  {opacity:1;transform:none;}
}
@media (prefers-reduced-motion:reduce){
  .dnd-side--placed{animation:none;}
}