/* Waafer private demo: cartoon "sticker" theme layered over app.css. Not used by the real app or the public demo. */
html[lang=ar]{--f:"IBM Plex Sans Arabic","DM Sans",system-ui,sans-serif;--fd:"Baloo Bhaijaan 2","IBM Plex Sans Arabic",Poppins,system-ui,sans-serif}
:root{--ink:#07110D;--deep:#0E5A3B;--lmint:#C9F5DF;--mint:#5FE0A8;--bw:4px;--sh:6px 6px 0 var(--ink);--shs:4px 4px 0 var(--ink)}
html{background:#9FF0C8}
body{background:radial-gradient(circle at 20% 12%,#D9FBEA 0,#9FF0C8 45%,#5FE0A8 100%) fixed}
body::before{display:none}
h1,h2,h3,.h1,.h2{font-family:Poppins,system-ui,sans-serif;font-weight:800}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .h1,html[lang=ar] .h2,html[lang=ar] .h3{font-family:"Baloo Bhaijaan 2","IBM Plex Sans Arabic",system-ui,sans-serif;font-weight:800;letter-spacing:0;line-height:1.3}
html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select{font-family:"IBM Plex Sans Arabic","DM Sans",system-ui,sans-serif}
html[lang=ar] .btn,html[lang=ar] .tab,html[lang=ar] .pillbtn,html[lang=ar] .cbig,html[lang=ar] .tool b,html[lang=ar] .price b,html[lang=ar] .pack b,html[lang=ar] .wm{font-family:"Baloo Bhaijaan 2","IBM Plex Sans Arabic",system-ui,sans-serif;font-weight:700}

/* top bar */
.top{background:rgba(217,251,234,.88);box-shadow:0 0 0 100vmax rgba(217,251,234,.88)}
.top.bare{background:transparent;box-shadow:none}
.wm{font-size:27px}
.pillbtn,.demopill{background:var(--lmint);border:3px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);font-weight:700}
.demopill{padding:4px 10px}
.demopill::before{background:var(--ink)}
.pillbtn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}

/* sticker cards */
.card,.rcard,.list,.offerbox,#sheetwrap .sheet{background:#fff;border:var(--bw) solid var(--ink);border-radius:28px;box-shadow:var(--sh)}
.card.dangerzone{background:#FFF5F4}
.list .li,details{border-top:3px solid var(--ink)}
.list .li:first-child,details:first-child{border-top:0}
summary::after{color:var(--ink)}
.offerbox{color:var(--ink);padding:16px 18px}
.offerbox .ol{color:var(--deep);font-weight:800}
.offerbox b{color:var(--ink);font:800 19px/1.25 Poppins,system-ui,sans-serif}
.offerbox small{color:var(--txt)}
#sheetwrap .sheet{border-radius:34px 34px 0 0;border-bottom:0;box-shadow:0 -6px 0 var(--ink)}
.sheetlike{border-width:var(--bw)}

/* pills, chips, tags */
.strip{background:var(--lmint);color:var(--ink);border:3px solid var(--ink);border-radius:999px;box-shadow:var(--shs);padding:8px 14px;font-weight:700}
.strip svg{color:var(--deep)}
.search{border:var(--bw) solid var(--ink);border-radius:999px;box-shadow:var(--shs)}
.search:focus-within{box-shadow:var(--shs),0 0 0 4px rgba(14,90,59,.2)}
.sectors{padding:4px 18px 10px}
.schip{background:var(--lmint);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:6px 13px 6px 9px;color:var(--ink)}
html[dir=rtl] .schip{padding:6px 9px 6px 13px}
.schip .czi{width:22px;height:22px;flex:none}
.schip[aria-pressed=true]{background:var(--ink);color:var(--mint);border-color:var(--ink)}
.schip.soon{opacity:.62;border-style:solid;background:#E6F7EE}
.schip.soon[aria-pressed=true]{opacity:1;background:var(--ink)}
.chip,.badge,.status{background:var(--lmint);color:var(--ink);border:2.5px solid var(--ink);font-weight:700}
.badge.soon{background:#fff}
.status.completed{background:var(--ink);color:var(--mint)}
.status.closed{background:#F6DCD9;color:var(--err)}

/* buttons */
.btn{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s,background .2s}
.btn:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}
.btn.alt{background:var(--mint);border:3px solid var(--ink)}
.btn.line{background:#fff;border:3px solid var(--ink)}
.btn.danger{border-color:var(--ink)}

/* forms */
input,select,textarea{border:3px solid var(--ink);border-radius:16px}
.search input{border:0}
input:focus,select:focus,textarea:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(95,224,168,.55)}
input[readonly]{background:#EEF8F3}

/* provider cards */
.pgrid{gap:22px 16px;padding:14px 4px 6px}
.pcard{position:relative;overflow:visible;background:#fff;border:var(--bw) solid var(--ink);border-radius:28px;box-shadow:var(--sh);transform:rotate(-1.5deg)}
.pcard:nth-child(2n){transform:rotate(1.2deg)}
.pcard:nth-child(3n){transform:rotate(-.8deg)}
.pcard:hover{box-shadow:8px 8px 0 var(--ink)}
.pcard:active{transform:translate(3px,3px) rotate(0);box-shadow:2px 2px 0 var(--ink)}
.plogo{background:#fff;border-bottom:0;border-radius:24px 24px 0 0;height:84px;padding:14px 16px 4px}
.plogo .ini{background:var(--mint);color:var(--ink);border:3px solid var(--ink)}
.pbody{padding:6px 12px 14px;justify-items:center;text-align:center}
.pbody b{font:800 16px Poppins,system-ui,sans-serif}
.psec{background:var(--lmint);border:2.5px solid var(--ink);border-radius:999px;padding:2px 10px;color:var(--ink);font-weight:700;font-size:11.5px}
.poffer{color:var(--deep);font-weight:700}
.pbody .badge{justify-self:center}
.cbadge{position:absolute;top:-16px;inset-inline-end:-12px;width:46px;height:46px;border-radius:50%;background:var(--mint);border:3.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);display:grid;place-items:center;z-index:2}
.cbadge .czi{width:28px;height:28px}

/* logo tiles (provider page, requests) */
.logo{background:#fff;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:18px}
.logo.mono{background:var(--mint);color:var(--ink)}
.dhead .logo.big{border-width:var(--bw);box-shadow:var(--shs)}

/* empty states + success tick as round badges */
.empty-box .ic,.tick{background:var(--mint);color:var(--ink);border:var(--bw) solid var(--ink);box-shadow:var(--shs);border-radius:50%;width:76px;height:76px}
.empty-box .ic .czi,.tick .czi{width:44px;height:44px}
.tick{box-shadow:var(--shs)}

/* timeline */
.tl li i{border:3px solid var(--ink);width:16px;height:16px}
.tl li.done i{background:var(--mint);border-color:var(--ink)}
.tl li.done::before{background:var(--ink)}
.tl li::before{top:7px;height:3px}
.rnote{background:var(--lmint);border:3px solid var(--ink);border-radius:18px}

/* tab bar */
.tabbar{background:#fff;border:var(--bw) solid var(--ink);border-radius:28px;box-shadow:var(--sh);padding:6px}
.tab{color:var(--ink);border:3px solid transparent}
.tab .czi{width:26px;height:26px}
.tab[aria-current=page]{background:var(--mint);color:var(--ink);border-color:var(--ink)}
.toast{background:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 rgba(7,17,13,.35)}

/* welcome sparkles */
.welcome{position:relative}
.spark{position:absolute;font:800 34px/1 Poppins,sans-serif;color:var(--ink);pointer-events:none;user-select:none}
.spark.s1{top:4%;inset-inline-end:6%}.spark.s2{top:12%;inset-inline-end:20%;font-size:22px}.spark.s3{bottom:6%;inset-inline-start:4%;font-size:26px}.spark.s4{top:30%;inset-inline-start:8%;font-size:18px}
.hero-wm .big{text-shadow:5px 5px 0 var(--mint)}

/* legal pages are not part of this private copy */

.list a.li[href$=".html"]+a.li[href$=".html"]+.li{border-top:0}