/* الجولة 3: زخرفة موجية، خطوط الموقع، قص الصورة، الروابط، الألوان، النشر، سارة */
/* ---- الزخرفة ---- */
.hdeco{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.wv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:var(--g)}
.wv path{vector-effect:non-scaling-stroke}
.hdeco .wv{opacity:.9}
.wl.a{animation:wd1 26s ease-in-out infinite alternate}
.wl.b{animation:wd2 34s ease-in-out infinite alternate}
.cb{animation:wf 18s ease-in-out infinite alternate}
.co{animation:wf 14s ease-in-out infinite alternate-reverse}.co.c2{animation-duration:22s}
.dt{opacity:.15;animation:tw 5s ease-in-out infinite alternate}
@keyframes wd1{to{transform:translate(-30px,10px)}}
@keyframes wd2{to{transform:translate(34px,-12px)}}
@keyframes wf{to{transform:translateY(-14px)}}
@keyframes tw{to{opacity:.75}}
.thumb .wv *,.exc .wv *{animation:none!important}
.gdiv{display:flex;align-items:center;justify-content:center;gap:10px;width:min(220px,70%);margin:6px auto 14px;color:var(--g)}
.gdiv span{flex:1;height:1px;background:linear-gradient(270deg,transparent,currentColor)}
.gdiv span:last-child{background:linear-gradient(90deg,transparent,currentColor)}
.gdiv .i.fl{width:16px;height:16px;fill:currentColor;stroke:none}
.hero .gdiv{margin-inline:0;width:200px}
.hero h1{margin-bottom:4px}
.hero .hgrid{z-index:1}
.dnote{background:#fff6e3;color:#6b5320;font-size:13px;text-align:center;padding:3px 8px;line-height:1.6}
.dia .i{color:var(--p)}
.dia{background:radial-gradient(circle at 30% 25%,#fff,#fbf1dc)}
/* ---- موقع العميل: خط مختار وزخرفة في الرأس ---- */
.site.fx,.site.fx *,.site.fx *::before{font-family:var(--sf)}
.site .top{overflow:hidden}
.site .top>.wv{position:absolute;inset:0;z-index:0;color:var(--acx);opacity:.55}
.t-bou .top>.wv{color:var(--g);opacity:.85}
.dk .top>.wv{color:var(--g);opacity:.7}
.site .top>*:not(.wv){position:relative;z-index:1}
.site .gdiv{width:140px;margin:10px auto 6px}
.t-mag .gdiv,.t-mod .gdiv{margin-inline:0}
.t-mag .top{row-gap:0}
.site.t-mag .pic{width:140px;height:140px;border-radius:50%;grid-row:1/span 6;align-self:center}
.site .pic.sq{border-radius:20px}
.acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}.acts:empty{display:none}
.t-mag .acts,.t-mod .acts{justify-content:flex-start}
.site .acts .cta{margin:0;font-size:17px;min-height:46px;padding:6px 22px}
.site .cta.c2{background:transparent;color:var(--acx);border:1.5px solid var(--acx)}
.t-bou .cta.c2{color:#fff;border-color:var(--g)}
.site .cta.cw{background:#1f7a45;color:#fff}
/* ---- تكبير خطوط الموقع (خصوصًا على الجوال) ---- */
.site .body{font-size:19px}
.site p.bio,.t-mag .bio{font-size:20px;line-height:2.05}
.ach .tx{font-size:19px;line-height:1.95}
.site h4{font-size:20px}
.ttl{font-size:21px}
.chips span,.addc,.links a{font-size:17px}
.chips span button{font-size:22px}
.num{font-size:34px}
.mini-b{font-size:16px;min-height:40px}
.site h3,.t-mag h3{font-size:46px}.t-mod h3{font-size:50px}
.site .foot{font-size:14px}
.lkui input{font-size:16px;padding:10px 12px}
@container (max-width:640px){
  .site .body{font-size:20px}.site p.bio,.t-mag .bio{font-size:20px}.ach .tx{font-size:19px}.site h4{font-size:20px}.ttl{font-size:21px}
  .site h3,.t-mag h3,.t-mod h3{font-size:34px}.num{font-size:30px;min-width:56px}
  .site.t-mag .pic{width:120px;height:120px;grid-row:auto}
  .site .gdiv,.t-mag .gdiv,.t-mod .gdiv{margin-inline:auto}
  .acts,.t-mag .acts,.t-mod .acts{justify-content:center}
  .site .acts .cta{flex:1 1 140px;justify-content:center}
  .ach li{padding:12px}
}
/* ---- حقل الصورة المطلوبة ---- */
.req{font-style:normal;color:#b3261e;font-size:14px;font-weight:700}
.phrow{margin:4px 0 0}
.pv img.sq{border-radius:10px}
#phBtn[aria-invalid=true]{border-color:#b3261e;box-shadow:0 0 0 3px rgba(179,38,30,.15)}
.linkb{font:inherit;color:var(--p);background:none;border:0;text-decoration:underline;cursor:pointer;min-height:44px;padding:0 4px;font-weight:700}
/* ---- نافذة القص ---- */
#cropper{position:fixed;inset:0;z-index:90;background:rgba(43,27,36,.82);display:grid;place-items:center;padding:12px;overflow:auto}
.cbox{background:#fff;border-radius:22px;padding:20px;width:min(100%,400px);text-align:center}
.cbox h3{color:var(--p);margin-bottom:4px}
.cs{position:relative;margin:8px auto 12px;overflow:hidden;background:#2B1B24;touch-action:none;cursor:grab;border-radius:14px;outline-offset:3px}
.cs:active{cursor:grabbing}
.cs img{position:absolute;left:50%;top:50%;max-width:none;user-select:none;-webkit-user-drag:none;pointer-events:none;transform-origin:center}
.cs::after{content:"";position:absolute;inset:0;pointer-events:none;border:2px solid rgba(255,255,255,.7)}
.cs.round::after{border:0;box-shadow:inset 0 0 0 2px rgba(255,255,255,.0);background:radial-gradient(circle closest-side,transparent calc(100% - 2px),rgba(255,255,255,.9) calc(100% - 2px),rgba(255,255,255,.9) 100%,rgba(20,10,15,.6) 100%)}
.zoom{display:flex;gap:10px;align-items:center;margin:6px 0 10px}
.zoom input{flex:1;accent-color:var(--p);height:32px}
.zoom button{width:44px;height:44px;border-radius:50%;border:1px solid #e3cfd9;background:#f6ecf0;color:var(--p);font-size:24px;cursor:pointer}
.crow{justify-content:center}
#toast{z-index:120}
/* ---- روابط التواصل ---- */
.lkui{margin:8px 0}
.lk-h{font-weight:700;color:var(--acx,var(--p));margin:14px 0 6px;font-size:16px}
.pchips{display:flex;flex-wrap:wrap;gap:8px}
.pch{display:inline-flex;gap:6px;align-items:center;font:inherit;font-size:16px;min-height:44px;padding:4px 14px;border-radius:99px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.site .pch{background:var(--sbg);color:var(--sink);border-color:var(--sline)}
.pch.on,.site .pch.on{background:var(--acc,var(--p));color:#fff;border-color:transparent}
.lrow{display:grid;grid-template-columns:130px 1fr;gap:8px;align-items:center;margin:8px 0}
.lrow label{display:flex;gap:6px;align-items:center;font-size:16px;font-weight:700}
.lrow input{max-width:100%}
.frow{display:grid;grid-template-columns:1fr 1fr 44px;gap:8px;margin:8px 0}
.xb{width:44px;min-height:44px;border:0;border-radius:12px;background:#f6ecf0;color:#b3261e;cursor:pointer}
.lk-note{background:#fff6e3;border:1px solid #efd9a6;border-radius:12px;padding:8px 12px;font-size:15px;color:#6b5320;margin-top:8px;line-height:1.8;text-align:start}
.site .lkui input{background:var(--sbg);color:var(--sink);border-color:var(--sline);flex:none}
.site .lk-note{color:#6b5320}
@media(max-width:640px){.lrow{grid-template-columns:1fr;gap:4px}.frow{grid-template-columns:1fr 44px}.frow input:first-child{grid-column:1/-1}.frow input:nth-child(2){grid-column:1}.frow .xb{grid-column:2;grid-row:2}}
/* ---- الألوان والخطوط ---- */
.grp.wide{width:100%}
.dots{display:flex;flex-wrap:wrap;gap:6px 10px}
.sw{display:inline-flex;flex-direction:column;align-items:center;gap:2px;font:inherit;font-size:13px;color:var(--ink);background:none;border:2px solid transparent;border-radius:12px;padding:4px 6px;min-width:64px;min-height:44px;cursor:pointer}
.sw i{width:30px;height:30px;border-radius:50%;display:block;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.sw.on{border-color:var(--ink)}
.cust{display:inline-flex;gap:10px;align-items:center;min-height:44px;font-size:15px;color:var(--ink);cursor:pointer}
.cust input{width:44px;height:44px;border:0;padding:0;background:none;cursor:pointer}
.fonts{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;width:100%}
.fbtn{display:flex;flex-direction:column;align-items:center;gap:0;border:2px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);padding:6px 8px;min-height:72px;cursor:pointer;line-height:1.5}
.fbtn b{font-size:19px}.fbtn small{font-size:14px;color:var(--mut)}
.fbtn i{font-style:normal;font-family:Tajawal,sans-serif;font-size:12px;color:var(--mut);direction:ltr}
.fbtn.on{border-color:var(--p);box-shadow:0 0 0 3px rgba(116,51,77,.15)}
/* ---- النشر والاشتراك ---- */
.warnpub{display:flex;gap:10px;background:#fff6e3;border:1px solid #efd9a6;border-radius:14px;padding:10px 14px;color:#6b5320;margin:12px 0;align-items:flex-start}
.warnpub .i{margin-top:5px;color:#a8690f}
.sublist{list-style:none;padding:0;text-align:start;margin:10px 0}.sublist li{display:flex;gap:8px;margin:6px 0}.sublist .i{color:var(--ok);margin-top:5px}
#dlgBody h3{color:var(--p);margin-bottom:8px}
dialog{margin:auto}
/* ---- سارة ---- */
.sfab{position:fixed;z-index:50;inset-inline-start:18px;bottom:20px;display:inline-flex;gap:8px;align-items:center;font:inherit;font-weight:700;font-size:16px;min-height:50px;padding:6px 20px;border-radius:99px;border:1.5px solid var(--g);background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;box-shadow:var(--sh1);cursor:pointer;transition:bottom .2s}
.sfab.open{display:none}
.sbox{position:fixed;z-index:75;inset-inline-start:18px;bottom:20px;width:min(360px,calc(100vw - 24px));max-height:min(520px,75vh);display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px -16px rgba(43,27,36,.6);overflow:hidden}
.sh{display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;padding:10px 14px}
.sh small{display:block;font-size:13px;color:var(--g2);line-height:1.4}.sh div:nth-child(2){flex:1}
.sh button{width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:26px;cursor:pointer}
.sav{width:40px;height:40px;border-radius:50%;background:var(--g);color:#3b1a28;display:grid;place-items:center;font-weight:800;font-size:20px}
.slog{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:120px;background:#fbf7f9}
.sm{max-width:86%;padding:8px 12px;border-radius:14px;font-size:16px;line-height:1.8}
.sm.bot{background:#fff;border:1px solid var(--line);align-self:flex-start}
.sm.me{background:var(--p);color:#fff;align-self:flex-end}
.sm.typing{opacity:.6}
.sq{display:flex;flex-wrap:wrap;gap:6px;padding:6px 12px 0}
.sq button{font:inherit;font-size:14.5px;border:1px solid var(--g);background:#fffaf0;color:var(--p);border-radius:99px;padding:4px 12px;min-height:40px;cursor:pointer}
#saraForm{display:flex;gap:8px;padding:10px 12px}
#saraForm input{flex:1;min-width:0;font-size:16px}
#saraForm .btn{padding:0 16px;min-width:48px}
@media(max-width:640px){
  .sfab{inset-inline-start:12px;min-height:46px;padding:4px 16px}
  .sbox{inset-inline:10px;bottom:10px;width:auto;max-height:78vh}
  .fonts{grid-template-columns:repeat(2,1fr)}
  .stepper{max-width:100%}
  #cropper{padding:8px}
}
@media(max-width:820px){.hero .gdiv{margin-inline:auto}.hdeco{inset:0 0 auto 0;height:640px}}
@media print{.sfab,.sbox,#cropper{display:none!important}}
/* بريد التهنئة */
.mailnote{display:flex;gap:10px;background:#eef8f2;border:1px solid #bfe0cd;border-radius:14px;padding:10px 14px;color:#1d5a3f;margin:6px 0 10px;align-items:flex-start}.mailnote .i{margin-top:5px}
.mail{border:1px solid var(--line);border-radius:14px;padding:14px;text-align:start;background:#fffdfc;font-size:16px}
.mh{border-bottom:1px solid var(--line);margin-bottom:8px;padding-bottom:6px}.mh small{display:block;color:var(--mut);font-size:13.5px}
.ml{background:#f8f1f4;border-radius:10px;padding:6px 10px;word-break:break-all;font-size:14.5px;text-align:left}
.btn.sm{display:inline-block;min-height:0;padding:6px 16px;font-size:15px}
/* صفحة الموقع المنشور */
.pubbody{background:#efe7ea}
.pubwrap{max-width:900px;margin:0 auto;padding:18px 0 40px}
.pubframe{max-width:820px;margin:0 auto}
.pubcta{text-align:center;color:var(--mut);margin-top:16px;font-size:15px}.pubcta a{color:var(--p);font-weight:700}
@media(max-width:640px){.pubwrap{padding:0 0 24px}.pubframe{border-radius:0;border-width:0}}
/* تشغيل حقيقي أو محاكاة */
.liveonly{display:none!important}
.live .liveonly{display:inline-block!important}
.live .demoonly,.live .comm{display:none!important}

.qrbox{display:grid;justify-items:center;gap:6px;margin:12px 0}.qrbox svg{border:1px solid var(--line,#e6d9de);border-radius:14px;padding:6px;background:#fff}.qrbox small{color:#665860}

.pf{display:grid;justify-items:center;gap:6px;padding:20px 16px 22px;text-align:center}
.pf .pf-cta{background:var(--acc);color:#fff;text-decoration:none;font-weight:800;border-radius:99px;padding:10px 26px;font-size:16px}
.pf .pf-by{font-size:14px;opacity:.85}.pf .pf-by a{color:var(--acc);font-weight:700;text-decoration:none}
.pf .pf-url{font-size:14px;color:var(--acc);font-weight:700;text-decoration:none;letter-spacing:.2px}
.site.dk .pf .pf-cta{color:#fff}
.pubtools{display:flex;justify-content:center;margin-top:14px}.pubtools .btn{text-decoration:none}
dialog#repDlg{border:0;border-radius:18px;padding:20px;max-width:92vw;width:380px;margin:auto;font-family:inherit}dialog#repDlg::backdrop{background:rgba(43,27,36,.55)}
dialog#repDlg label{display:block;font-weight:700;margin:10px 0 4px}dialog#repDlg select,dialog#repDlg textarea{width:100%;font:inherit;padding:8px;border:1px solid #cdb9c1;border-radius:10px}
dialog#repDlg .row{display:flex;gap:8px;margin-top:14px}

.sfab img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid #fff;flex:none}

.pfxbox{display:flex;align-items:stretch;border:1px solid #cdb9c1;border-radius:10px;background:#fff;overflow:hidden;direction:ltr}
.pfxbox:focus-within{border-color:var(--p,#74334D);box-shadow:0 0 0 2px rgba(116,51,77,.18)}
.pfxbox .pfx{background:#f4ecef;color:#665860;padding:0 10px;display:flex;align-items:center;font-size:14px;white-space:nowrap;border-inline-end:1px solid #e6d9de}
.pfxbox input{border:0!important;box-shadow:none!important;flex:1;min-width:0;border-radius:0!important}
.pfxbox:has(input.bad){border-color:#B3261E}
.pfh{display:block;color:#665860;font-size:13px;margin-top:3px}

.pfh{grid-column:2}@media(max-width:640px){.pfh{grid-column:1}}
.slugbox{margin:18px 0;padding:14px;border:1px solid var(--line,#e6d9de);border-radius:14px;background:#fff}.slugbox h3{margin:0 0 4px;font-size:17px}
#slugMsg.ok{color:#1F6F5C;font-weight:700}#slugMsg.no{color:#B3261E;font-weight:700}
.sugs{display:flex;gap:6px;flex-wrap:wrap}.sugs button{font:inherit;direction:ltr;border:1px dashed var(--p,#74334D);background:#fff;color:var(--p,#74334D);border-radius:99px;padding:2px 12px;cursor:pointer}

/* ملاحظات واضحة: أحمر لما ينقص، وهادئ لما سيحدث */
.err:not(:empty){background:#fdecea;border:1.5px solid #b3261e;color:#8c1d18;border-radius:12px;padding:9px 14px;font-weight:700;margin:8px 0}
.err ul{margin:6px 0 0;padding-inline-start:20px;font-weight:600}
.note{background:#f1f6f4;border:1px solid #bcd9cb;color:#1d5a44;border-radius:12px;padding:9px 14px;margin:8px 0;font-size:15px;line-height:1.8}
.note:empty{display:none}
.confirm.bad{outline:2px solid #b3261e;border-radius:12px;background:#fdecea}
em.req{color:#b3261e;font-style:normal;font-size:14px}
#resend{display:block;margin:6px 0}