/* ONO content — static pages (من نحن، السياسات، الأسئلة الشائعة، اتصل بنا) and posts. */

/* Page header band */
.page-head{background:var(--c-cream);padding-block:var(--s4) var(--s6)}
.page-head .crumbs{font-size:var(--fs-xs);color:var(--c-ink-3);margin-bottom:var(--s3)}
.page-head .crumbs__sep{margin-inline:var(--s2)}
.page-head__title{font-size:var(--fs-2xl);margin:0}
.page-head__lead{margin:var(--s2) 0 0;max-width:640px;color:var(--c-ink-2);font-size:var(--fs-l)}
@media (min-width:900px){.page-head{padding-block:var(--s5) var(--s7)}}

/* Layout: content + help aside */
.page__layout{display:grid;gap:var(--s6);padding-block:var(--s6)}
@media (min-width:900px){.page__layout--aside{grid-template-columns:minmax(0,1fr) 260px;gap:var(--s7);align-items:start}}
.help-nav{border:1px solid var(--c-line);border-radius:var(--r-m);padding:var(--s4)}
@media (min-width:900px){.help-nav{position:sticky;top:calc(var(--header-h) + var(--s4))}}
.help-nav__title{font-size:var(--fs-m);margin-bottom:var(--s2)}
.help-nav__list a{display:flex;align-items:center;min-height:40px;padding-inline:var(--s3);border-radius:var(--r-s);font-size:var(--fs-s);font-weight:600;color:var(--c-ink-2)}
.help-nav__list a:hover{background:var(--c-gray);color:var(--c-ink)}
.help-nav__list a[aria-current]{background:var(--c-cream);color:var(--c-brand-ink)}
.help-nav__list+.help-nav__list{margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--c-line)}

/* Body typography */
.entry{min-width:0;max-width:760px}
.entry__body{font-size:var(--fs-m);line-height:1.95;color:var(--c-ink-2)}
@media (min-width:900px){.entry__body{font-size:var(--fs-l)}}
.entry__body>*:first-child{margin-top:0}
.entry__body h2{font-size:var(--fs-xl);color:var(--c-ink);margin:var(--s7) 0 var(--s3);scroll-margin-top:calc(var(--header-h) + var(--s4))}
.entry__body h3{font-size:var(--fs-l);color:var(--c-ink);margin:var(--s5) 0 var(--s2)}
.entry__body strong{color:var(--c-ink)}
.entry__body ul,.entry__body ol{padding-inline-start:var(--s5);margin:0 0 var(--s4)}
.entry__body ul{list-style:none;padding-inline-start:0}
.entry__body ul>li{position:relative;padding-inline-start:var(--s5);margin-bottom:var(--s2)}
.entry__body ul>li::before{content:"";position:absolute;inset-inline-start:4px;top:.8em;width:8px;height:8px;border-radius:50%;background:var(--c-brand)}
.entry__body ol>li{margin-bottom:var(--s2);padding-inline-start:var(--s1)}
.entry__body ol>li::marker{color:var(--c-brand-ink);font-weight:700}
.entry__body a{color:var(--c-brand-ink);text-decoration:underline;text-underline-offset:3px}
.entry__body img{border-radius:var(--r-m)}
.entry__body hr{border:0;border-top:1px solid var(--c-line);margin:var(--s6) 0}
.entry__updated{margin-top:var(--s6);font-size:var(--fs-xs);color:var(--c-ink-3)}

