@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@600;700&display=swap');
/* unsaid (2026-10-19): this Salla store is only our payment step (owner «اي شي ممكن يطلعها ع صفحة متجر سلة الحقيقية اخفيها والغيها»).
   The after-payment page (Salla's digital-delivery app) loads this file: it becomes our page, with no way into the store. */
html:has(a[href*="complaint.salla.sa"]),html:has(a[href*="complaint.salla.sa"]) body{background:linear-gradient(180deg,#fbf1f2 0%,#f3dfe3 100%)!important;min-height:100%}
#root>div:has(a[href*="complaint.salla.sa"]){width:auto!important;overflow:visible!important}
#root>div>div:has(a[href*="complaint.salla.sa"]){max-width:460px!important;margin:0 auto!important;padding:28px 16px 40px!important;min-height:100vh;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:0!important}
#root>div>div:has(a[href*="complaint.salla.sa"]),#root>div>div:has(a[href*="complaint.salla.sa"]) *{font-family:'IBM Plex Sans Arabic',system-ui,sans-serif!important}
/* the exits: the store header (logo, links to the store and its cart), the help/ticket row, the invoice-by-email card */
#root>div>div:has(a[href*="complaint.salla.sa"])>*:has(a[href*="/cart"]),#root>div>div:has(a[href*="complaint.salla.sa"])>*:has(a[href*="complaint.salla.sa"]),#root>div>div:has(a[href*="complaint.salla.sa"])>*:has(input[type=email]),#root>div>div:has(a[href*="complaint.salla.sa"]) hr{display:none!important}
/* paid with her files: the files card is the page; Salla's thanks card goes */
#root>div>div:has(a[href*="complaint.salla.sa"]):has(.item-files-section)>*:not(:has(.item-files-section)){display:none!important}
#root>div>div:has(a[href*="complaint.salla.sa"])>*:has(.item-files-section){display:block!important;background:#fff!important;border-radius:28px!important;padding:30px 22px 26px!important;box-shadow:0 18px 48px rgba(122,28,42,.14)!important;text-align:center!important;direction:rtl}
#root>div>div:has(a[href*="complaint.salla.sa"])>*:has(.item-files-section)::before{content:"تم الدفع بنجاح";display:block;padding-top:146px;margin-bottom:6px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 40'><g transform='translate(104 4)'><path d='M9 5.5h14a5 5 0 0 1 5 5v9a5 5 0 0 1-5 5H14l-6 4v-4.1a5 5 0 0 1-4-4.9v-9a5 5 0 0 1 5-5Z' fill='%23f5e7e9' stroke='%2381313e' stroke-width='1.8' stroke-linejoin='round'/><path d='M8.7 12.5h4.5M8.7 16.2h3.1' fill='none' stroke='%2381313e' stroke-width='1.45' stroke-linecap='round'/><path d='M19.4 20.1c-.2-3.4.15-6.5 1.1-9.4' fill='none' stroke='%23658573' stroke-width='1.4' stroke-linecap='round'/><path d='M19.5 16.2c-3.2-.1-5-2-4.8-4.5c2.8-.05 5.1 1.6 4.8 4.5ZM20.1 12.9c.2-3.2 2.2-5.1 4.8-4.7c-.1 2.7-1.8 4.8-4.8 4.7Z' fill='%23789680'/></g><text x='98' y='29' text-anchor='end' font-family='Arial,Helvetica,sans-serif' font-size='27' font-weight='700' fill='%2381313e'>unsaid</text></svg>") center 0/150px 40px no-repeat,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23c0392b'/><stop offset='.55' stop-color='%239b2335'/><stop offset='1' stop-color='%237a1c2a'/></linearGradient></defs><circle cx='38' cy='38' r='38' fill='url(%23g)'/><path d='M24 39.5l9.5 9.5L53 29.5' fill='none' stroke='%23fff' stroke-width='5.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center 58px/76px 76px no-repeat;font-size:27px;line-height:1.35;font-weight:700;color:#8f2032}
#root>div>div:has(a[href*="complaint.salla.sa"])>*:has(.item-files-section)>div:first-child{font-size:0!important;margin:0 0 22px!important}
#root>div>div:has(a[href*="complaint.salla.sa"])>*:has(.item-files-section)>div:first-child::after{content:"خطتك جاهزة وتنتظرك";font-size:18px;line-height:1.6;font-weight:700;color:#5d3f45}
#root>div>div:has(a[href*="complaint.salla.sa"])>*:has(.item-files-section)::after{content:"ورابط خطتك وصلك على ايميلك كمان";display:block;margin-top:16px;font-size:14px;line-height:1.7;font-weight:700;color:#8a6a70}
#root>div>div:has(a[href*="complaint.salla.sa"])>*:has(.item-files-section) div:has(>button>img){display:none!important}
#root>div>div:has(a[href*="complaint.salla.sa"])>*:has(.item-files-section) *:has(>.item-files-section),#root>div>div:has(a[href*="complaint.salla.sa"])>*:has(.item-files-section) *:has(>.item-files-section) *{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
#root>div>div:has(a[href*="complaint.salla.sa"])>*:has(.item-files-section) *:has(>.item-files-section){padding:0!important}
#root>div>div:has(a[href*="complaint.salla.sa"]) .item-files-section .space-y-3>*+*{margin-top:12px!important}
#root>div>div:has(a[href*="complaint.salla.sa"]) .item-files-section .group>div>div:first-child{display:none!important}
#root>div>div:has(a[href*="complaint.salla.sa"]) .item-files-section .group>div{display:block!important}
#root>div>div:has(a[href*="complaint.salla.sa"]) .item-files-section salla-button,#root>div>div:has(a[href*="complaint.salla.sa"]) .item-files-section salla-button a{display:block!important;width:100%!important}
#root>div>div:has(a[href*="complaint.salla.sa"]) .item-files-section .s-button-element{display:block!important;width:100%!important;height:auto!important;min-height:64px;padding:19px 18px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#c0392b 0%,#9b2335 55%,#7a1c2a 100%)!important;box-shadow:0 12px 28px rgba(155,35,53,.38)!important;cursor:pointer}
#root>div>div:has(a[href*="complaint.salla.sa"]) .item-files-section .s-button-text{font-size:0!important;display:block!important}
#root>div>div:has(a[href*="complaint.salla.sa"]) .item-files-section .s-button-text i{display:none!important}
#root>div>div:has(a[href*="complaint.salla.sa"]) .item-files-section .s-button-text::after{content:"افتحي خطتك الحين";font-size:21px;line-height:1.4;font-weight:700;color:#fff}
/* not paid yet (under review): Salla's thanks card, ours in look, without the link to the order page */
#root>div>div:has(a[href*="complaint.salla.sa"]):not(:has(.item-files-section))>*:has(.sicon-check){display:block!important;background:#fff!important;border-radius:28px!important;padding:30px 22px 26px!important;box-shadow:0 18px 48px rgba(122,28,42,.14)!important;text-align:center!important}
#root>div>div:has(a[href*="complaint.salla.sa"]):not(:has(.item-files-section))>*:has(.sicon-check)::before{content:"";display:block;height:40px;margin-bottom:18px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 40'><g transform='translate(104 4)'><path d='M9 5.5h14a5 5 0 0 1 5 5v9a5 5 0 0 1-5 5H14l-6 4v-4.1a5 5 0 0 1-4-4.9v-9a5 5 0 0 1 5-5Z' fill='%23f5e7e9' stroke='%2381313e' stroke-width='1.8' stroke-linejoin='round'/><path d='M8.7 12.5h4.5M8.7 16.2h3.1' fill='none' stroke='%2381313e' stroke-width='1.45' stroke-linecap='round'/><path d='M19.4 20.1c-.2-3.4.15-6.5 1.1-9.4' fill='none' stroke='%23658573' stroke-width='1.4' stroke-linecap='round'/><path d='M19.5 16.2c-3.2-.1-5-2-4.8-4.5c2.8-.05 5.1 1.6 4.8 4.5ZM20.1 12.9c.2-3.2 2.2-5.1 4.8-4.7c-.1 2.7-1.8 4.8-4.8 4.7Z' fill='%23789680'/></g><text x='98' y='29' text-anchor='end' font-family='Arial,Helvetica,sans-serif' font-size='27' font-weight='700' fill='%2381313e'>unsaid</text></svg>") center/150px 40px no-repeat}
#root>div>div:has(a[href*="complaint.salla.sa"]):not(:has(.item-files-section))>*:has(.sicon-check) *:has(>a[target="_blank"]),#root>div>div:has(a[href*="complaint.salla.sa"]):not(:has(.item-files-section))>*:has(.sicon-check) salla-button,#root>div>div:has(a[href*="complaint.salla.sa"]):not(:has(.item-files-section))>*:has(.sicon-check) .sicon-check{display:none!important}
#root>div>div:has(a[href*="complaint.salla.sa"]):not(:has(.item-files-section))>*:has(.sicon-check) *{text-align:center!important;justify-content:center!important;align-items:center!important}
#root>div>div:has(a[href*="complaint.salla.sa"]):not(:has(.item-files-section))>*:has(.sicon-check) .bg-store-color{display:none!important}
#root>div>div:has(a[href*="complaint.salla.sa"]) .item-files-section .group,#root>div>div:has(a[href*="complaint.salla.sa"]) .item-files-section salla-button,#root>div>div:has(a[href*="complaint.salla.sa"]) .item-files-section salla-button>a{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
#root>div>div:has(a[href*="complaint.salla.sa"]):not(:has(.item-files-section))>*:has(.sicon-check) *:has(>*>a[target="_blank"]){display:none!important}
#root>div>div:has(a[href*="complaint.salla.sa"])>*:has(.item-files-section) *{overflow:visible!important}
/* the store's own pages (Raed theme: body.theme-raed) stay blank while unsaid-salla.js sends her to our site: no flash of the store, and with JS off
   nothing of it shows. The checkout loads no store code; the after-payment page has no such body class. (To edit the theme visually, take this out first.) */
body.theme-raed{visibility:hidden!important;background:#fbf1f2!important}