/* Shared look for the platform screens (ask a neighbour, offers, calendar, account tabs, settings pages).
   Every screen wraps its markup in .alj-ui so the theme's own styles stay out. */
@font-face{font-family:"PingAR";src:url(fonts/pingar-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"PingAR";src:url(fonts/pingar-regular.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"PingAR";src:url(fonts/pingar-bold.woff2) format("woff2");font-weight:700;font-display:swap}

.alj-ui{--v:#6a3de8;--v2:#8f63f7;--v-soft:#f1ecfe;--deep:#241152;--ink:#22183d;--muted:#6d6582;--line:#e7e1f5;--bg:#f7f5fc;--card:#fff;--green:#169b62;--green-soft:#e6f6ee;--amber:#b7791f;--amber-soft:#fdf3e1;--red:#c53030;--red-soft:#fdeaea;--r:16px;--r-sm:10px;--shadow:0 10px 30px -18px rgba(36,17,82,.35);
  font-family:"PingAR",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;color:var(--ink);direction:rtl;text-align:right;line-height:1.6;font-size:16px}
.alj-ui *,.alj-ui *::before,.alj-ui *::after{box-sizing:border-box}
.alj-ui h1,.alj-ui h2,.alj-ui h3,.alj-ui h4{font-family:inherit;color:var(--ink);line-height:1.3;margin:0;font-weight:700}
.alj-ui p{margin:0}
.alj-ui a{color:var(--v);text-decoration:none}
.alj-ui img{max-width:100%;height:auto}

/* page frame (screens printed by a shortcode inside a normal page) */
.alj-ui.alj-page-frame{background:var(--bg);padding:clamp(20px,4vw,48px) 16px clamp(40px,6vw,72px);width:100vw;margin-inline:calc(50% - 50vw)}
.alj-ui .alj-wrap{max-width:1180px;margin:0 auto}
.alj-ui .alj-wrap.is-narrow{max-width:820px}
.alj-ui .alj-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}
.alj-ui .alj-hero h1{font-size:clamp(26px,3.4vw,38px)}
.alj-ui .alj-hero p{color:var(--muted);margin-top:6px;font-size:17px}
.alj-ui .alj-kicker{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--v);background:var(--v-soft);padding:4px 12px;border-radius:999px;margin-bottom:10px}

/* cards & lists */
.alj-ui .alj-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(16px,2.4vw,24px);box-shadow:var(--shadow)}
.alj-ui .alj-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.alj-ui .alj-stack{display:grid;gap:12px}
.alj-ui .alj-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.alj-ui .alj-split{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 320px;align-items:start}
@media (max-width:900px){.alj-ui .alj-split{grid-template-columns:1fr}}
.alj-ui .alj-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:14px}
.alj-ui .alj-meta span{display:inline-flex;align-items:center;gap:5px}
.alj-ui .alj-divider{height:1px;background:var(--line);margin:16px 0;border:0}