/* CTA button inside content */
.entry__body .ono-cta{margin-top:var(--s6)}
.entry__body a.btn{color:#fff;text-decoration:none}
.entry__body a.btn:hover{color:#fff}

/* Callout (core Group block with class "ono-callout") */
.entry__body .ono-callout{background:var(--c-cream);border-inline-start:4px solid var(--c-brand);border-radius:var(--r-s);padding:var(--s4) var(--s5);margin:var(--s5) 0}
.entry__body .ono-callout>*:last-child{margin-bottom:0}
.entry__body .ono-callout h3{margin-top:0}

/* Feature cards (core Columns with class "ono-cards") */
.entry__body .ono-cards{display:grid;grid-template-columns:1fr;gap:var(--s3);margin:var(--s5) 0}
@media (min-width:600px){.entry__body .ono-cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){.entry__body .ono-cards{grid-template-columns:repeat(3,1fr)}}
.entry__body .ono-cards>.wp-block-column{margin:0;background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--r-m);padding:var(--s4)}
.entry__body .ono-cards h3{margin:0 0 var(--s1);font-size:var(--fs-m)}
.entry__body .ono-cards p{margin:0;font-size:var(--fs-s);line-height:1.8}
.entry__body .ono-cards .ono-card__icon{display:grid;place-items:center;width:44px;height:44px;margin:0 0 var(--s3);border-radius:var(--r-s);background:var(--c-cream);font-size:22px;line-height:1}

/* Steps (ordered list with class "ono-steps") */
.entry__body ol.ono-steps{list-style:none;padding:0;counter-reset:step;display:grid;gap:var(--s3)}
.entry__body ol.ono-steps>li{counter-increment:step;position:relative;padding:var(--s3) var(--s4);padding-inline-start:calc(var(--s4) + 44px);background:var(--c-gray);border-radius:var(--r-m);margin:0}
.entry__body ol.ono-steps>li::before{content:counter(step);position:absolute;inset-inline-start:var(--s3);top:var(--s3);width:32px;height:32px;border-radius:50%;background:var(--c-brand);color:#fff;font-weight:700;font-size:var(--fs-s);display:grid;place-items:center}

/* FAQ accordion (core Details block) */
.entry__body details{border:1px solid var(--c-line);border-radius:var(--r-m);margin:0 0 var(--s2);background:var(--c-bg)}
.entry__body details[open]{border-color:#FFD8BF;background:#FFFCF8}
.entry__body summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:var(--tap);padding:var(--s3) var(--s4);font-weight:700;color:var(--c-ink);cursor:pointer;list-style:none}
.entry__body summary::-webkit-details-marker{display:none}
.entry__body summary::after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;line-height:1;border-radius:50%;background:var(--c-gray);color:var(--c-brand-ink);font-size:20px;font-weight:600;transition:transform .2s}
.entry__body details[open]>summary::after{content:"−";background:var(--c-brand);color:#fff}
.entry__body details>*:not(summary){margin:0;padding:0 var(--s4) var(--s4);font-size:var(--fs-m)}

/* Contact cards [ono_contact_info] */
.entry__body .info-cards{display:grid;grid-template-columns:1fr;gap:var(--s3);margin:var(--s4) 0 var(--s6)}
@media (min-width:600px){.entry__body .info-cards{grid-template-columns:repeat(2,1fr)}}
.entry__body .info-card{margin:0;padding:var(--s4);border:1px solid var(--c-line);border-radius:var(--r-m);display:flex;flex-direction:column;gap:var(--s1)}
.entry__body .info-card::before{display:none}
.info-card__label{font-size:var(--fs-xs);color:var(--c-ink-3);font-weight:600}
.info-card__value{font-weight:700;color:var(--c-ink);font-size:var(--fs-l)}
.entry__body .info-card__link{text-decoration:none;color:inherit}
.entry__body .info-card__link:hover .info-card__value{color:var(--c-brand-ink)}
.info-card__hint{font-size:var(--fs-xs);color:var(--c-ok)}

/* Contact form [ono_contact_form] */
.cform{background:var(--c-gray);border-radius:var(--r-l);padding:var(--s5);margin:var(--s4) 0}
.cform__grid{display:grid;gap:0 var(--s3)}
@media (min-width:600px){.cform__grid{grid-template-columns:1fr 1fr}.cform__full{grid-column:1/-1}}
.cform .form-row{margin:0 0 var(--s3)}
.cform label{display:block;font-weight:600;font-size:var(--fs-s);color:var(--c-ink);margin-bottom:var(--s1)}
.cform .required{color:var(--c-err)}
.cform .input-text{width:100%;min-height:var(--tap);padding:var(--s2) var(--s3);border:1px solid var(--c-line);border-radius:var(--r-s);background:var(--c-bg);font-size:16px}
.cform .input-text:focus{border-color:var(--c-brand);outline:0}
.cform textarea.input-text{min-height:140px;resize:vertical}
.cform__hint{font-size:var(--fs-xs);color:var(--c-ink-3);margin:0 0 var(--s4)}
.cform__hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.cform__notice{padding:var(--s3) var(--s4);border-radius:var(--r-s);font-weight:600;font-size:var(--fs-s)}
.cform__notice--ok{background:#E8F5EC;color:var(--c-ok)}
.cform__notice--err{background:#FDECEC;color:var(--c-err)}
@media (max-width:599px){.cform{padding:var(--s4);margin-inline:calc(-1*var(--s2))}.cform .btn{width:100%}}

/* Posts list / 404 */
.content{padding-block:var(--s5) var(--s6);max-width:820px}
.entry__title{font-size:var(--fs-2xl);margin-bottom:var(--s5)}
.list{display:grid;gap:var(--s5)}
.list__title{font-size:var(--fs-l)}
.notfound .site-search{max-width:480px;margin-bottom:var(--s5)}