/* Adnegah components — plain CSS classes (ad-*), built on tokens.css. RTL-first; use logical properties. */
.ad-root{font-family:var(--font-sans);color:var(--text);background:var(--bg);direction:rtl;font-size:16px;line-height:30px}
.ad-root *,.ad-root *::before,.ad-root *::after{box-sizing:border-box}
.ad-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
.ad-stack{display:flex;flex-direction:column;gap:var(--space-3)}

/* Button */
.ad-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:10px 22px;border-radius:var(--radius-md);border:1px solid transparent;font:700 15px/24px var(--font-sans);text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.ad-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ad-btn svg{width:18px;height:18px;flex:none}
.ad-btn--primary{background:var(--primary);color:var(--text-on-brand)}
.ad-btn--primary:hover{background:var(--primary-hover)}
.ad-btn--secondary{background:var(--surface);color:var(--brand-600);border-color:var(--brand-200)}
.ad-btn--secondary:hover{background:var(--brand-50);border-color:var(--brand-600)}
.ad-btn--ghost{background:transparent;color:var(--brand-600)}
.ad-btn--ghost:hover{background:var(--brand-50)}
.ad-btn--on-brand{background:var(--neutral-0);color:var(--brand-600)}
.ad-btn--on-brand:hover{background:var(--brand-50)}
.ad-btn--highlight{background:var(--highlight);color:var(--text-on-highlight)}
.ad-btn--highlight:hover{background:var(--highlight-hover)}
.ad-btn--sm{min-height:36px;padding:6px 14px;font-size:14px;border-radius:var(--radius-sm)}
.ad-btn--lg{min-height:52px;padding:14px 28px;font-size:16px}
.ad-btn--block{width:100%}
.ad-btn[disabled],.ad-btn[aria-disabled="true"]{background:var(--neutral-100);color:var(--neutral-500);border-color:transparent;cursor:not-allowed}

/* Badge */
.ad-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-pill);font:600 13px/22px var(--font-sans);background:var(--neutral-50);color:var(--neutral-700);border:1px solid var(--border)}
.ad-badge--brand{background:var(--brand-100);color:var(--brand-700);border-color:transparent}
.ad-badge--highlight{background:var(--highlight);color:var(--text-on-highlight);border-color:transparent}
.ad-badge--success{background:var(--success-50);color:var(--success-700);border-color:transparent}
.ad-badge--warning{background:var(--warning-50);color:var(--warning-700);border-color:transparent}
.ad-badge--danger{background:var(--danger-50);color:var(--danger-700);border-color:transparent}
.ad-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}

/* Field */
.ad-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.ad-field__label{font:600 14px/22px var(--font-sans);color:var(--text)}
.ad-field__help{font:400 13px/22px var(--font-sans);color:var(--text-muted)}
.ad-input,.ad-select{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:400 15px/24px var(--font-sans)}
.ad-input::placeholder{color:var(--neutral-500)}
.ad-input:hover,.ad-select:hover{border-color:var(--neutral-500)}
.ad-input:focus,.ad-select:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--brand-600)}
.ad-input[dir="ltr"]{text-align:left}
.ad-field--error .ad-input{border-color:var(--danger-500)}
.ad-field--error .ad-field__help{color:var(--danger-700)}

/* Card */
.ad-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}
.ad-card--link{text-decoration:none;color:inherit;transition:border-color .15s}
.ad-card--link:hover{border-color:var(--brand-600)}
.ad-card--link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ad-card__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--brand-50);color:var(--brand-600);display:flex;align-items:center;justify-content:center}
.ad-card__icon svg{width:24px;height:24px}
.ad-card__title{margin:0;font:700 19px/32px var(--font-sans);color:var(--text)}
.ad-card__text{margin:0;font:400 14px/26px var(--font-sans);color:var(--text-muted)}
.ad-card__more{margin-top:auto;font:700 14px/24px var(--font-sans);color:var(--brand-600)}