/* badges */
.alj-ui .alj-badge{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;line-height:1;padding:6px 10px;border-radius:999px;background:var(--v-soft);color:var(--v);white-space:nowrap}
.alj-ui .alj-badge.is-green{background:var(--green-soft);color:var(--green)}
.alj-ui .alj-badge.is-amber{background:var(--amber-soft);color:var(--amber)}
.alj-ui .alj-badge.is-red{background:var(--red-soft);color:var(--red)}
.alj-ui .alj-badge.is-gray{background:#f0eef4;color:var(--muted)}

/* buttons */
.alj-ui .alj-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:12px;border:1px solid transparent;background:linear-gradient(135deg,var(--v),var(--v2));color:#fff!important;font:700 15px/1 inherit;font-family:inherit;cursor:pointer;text-decoration:none;box-shadow:0 10px 20px -12px rgba(106,61,232,.8);transition:transform .15s ease,box-shadow .15s ease}
.alj-ui .alj-btn:hover{transform:translateY(-1px)}
.alj-ui .alj-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.alj-ui .alj-btn.is-ghost{background:#fff;color:var(--v)!important;border-color:var(--line);box-shadow:none}
.alj-ui .alj-btn.is-green{background:var(--green);box-shadow:0 10px 20px -12px rgba(22,155,98,.8)}
.alj-ui .alj-btn.is-sm{min-height:38px;padding:0 14px;font-size:14px;border-radius:10px}
.alj-ui .alj-link{background:none;border:0;padding:0;color:var(--v);font:inherit;font-weight:700;cursor:pointer}

/* forms */
.alj-ui .alj-field{display:grid;gap:6px;margin-bottom:14px}
.alj-ui .alj-field>label,.alj-ui .alj-label{font-weight:700;font-size:15px}
.alj-ui .alj-field small,.alj-ui .alj-help{color:var(--muted);font-size:13px}
.alj-ui input[type=text],.alj-ui input[type=email],.alj-ui input[type=tel],.alj-ui input[type=url],.alj-ui input[type=date],.alj-ui input[type=datetime-local],.alj-ui input[type=time],.alj-ui input[type=number],.alj-ui input[type=search],.alj-ui select,.alj-ui textarea{
  width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:400 16px/1.5 inherit;font-family:inherit;box-shadow:none;margin:0;appearance:auto}
.alj-ui textarea{min-height:120px;resize:vertical}
.alj-ui input:focus,.alj-ui select:focus,.alj-ui textarea:focus{outline:none;border-color:var(--v2);box-shadow:0 0 0 3px rgba(143,99,247,.18)}
.alj-ui .alj-check{display:flex;align-items:flex-start;gap:8px;font-size:15px}
.alj-ui .alj-check input{margin-top:5px}

/* notices & empty states */
.alj-ui .alj-notice{padding:12px 16px;border-radius:12px;background:var(--v-soft);color:var(--deep);font-size:15px;margin-bottom:16px}
.alj-ui .alj-notice.is-ok{background:var(--green-soft);color:#0f6b44}
.alj-ui .alj-notice.is-warn{background:var(--amber-soft);color:#7a4f0e}
.alj-ui .alj-notice.is-err{background:var(--red-soft);color:#8f1f1f}
.alj-ui .alj-empty{text-align:center;padding:40px 20px;border:1px dashed #d8cff3;border-radius:var(--r);background:#fff;color:var(--muted)}
.alj-ui .alj-empty strong{display:block;color:var(--ink);font-size:18px;margin-bottom:6px}
.alj-ui .alj-empty .alj-btn{margin-top:14px}

/* tabs / filters bar */
.alj-ui .alj-filters{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:end;margin-bottom:20px}
.alj-ui .alj-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.alj-ui .alj-tabs a,.alj-ui .alj-tabs button{padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font:700 14px/1 inherit;font-family:inherit;cursor:pointer}
.alj-ui .alj-tabs .is-active{background:var(--deep);border-color:var(--deep);color:#fff}

/* simple data table (account screens) */
.alj-ui .alj-table{width:100%;border-collapse:collapse;font-size:15px}
.alj-ui .alj-table th,.alj-ui .alj-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}
.alj-ui .alj-table th{color:var(--muted);font-weight:700;font-size:13px}
@media (max-width:640px){.alj-ui .alj-table thead{display:none}.alj-ui .alj-table tr{display:grid;padding:10px 0;border-bottom:1px solid var(--line)}.alj-ui .alj-table td{border:0;padding:3px 0}}

/* area picker (region → city → district) */
.alj-ui .alj-area{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:640px){.alj-ui .alj-area{grid-template-columns:1fr 1fr;gap:8px}.alj-ui .alj-area>.alj-field:nth-of-type(1){grid-column:1/-1}.alj-ui .alj-area .alj-area-other{grid-column:1/-1}}
.alj-ui .alj-area-other{grid-column:1/-1}
.alj-ui .alj-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}