/* Riwaq v7.3.30 — manual practical tour; clear on desktop and mobile. */
.riwaq-tour-launch{
  display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;margin:8px 0 0;padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--gold,#caa86a) 48%,transparent);border-radius:14px;
  background:color-mix(in srgb,#fff 7%,transparent);color:inherit;font:inherit;cursor:pointer;transition:.18s ease;text-align:right
}
.riwaq-tour-launch:hover,.riwaq-tour-launch:focus-visible{background:color-mix(in srgb,var(--gold,#caa86a) 14%,transparent);transform:translateY(-1px)}
.tour-launch-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:color-mix(in srgb,var(--gold,#caa86a) 16%,transparent);color:var(--gold,#caa86a);font-size:calc(1.05rem * var(--font-scale))}
.tour-launch-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.tour-launch-copy b{font-size:calc(.9rem * var(--font-scale))}.tour-launch-copy small{font-size:calc(.72rem * var(--font-scale));opacity:.72;font-weight:500}

.riwaq-tour-overlay{position:fixed;inset:0;z-index:99980;display:none;background:rgba(6,22,31,.48);opacity:0;transition:opacity .16s ease}
.riwaq-tour-overlay.is-visible{opacity:1}
.riwaq-tour-card{
  position:fixed;z-index:99982;display:none;inset:auto auto 50% 50%;transform:translate(-50%,50%) scale(.985);
  width:min(470px,calc(100vw - 32px));max-height:min(78dvh,680px);overflow:auto;padding:20px;
  border:1px solid color-mix(in srgb,var(--primary,#177c72) 28%,var(--line,#d9e3e2));border-radius:22px;
  background:var(--panel,#fff);color:var(--ink,#153a3c);box-shadow:0 24px 80px rgba(4,24,34,.28);
  direction:rtl;text-align:right;opacity:0;transition:opacity .16s ease,transform .16s ease
}
.riwaq-tour-card.is-visible{opacity:1;transform:translate(-50%,50%) scale(1)}
.tour-head{display:grid;grid-template-columns:44px 1fr 38px;align-items:center;gap:10px;margin-bottom:14px}
.tour-step-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--primary,#177c72) 11%,var(--panel,#fff));color:var(--primary,#177c72);font-size:calc(1.35rem * var(--font-scale));font-weight:900}
.tour-step-count{display:flex;align-items:baseline;gap:5px;color:var(--muted,#667a7e);font-size:calc(.78rem * var(--font-scale))}.tour-step-count b{color:var(--primary,#177c72);font-size:calc(1.05rem * var(--font-scale))}
.tour-close{width:38px;height:38px;border:0;border-radius:11px;background:var(--surface,#f2f5f6);color:var(--muted,#667a7e);font:inherit;font-size:calc(1.45rem * var(--font-scale));line-height:1;cursor:pointer}
.tour-close:hover,.tour-close:focus-visible{background:color-mix(in srgb,var(--primary,#177c72) 10%,var(--surface,#f2f5f6));color:var(--primary,#177c72)}
.tour-copy .tour-kicker{display:block;margin-bottom:4px;color:var(--primary,#177c72);font-size:calc(.78rem * var(--font-scale));font-weight:850}
.riwaq-tour-card h3{margin:0 0 8px;color:var(--ink,#153a3c);font-size:calc(1.28rem * var(--font-scale));line-height:1.45}
.riwaq-tour-card p{margin:0;color:var(--muted,#667a7e);font-size:calc(.94rem * var(--font-scale));line-height:1.8}
.tour-tips{display:grid;gap:7px;margin:14px 0 0;padding:0;list-style:none}.tour-tips li{position:relative;padding:8px 12px 8px 8px;border-radius:11px;background:var(--surface,#f4f7f7);color:var(--ink,#274448);font-size:calc(.86rem * var(--font-scale));line-height:1.55}.tour-tips li::before{content:'✓';margin-left:7px;color:var(--primary,#177c72);font-weight:900}
.tour-progress{height:5px;margin:17px 0 15px;border-radius:999px;background:var(--surface,#edf2f1);overflow:hidden}.tour-progress i{display:block;height:100%;border-radius:inherit;background:var(--primary,#177c72);transition:width .2s ease}
.riwaq-tour-actions{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}
.riwaq-tour-actions button{min-height:42px;padding:9px 14px;border:1px solid var(--line,#d9e3e2);border-radius:12px;background:var(--panel,#fff);color:var(--ink,#214f51);font:inherit;font-size:calc(.86rem * var(--font-scale));font-weight:800;cursor:pointer}
.riwaq-tour-actions button:disabled{opacity:.38;cursor:default}
.riwaq-tour-actions .tour-open-page{justify-self:stretch;display:flex;align-items:center;justify-content:center;gap:7px;border-color:color-mix(in srgb,var(--primary,#177c72) 35%,var(--line,#d9e3e2));background:color-mix(in srgb,var(--primary,#177c72) 8%,var(--panel,#fff));color:var(--primary-strong,var(--primary,#177c72))}
.riwaq-tour-actions .tour-open-page:hover,.riwaq-tour-actions .tour-open-page:focus-visible{background:color-mix(in srgb,var(--primary,#177c72) 14%,var(--panel,#fff))}
.riwaq-tour-actions .tour-open-page.is-opened{background:color-mix(in srgb,var(--primary,#177c72) 15%,var(--panel,#fff))}
.riwaq-tour-actions .tour-next{border-color:var(--primary,#177c72);background:var(--primary,#177c72);color:#fff}
.riwaq-tour-card.is-welcome .tour-step-icon,.riwaq-tour-card.is-finish .tour-step-icon{background:var(--primary,#177c72);color:#fff}

@media(max-width:720px){
  .riwaq-tour-overlay{background:rgba(5,20,28,.38);backdrop-filter:none;-webkit-backdrop-filter:none}
  .riwaq-tour-card,.riwaq-tour-card.is-visible{
    inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px;transform:translateY(0);width:auto;max-height:min(74dvh,620px);
    padding:15px;border-radius:18px;box-shadow:0 16px 48px rgba(4,24,34,.24)
  }
  .tour-head{grid-template-columns:38px 1fr 36px;gap:8px;margin-bottom:10px}.tour-step-icon{width:38px;height:38px;border-radius:12px;font-size:calc(1.15rem * var(--font-scale))}.tour-close{width:36px;height:36px}
  .riwaq-tour-card h3{font-size:calc(1.08rem * var(--font-scale));margin-bottom:5px}.riwaq-tour-card p{font-size:calc(.86rem * var(--font-scale));line-height:1.65}.tour-tips{gap:5px;margin-top:10px}.tour-tips li{padding:6px 9px;font-size:calc(.8rem * var(--font-scale))}.tour-progress{margin:12px 0 11px}
  .riwaq-tour-actions{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.riwaq-tour-actions button{min-height:39px;padding:7px 9px;font-size:calc(.78rem * var(--font-scale));border-radius:10px}.riwaq-tour-actions .tour-open-page span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .riwaq-tour-launch{margin-bottom:7px}
}
@media(max-width:380px){.riwaq-tour-actions{grid-template-columns:1fr 1fr}.riwaq-tour-actions .tour-open-page{grid-column:1/-1;grid-row:1}.riwaq-tour-actions .tour-prev,.riwaq-tour-actions .tour-next{grid-row:2}}
@media(prefers-reduced-motion:reduce){.riwaq-tour-overlay,.riwaq-tour-card,.riwaq-tour-launch{transition:none!important}}
body[data-mode="dark"] .riwaq-tour-card{background:var(--panel);color:var(--ink)}
\n\n/* v7.3.47 — guided tour: page remains visible and the real target is highlighted. */
.riwaq-tour-overlay{background:rgba(7,20,28,.12)!important;pointer-events:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.riwaq-tour-card{pointer-events:auto!important;inset:auto 22px 22px auto!important;transform:translateY(8px) scale(.99)!important;width:min(430px,calc(100vw - 44px))!important;max-height:min(72dvh,650px)!important}
.riwaq-tour-card.is-visible{transform:translateY(0) scale(1)!important}
.riwaq-tour-highlight{position:relative!important;z-index:99981!important;outline:3px solid color-mix(in srgb,var(--primary) 72%,#fff)!important;outline-offset:5px!important;border-radius:16px!important;box-shadow:0 0 0 8px color-mix(in srgb,var(--primary) 14%,transparent),0 18px 50px rgba(9,30,40,.18)!important;transition:outline-color .18s ease,box-shadow .18s ease!important}
.riwaq-tour-nav-highlight{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gold,#caa86a) 74%,#fff)!important;background:color-mix(in srgb,var(--gold,#caa86a) 13%,transparent)!important}
.riwaq-tour-actions .tour-locate{justify-self:stretch;display:flex;align-items:center;justify-content:center;gap:6px;border-color:color-mix(in srgb,var(--primary) 35%,var(--line));background:color-mix(in srgb,var(--primary) 8%,var(--panel));color:var(--primary-strong)}
@media(max-width:720px){.riwaq-tour-card,.riwaq-tour-card.is-visible{inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px!important;width:auto!important;max-height:min(58dvh,520px)!important;transform:none!important}.riwaq-tour-overlay{background:rgba(7,20,28,.08)!important}.riwaq-tour-highlight{outline-width:2px!important;outline-offset:3px!important}}


/* Riwaq v7.3.47 — verified manual tour interaction layer. */
.riwaq-tour-overlay{pointer-events:none!important;background:rgba(7,20,28,.10)!important}
.riwaq-tour-card{pointer-events:auto!important;z-index:100002!important}
.riwaq-tour-card.is-busy{cursor:progress}
.riwaq-tour-card.is-busy .tour-next,.riwaq-tour-card.is-busy .tour-prev,.riwaq-tour-card.is-busy .tour-locate{opacity:.48;pointer-events:none}
.riwaq-tour-highlight{z-index:100001!important;outline:3px solid color-mix(in srgb,var(--primary) 78%,#fff)!important;outline-offset:5px!important;box-shadow:0 0 0 9px color-mix(in srgb,var(--primary) 16%,transparent),0 16px 46px rgba(9,30,40,.16)!important}
.riwaq-tour-actions .tour-locate{font-weight:900!important}
@media(max-width:720px){
 .riwaq-tour-card,.riwaq-tour-card.is-visible{max-height:min(54dvh,500px)!important}
 .riwaq-tour-highlight{outline-width:2px!important;outline-offset:3px!important}
}