/* Plan (pricing) */
.ad-plan{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}
.ad-plan--featured{border:2px solid var(--brand-600);background:var(--surface)}
.ad-plan__flag{position:absolute;top:-13px;inset-inline-start:var(--space-6)}
.ad-plan__name{margin:0;font:700 22px/36px var(--font-sans)}
.ad-plan__desc{margin:0;font:400 14px/26px var(--font-sans);color:var(--text-muted)}
.ad-plan__price{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}
.ad-plan__amount{font:800 34px/44px var(--font-sans);color:var(--text)}
.ad-plan__unit{font:500 14px/22px var(--font-sans);color:var(--text-muted)}
.ad-plan__features{list-style:none;margin:0;padding:var(--space-4) 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2)}
.ad-plan__features li{display:flex;gap:var(--space-2);align-items:flex-start;font:400 14px/26px var(--font-sans)}
.ad-plan__features svg{flex:none;width:18px;height:18px;margin-top:4px;color:var(--success-500)}
.ad-plan__features li.is-off{color:var(--neutral-500)}
.ad-plan__features li.is-off svg{color:var(--neutral-300)}

/* Notice */
.ad-notice{display:flex;gap:var(--space-3);align-items:flex-start;padding:14px 16px;border-radius:var(--radius-md);font:400 14px/26px var(--font-sans);border:1px solid transparent}
.ad-notice svg{flex:none;width:20px;height:20px;margin-top:3px}
.ad-notice__title{display:block;font-weight:700}
.ad-notice--info{background:var(--accent-50);color:var(--brand-900)}
.ad-notice--info svg{color:var(--accent-600)}
.ad-notice--success{background:var(--success-50);color:var(--success-700)}
.ad-notice--warning{background:var(--warning-50);color:var(--warning-700)}
.ad-notice--danger{background:var(--danger-50);color:var(--danger-700)}

/* FAQ (native details) */
.ad-faq{border-top:1px solid var(--border)}
.ad-faq__item{border-bottom:1px solid var(--border)}
.ad-faq__q{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:18px 0;cursor:pointer;font:700 17px/30px var(--font-sans);color:var(--text)}
.ad-faq__q::-webkit-details-marker{display:none}
.ad-faq__q:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}
.ad-faq__q svg{flex:none;width:20px;height:20px;color:var(--brand-600);transition:transform .2s}
.ad-faq__item[open] .ad-faq__q svg{transform:rotate(45deg)}
.ad-faq__a{margin:0;padding:0 0 18px;font:400 15px/28px var(--font-sans);color:var(--neutral-700)}

/* Table */
.ad-table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto;background:var(--surface)}
.ad-table{width:100%;border-collapse:collapse;font:400 14px/24px var(--font-sans);min-width:560px}
.ad-table th{background:var(--surface-muted);font-weight:600;color:var(--neutral-600);text-align:start;padding:10px 16px;border-bottom:1px solid var(--border)}
.ad-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text)}
.ad-table tr:last-child td{border-bottom:0}
.ad-table tbody tr:hover td{background:var(--neutral-25)}
.ad-table .is-num{font-variant-numeric:tabular-nums;white-space:nowrap}

/* Section heading */
.ad-eyebrow{font:600 14px/22px var(--font-sans);color:var(--brand-600)}
.ad-h1{margin:0;font:800 42px/60px var(--font-sans);color:var(--text)}
.ad-h2{margin:0;font:800 32px/48px var(--font-sans);color:var(--text)}
.ad-lead{margin:0;font:400 19px/36px var(--font-sans);color:var(--neutral-600)}

@media (max-width:767px){
  .ad-h1{font-size:32px;line-height:46px}
  .ad-h2{font-size:26px;line-height:40px}
}
@media (prefers-reduced-motion:reduce){.ad-btn,.ad-card--link,.ad-faq__q svg{transition:none}}
