/* حاسبة تكلفة العرس — «فاتورة عرسك». */
@font-face{font-family:'AfRuqaa';src:url(fonts/ruqaa-700.woff2) format('woff2');font-weight:700;font-display:swap}
.cost{--rc:#FFFDF8;--rc-line:#e6dcc6;--rc-dot:#d9ccb0;--rc-border:#efe3c8;--save:#FBF0D6;--save-t:#6b4a0a}
@media (min-width:900px){:root:not([data-theme=light]) .cost{--rc:#1d1912;--rc-line:#3a3326;--rc-dot:#4a4130;--rc-border:#3a3326;--save:#2e2512;--save-t:#E8CF8A;--c-on:#2a2318}}
:root[data-theme=dark] .cost{--rc:#1d1912;--rc-line:#3a3326;--rc-dot:#4a4130;--rc-border:#3a3326;--save:#2e2512;--save-t:#E8CF8A;--c-on:#2a2318}
.cost-head h1{margin:6px 0 4px}
.cost-head .lead{color:var(--muted);margin:0 0 16px}
.cost-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px;align-items:start}
@media (max-width:860px){.cost-grid{grid-template-columns:1fr}}
.cost-out{position:sticky;top:84px}
@media (max-width:860px){.cost-out{position:static}}
.c-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:10px}
.c-lbl{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;margin-bottom:8px}
.c-lbl b{font-family:var(--f-head);font-size:20px;color:var(--link)}
.c-lbl small{font-weight:400;color:var(--muted)}
.c-mode{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px;margin-bottom:12px}
.c-mode label{flex:1;position:relative}
.c-mode input,.c-chips input,.c-lvls input,.c-items input{position:absolute;opacity:0;pointer-events:none}
.c-mode span{display:block;text-align:center;padding:9px 6px;border-radius:10px;font-weight:700;font-size:14.5px;color:var(--muted);cursor:pointer}
.c-mode input:checked+span{background:var(--ink);color:var(--gold-l)}
.c-mode input:focus-visible+span,.c-chips input:focus-visible+span,.c-lvls input:focus-visible+span,.c-items input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.c-range{width:100%;accent-color:var(--gold);height:28px}
.c-ticks{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted)}
.c-chips{display:flex;flex-wrap:wrap;gap:6px}
.c-chips span{display:inline-block;padding:6px 13px;border-radius:999px;border:1px solid var(--line);font-size:13.5px;cursor:pointer;background:var(--surface)}
.c-chips input:checked+span{background:var(--gold);border-color:var(--gold);color:var(--ink-gold);font-weight:700}
.c-lvls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.c-lvls span{display:block;border:1.5px solid var(--line);border-radius:14px;padding:10px 6px;text-align:center;font-size:12.5px;color:var(--muted);cursor:pointer}
.c-lvls span b{display:block;font-size:15px;color:var(--text)}
.c-lvls input:checked+span{border-color:var(--ink);background:var(--ink);color:#d6ccb8}
.c-lvls input:checked+span b{color:var(--gold-l)}
.c-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}
.c-items span{display:block;border:1.5px dashed var(--line);border-radius:12px;padding:8px 4px;text-align:center;font-size:12.5px;cursor:pointer;color:var(--muted);line-height:1.35}
.c-items span em{display:block;font-style:normal;font-size:20px}
.c-items input:checked+span{border-style:solid;border-color:var(--gold);background:var(--c-on,#FBF6EA);color:var(--text);font-weight:700}
.c-money{display:flex;align-items:center;gap:8px}
.c-money input{flex:1;font:inherit;font-size:22px;font-family:var(--f-head);padding:8px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);min-width:0}
.c-money em{font-style:normal;color:var(--muted)}
/* Receipt */
.rcpt{background:var(--rc);border-radius:18px;padding:18px 18px 10px;box-shadow:0 10px 30px rgba(60,45,20,.12);position:relative;border:1px solid var(--rc-border);margin-bottom:18px}
.rcpt:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:12px;background:radial-gradient(circle at 8px -2px,transparent 8px,var(--rc) 9px) 0 0/16px 12px repeat-x}
.rc-t{display:flex;justify-content:space-between;align-items:center;gap:8px}
.rc-t span{font-family:'AfRuqaa',var(--f-head);font-size:26px;color:var(--link)}
.rc-t small{color:var(--muted);font-size:12.5px;text-align:left}
.rc-big{font-family:var(--f-head);font-size:clamp(30px,5vw,42px);margin:4px 0 0;line-height:1.2;font-weight:700}
.rc-big small{font-family:var(--f-body);font-size:15px;color:var(--muted);font-weight:400}
.rc-cmp{font-size:13px;display:inline-block;border-radius:10px;padding:2px 10px;margin-top:4px;background:var(--ok-bg);color:var(--ok-fg)}
.rc-cmp.up{background:#FBE7D6;color:#7a3a0e}
.rc-stack{display:flex;height:14px;border-radius:8px;overflow:hidden;margin:14px 0 6px;background:var(--s2)}
.rc-stack i{display:block;min-width:2px}
.rc-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted);margin-bottom:6px}
.rc-legend u{display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-end:4px}
.rc-line{display:flex;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px dashed var(--rc-line);font-size:14.5px}
.rc-line:last-of-type{border-bottom:0}
.rc-line>span:first-child{flex:none;max-width:52%}
.rc-line small{display:block;color:var(--muted);font-size:11.5px}
.rc-line i{flex:1;border-bottom:1.5px dotted var(--rc-dot);transform:translateY(-4px);min-width:10px}
.rc-line b{white-space:nowrap;font-variant-numeric:tabular-nums}
.rc-src{font-size:10.5px;border-radius:8px;padding:0 6px;white-space:nowrap}
.rc-src.s{background:var(--ok-bg);color:var(--ok-fg)}.rc-src.m{background:var(--s2);color:var(--muted)}
.rc-lvl{font-size:11px;border-radius:8px;padding:0 6px;background:var(--s2);color:var(--muted);white-space:nowrap}
.rc-lvl.low{background:#FBE7D6;color:#7a3a0e}
.rc-save{background:var(--save);border-radius:14px;padding:10px 12px;margin:12px 0 4px;font-size:13.5px;line-height:1.75}
.rc-save b{color:var(--save-t)}
.rc-save ul{margin:4px 0 0;padding-inline-start:18px}
.rc-ok{background:var(--ok-bg);color:var(--ok-fg)}.rc-ok b{color:inherit}
.rc-bad{background:#FBE7D6;color:#7a3a0e}.rc-bad b{color:inherit}
.rc-acts{display:flex;gap:6px;margin:12px 0 8px;flex-wrap:wrap}
.rc-acts .btn{height:40px;font-size:13.5px}
.c-match h2{font-size:19px;margin:6px 0 8px}
.c-mlist{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (max-width:520px){.c-mlist{grid-template-columns:1fr}}
.c-mlist a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px;color:var(--text);font-size:12.5px}
.c-mlist a:hover{border-color:var(--gold);text-decoration:none}
.c-mlist b{display:block;font-size:14px}
.c-mlist small{color:var(--muted)}
.c-more{display:inline-block;margin-top:8px;font-weight:700}
.cost-seo,.cost-guide{margin-top:28px}
.cost .prose p{line-height:1.9}
@media print{
	header.site-header,.site-footer,.bottom-nav,.cost-form,.cost-seo,.cost-guide,.faq,.crumbs,.rc-acts,.c-match,.farha-fab{display:none!important}
	.cost-grid{display:block}.cost-out{position:static}.rcpt{box-shadow:none;border:1px solid #ccc}
}