/* DokTing v1_55 — «بوابة الجلسة المجانية» Modal-Styles. Eigenständig,kollisionsarm (dkfs-*). */
.dkfs-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}.dkfs-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(4,18,40,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.dkfs-root{width:100%;max-width:560px;margin:auto}.dkfs-panel{position:relative;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(2,12,28,.5);overflow:hidden;font-family:'Cairo',system-ui,sans-serif;color:#17324d;animation:dkfsIn .28s cubic-bezier(.22,.9,.3,1)}@keyframes dkfsIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.dkfs-close{position:absolute;top:12px;inset-inline-end:14px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#334155;font-size:16px;cursor:pointer;line-height:1;transition:background .15s}.dkfs-head{background:linear-gradient(135deg,#062b5f,#0a3f7a);color:#fff;padding:22px 26px 18px;text-align:center}.dkfs-title{margin:0 0 10px;font-size:20px;font-weight:900;color:#fff}.dkfs-step-label{font-size:12.5px;font-weight:800;color:#cfe0fb;margin-bottom:10px}.dkfs-progress{display:flex;gap:8px;justify-content:center}.dkfs-dot{width:34px;height:5px;border-radius:99px;background:rgba(255,255,255,.28);transition:background .3s}.dkfs-dot.is-on{background:#f4b223}.dkfs-scroll{max-height:min(56vh,520px);overflow-y:auto;padding:20px 26px}.dkfs-sub{margin:0 0 14px;font-size:15px;font-weight:900;color:#062b5f}.dkfs-sub-block{display:grid;grid-template-columns:1fr 1fr;gap:14px;grid-column:1/-1;background:#f6faff;border:1px solid #d8e4f4;border-radius:14px;padding:14px}.dkfs-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dkfs-cond,.dkfs-cond2{display:contents}.dkfs-field{display:flex;flex-direction:column;gap:6px}.dkfs-full{grid-column:1/-1}.dkfs-label{font-size:13px;font-weight:800;color:#062b5f;display:flex;align-items:center;gap:3px}.dkfs-req{color:#dc2626;font-style:normal;font-weight:900}.dkfs-input{width:100%;box-sizing:border-box;border:1.5px solid #d3dae6;border-radius:11px;background:#fbfcfe;color:#17324d;font-family:inherit;font-size:15px;padding:10px 12px;outline:0;transition:border-color .15s,box-shadow .15s}.dkfs-input:focus{border-color:#f4b223;background:#fff;box-shadow:0 0 0 3px rgba(244,178,35,.18)}textarea.dkfs-input{resize:vertical;line-height:1.6}.dkfs-invalid .dkfs-input,.dkfs-invalid .dkfs-chips{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.12)}.dkfs-chips{display:flex;flex-wrap:wrap;gap:8px;border:1.5px solid transparent;border-radius:11px;padding:2px}.dkfs-chip{border:1.5px solid #d3dae6;background:#fff;color:#334155;border-radius:10px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:.15s}.dkfs-chip.is-on{background:#062b5f;border-color:#062b5f;color:#fff}.dkfs-country{position:relative}.dkfs-country-input{cursor:pointer;padding-inline-end:38px}.dkfs-country-chev{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);color:#64748b;font-size:14px;pointer-events:auto;cursor:pointer}.dkfs-country-list{position:absolute;top:calc(100% + 6px);inset-inline:0;z-index:20;background:#fff;border:1.5px solid #b9c4d6;border-radius:14px;box-shadow:0 20px 50px rgba(6,43,95,.28);padding:8px;display:flex;flex-direction:column;max-height:min(48vh,340px)}.dkfs-country-list[hidden]{display:none}.dkfs-country-list--up{top:auto;bottom:calc(100% + 6px)}.dkfs-country-search{flex:0 0 auto;width:100%;box-sizing:border-box;border:1.5px solid #d3dae6;border-radius:10px;background:#f8fbff;font-family:inherit;font-size:14.5px;padding:9px 12px;margin-bottom:6px;outline:0}.dkfs-country-search:focus{border-color:#f4b223;background:#fff}.dkfs-country-opts{overflow-y:auto;flex:1 1 auto;-webkit-overflow-scrolling:touch}.dkfs-country-opt{display:block;width:100%;text-align:start;border:0;background:0 0;color:#17324d;font-family:inherit;font-size:15px;padding:11px 12px;border-radius:8px;cursor:pointer;min-height:44px}.dkfs-country-opt:active{background:#eef4ff}.dkfs-country-opt.is-top{font-weight:800;background:#f8fbff}.dkfs-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;background:#f6f9ff;border:1px solid #e2ebf9;border-radius:12px;padding:12px 14px;font-size:13px;font-weight:700;line-height:1.65;color:#44506a;cursor:pointer}.dkfs-consent input{width:19px;height:19px;margin-top:1px;accent-color:#f4b223;flex:0 0 auto;cursor:pointer}.dkfs-consent a{color:#0b55b7;font-weight:800;text-decoration:underline;text-underline-offset:2px}.dkfs-pkg-link{grid-column:1/-1;display:inline-block;color:#0b55b7;font-weight:800;text-decoration:underline;text-underline-offset:3px;font-size:14px}.dkfs-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 26px 22px;border-top:1px solid #eef2f8}.dkfs-btn{border:0;border-radius:12px;font-family:inherit;font-size:15px;font-weight:900;padding:12px 26px;cursor:pointer;transition:transform .12s,box-shadow .15s,filter .15s;min-height:48px}.dkfs-btn-primary{background:linear-gradient(135deg,#f4b223,#e0850f);color:#04152e;box-shadow:0 12px 26px -10px rgba(244,178,35,.6)}.dkfs-btn-primary:disabled{filter:grayscale(.4);cursor:wait;transform:none}.dkfs-btn-ghost{background:#eef2f8;color:#334155}.dkfs-toast{position:absolute;inset-inline:20px;bottom:80px;background:#fef2f2;border:1px solid #fecaca;color:#8a1c1c;font-size:13.5px;font-weight:800;text-align:center;border-radius:12px;padding:11px 14px;box-shadow:0 12px 30px rgba(138,28,28,.18);animation:dkfsIn .2s ease}.dkfs-success{text-align:center;padding:40px 20px;font-size:16px;font-weight:800;color:#0f5132;line-height:1.8}.dkfs-success::before{content:"✓";display:block;width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#12a150;color:#fff;font-size:30px;line-height:56px}.dkfs-fallback{text-align:center;padding:30px 20px}.dkfs-fallback p{margin:0 0 16px;font-weight:800;color:#334155;line-height:1.7}@media (max-width:560px){.dkfs-backdrop{padding:0;align-items:flex-end}.dkfs-root{max-width:100%}.dkfs-panel{border-radius:20px 20px 0 0;max-height:94vh;display:flex;flex-direction:column}.dkfs-scroll{max-height:none;flex:1}.dkfs-grid,.dkfs-sub-block{grid-template-columns:1fr}.dkfs-title{font-size:18px}}@media (prefers-reduced-motion:reduce){.dkfs-panel,.dkfs-toast{animation:none}}/* v1_55: konvertierte WhatsApp-Links sind jetzt <button> — Default-Button-Styles neutralisieren,damit sie exakt wie die früheren <a>-Elemente aussehen. */
button.topbar-wa,button.pkg-wa,button.ct-method,button.dk-wa-btn,button.btn.btn-outline{
  border:0;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;text-align:inherit
}button.pkg-wa{width:100%}button.ct-method{width:100%}button.dk-wa-btn{width:auto}button.btn.btn-outline{background:#fff}/* v1_55: festes Ziel bei Paket-Deep-Link (Ziel-Frage übersprungen) */
.dkfs-fixed-goal{background:#eef4ff;border:1px solid #d3e0f5;border-radius:12px;padding:12px 14px;font-size:14.5px;font-weight:700;color:#334155}.dkfs-fixed-goal b{color:#062b5f;font-weight:900}/* v1_57.2 — بطاقة «طلبك المحدَّد تلقائيًا» داخل النموذج + أيقونة واتساب في رابط الباقة */
.dkfs-picked{background:#f2f8ff;border:1px solid #cfe0f8;border-inline-start:4px solid #f4b82b;
  border-radius:12px;padding:12px 14px;margin-bottom:14px;grid-column:1/-1}.dkfs-picked__t{font-weight:800;color:#062b5f;font-size:13.5px;margin-bottom:7px}.dkfs-picked__r{display:flex;gap:8px;align-items:baseline;font-size:13.5px;line-height:1.9}.dkfs-picked__k{color:#64748b;min-width:64px}.dkfs-picked__r b{color:#051c3d}.dkfs-picked__n{font-size:12px;color:#64748b;margin-top:7px}.fg-inline-book__ic{vertical-align:-2px;margin-inline-end:4px;color:#25d366}/* ══════════════════════════════════════════════════════════════════════
   v1_57.4 — تموضع النافذة على الجوال (iPhone خصوصًا)
   المشكلة: 94vh على iOS تُحسب على الشاشة الكاملة متجاهلةً شريط المتصفح،
   فيسقط تذييل النافذة (زر «التالي») تحت الحافة المرئية. الحل: dvh التي
   تتبع الارتفاع المرئي فعليًا، مع تثبيت الرأس والتذييل ومراعاة safe-area.
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width:560px){
  .dkfs-backdrop{padding:0;align-items:flex-end;overflow:hidden}
  .dkfs-panel{
    max-height:94vh;              /* احتياطي للمتصفحات القديمة */
    max-height:94dvh;             /* الارتفاع المرئي الحقيقي */
    display:flex;flex-direction:column;
  }
  /* الرأس ثابت أعلى النافذة */
  .dkfs-head{position:sticky;top:0;z-index:3;padding:16px 20px 14px}
  /* X تبقى مطلقة بالنسبة للوحة (لا تنزلق مع التمرير) بهدف لمس أكبر.
     سبب ظهورها «مرتفعة أكثر من اللازم» سابقًا: اللوحة كانت تتجاوز ارتفاع
     الشاشة فيخرج أعلاها — وقد عولج بـ dvh وإيقاف تمرير الخلفية. */
  /* z-index أعلى من الرأس الثابت (3) وإلا غطّاه الرأس ومنع الضغط عليه */
  .dkfs-close{z-index:6;top:10px;inset-inline-end:12px;width:40px;height:40px;font-size:18px}
  /* منطقة التمرير: طبيعية ولا تجرّ الصفحة خلفها */
  .dkfs-scroll{
    flex:1 1 auto;min-height:0;overflow-y:auto;
    -webkit-overflow-scrolling:touch;overscroll-behavior:contain;
    padding:16px 20px;
  }
  /* التذييل ملتصق بالأسفل دائمًا — زر «التالي» مرئي في كل الأحوال */
  .dkfs-footer{
    position:sticky;bottom:0;z-index:3;
    background:#fff;box-shadow:0 -6px 18px rgba(2,12,28,.07);
    padding:14px 20px;
    padding-bottom:max(14px, env(safe-area-inset-bottom));
    flex:0 0 auto;
  }
  .dkfs-footer .dkfs-btn{min-height:50px;font-size:16px}
  #dkfsNext{flex:1 1 auto}
}/* الشاشات القصيرة جدًا (وضع أفقي أو شريط متصفح ممتد) */
@media (max-width:560px) and (max-height:620px){
  .dkfs-panel{max-height:98dvh}
  .dkfs-head{padding:12px 20px 10px}
  .dkfs-head .dkfs-title{font-size:16px}
  .dkfs-scroll{padding:12px 20px}
}

/* ═══ v1_57.4 — تنسيقات التحويم لأجهزة المؤشر فقط ═══
   على شاشات اللمس كانت اللمسة الأولى تُفعّل :hover بدل تنفيذ
   الإجراء، فيضطر المستخدم للضغط مرتين. هذه القواعد الآن معزولة. */
@media (hover:hover) and (pointer:fine){.dkfs-close:hover{background:#e2e8f0}.dkfs-chip:hover{border-color:#b9c4d6}.dkfs-country-opt:hover{background:#eef4ff}.dkfs-btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.dkfs-btn-ghost:hover{background:#e2e8f0}}
