/* سكني redesign (views/sakaney_redesign.xml). Prefix with two ids so it outranks the earlier سكني layers. */
/* — home banner: marketing, no second search — */
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .sk-hero-lead{margin:10px 0 0!important;color:#eef3f5!important;font-size:15px!important;line-height:1.75!important;max-width:34em;font-weight:500}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .sk-hero-cta{display:flex;gap:10px;margin:18px 0 0;max-width:520px}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .sk-hero-cta a{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 10px;border-radius:14px;font-weight:800;font-size:15px;text-decoration:none!important;white-space:nowrap}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .sk-cta-main{background:#b5c500!important;color:#173246!important;box-shadow:0 8px 20px #0003}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .sk-cta-alt{background:#ffffff1f!important;color:#fff!important;border:1.5px solid #ffffffb3!important;backdrop-filter:blur(8px)}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .sk-hero-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 0;max-width:520px}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .sk-hero-strip figure{position:relative;margin:0;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background-size:cover;background-position:center;border:2px solid #ffffff59;box-shadow:0 8px 18px #0004}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .sk-hero-strip figcaption{position:absolute;inset-inline:0;bottom:0;padding:14px 6px 6px;background:linear-gradient(transparent,#0009);color:#fff;font-size:12.5px;font-weight:700;text-align:center;white-space:nowrap}
/* — alerts: section picker rows (name and tick on one line), one soft level line, a calm "no section" hint — */
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-alerts-page label.sm-at-leaf{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px;min-height:48px;padding:10px 14px!important;text-align:start!important;border-bottom:1px solid #edf1f4}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-alerts-page label.sm-at-leaf .sm-at-name{flex:1 1 auto;font-size:15px;font-weight:600;color:#23313a;text-align:start}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-alerts-page label.sm-at-leaf .sm-at-check{flex:0 0 auto;margin:0!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-alerts-page .sm-at-children{border:0!important;border-inline-start:2px solid #dfe9b8!important;margin-inline-start:16px!important;padding:0!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-alerts-page .sm-alert-picked-count{display:inline-flex!important;align-items:center;gap:6px;width:auto!important;padding:6px 12px!important;border-radius:999px!important;background:#f1f6dc!important;color:#3d4a12!important;font-size:13px!important;font-weight:600!important}
/* — property search filters: option tiles in two equal columns, every tile of a list the same height — */
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-search-panel .sm-choice-list:not([data-sk-options=numbers]){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr!important;gap:8px!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-search-panel .sm-choice-list:not([data-sk-options=numbers]) > *{width:auto!important;min-width:0!important;flex:none!important;margin:0!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-search-panel .sm-choice-list:not([data-sk-options=numbers]) label span{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;min-height:48px!important;padding:6px 10px!important;font-size:14px!important;line-height:1.35!important;text-align:center!important;white-space:normal!important}
/* — account activation page: room between fields (no focus ring over the next label), one clear main action — */
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-form-page form label{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0 0 18px!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-form-page form > .sm-button,.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-form-page form > button.sm-button{width:100%!important;min-height:52px!important;margin-top:6px!important;border-radius:14px!important;font-size:16px!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-resend .sm-resend-button{width:100%!important;min-height:48px!important;border-radius:14px!important;background:#fff!important;border:1.5px solid #cfd9a0!important;color:#285974!important;box-shadow:none!important;font-weight:700!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-resend .sm-resend-button:disabled{opacity:1!important;color:#8a94a3!important;border-color:#e3e9ef!important;background:#f7f9fa!important}
/* the sign-up method still hides the other field (the spacing rule above must not reveal it) */
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-form-page form:has(.sm-signup-method input[value="phone"]:checked) .sm-signup-email,
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-form-page form:has(.sm-signup-method input[value="email"]:checked) .sm-signup-phone{display:none!important}
/* — my listings: one title (the account header above already says «إعلاناتي العقارية»), even status tiles,
     and one «add property» action (the empty state no longer repeats the button at the top) — */
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-owner-dashboard > .sm-section-heading > h1{display:none!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-owner-dashboard > .sm-section-heading{justify-content:flex-start!important;gap:10px!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-owner-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:1fr!important;gap:8px!important;padding:8px!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-owner-tabs a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;width:auto!important;min-height:58px!important;padding:8px 4px!important;margin:0!important;border-radius:12px!important;font-size:13px!important;font-weight:700!important;text-align:center!important;white-space:normal!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-owner-tabs a span{min-width:26px;padding:1px 8px;border-radius:999px;font-size:12px}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-owner-dashboard .sm-empty .sm-button{display:none!important}
/* — all sections page: sub-sections as even tiles (icon in a soft square, name below), two per row on phones,
     no divider lines; tablets three, desktops four. Inline-block because a <details> body ignores grid on some browsers. — */
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree[open]{padding-bottom:14px!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree > .sm-view-all{display:block!important;margin:0 0 12px!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree > .sm-tree-branch{display:inline-block!important;vertical-align:top!important;width:calc(50% - 19px)!important;border:0!important;padding:0!important;margin:0 14px 10px 0!important;background:none!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree > .sm-tree-branch:nth-of-type(even){margin-right:10px!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-tree-branch > a.sm-branch-link{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-height:112px!important;padding:14px 8px!important;border:1px solid #e3eaec!important;border-radius:18px!important;background:#fff!important;box-shadow:0 2px 8px #28597410!important;color:#1f3442!important;font-size:15px!important;font-weight:700!important;text-align:center!important;line-height:1.35!important;text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-tree-branch > a.sm-branch-link:hover{border-color:#cfdd8a!important;box-shadow:0 6px 16px #2859741c!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-tree-branch > a.sm-branch-link .sk-category-symbol{display:grid!important;place-items:center!important;width:52px!important;height:52px!important;flex:0 0 52px!important;margin:0!important;border-radius:16px!important;background:#f1f6dc!important;color:#285974!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-tree-branch > a.sm-branch-link .sk-category-symbol svg{width:28px!important;height:28px!important}
@media(min-width:700px){
 .sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree > .sm-tree-branch,
 .sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree > .sm-tree-branch:nth-of-type(even){width:calc(33.333% - 16px)!important;margin:0 12px 12px 0!important}
}
@media(min-width:1000px){
 .sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree > .sm-tree-branch,
 .sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree > .sm-tree-branch:nth-of-type(even){width:calc(25% - 15px)!important}
}
/* — all sections page: each main section is a photo card (photo fills the card, name and count over a soft
     gradient, a glass +/− button), like the big property marketplaces; its sub-sections open as tiles below — */
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sm-directory-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree{width:100%!important;max-width:none!important;border:0!important;border-radius:22px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 26px #1f344214!important;padding:0!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree > summary{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;gap:6px!important;width:100%!important;box-sizing:border-box!important;min-height:168px!important;padding:18px 20px!important;margin:0!important;border:0!important;background:#1f3442!important;color:#fff!important;cursor:pointer;list-style:none;isolation:isolate}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree > summary::-webkit-details-marker{display:none}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree > summary > img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border-radius:0!important;border:0!important;margin:0!important;z-index:-2;transition:transform .5s ease}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree > summary::before{content:""!important;position:absolute!important;inset:0!important;z-index:-1;display:block!important;background:linear-gradient(180deg,#0000 30%,#0b1b26c9 100%)!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree > summary > strong{font-size:22px!important;font-weight:800!important;color:#fff!important;line-height:1.2!important;text-shadow:0 2px 10px #0006}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree > summary > span{display:inline-flex!important;align-items:center;padding:3px 10px!important;border-radius:999px!important;background:#ffffff2e!important;backdrop-filter:blur(8px);color:#fff!important;font-size:12.5px!important;font-weight:600!important;margin:0!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree > summary::after{position:absolute!important;top:14px!important;left:14px!important;right:auto!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#ffffffd9!important;color:#1f3442!important;font-size:22px!important;font-weight:400!important;line-height:1!important;margin:0!important;box-shadow:0 4px 12px #0003}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree:hover > summary > img{transform:scale(1.04)}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree[open] > summary{min-height:120px!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree[open] > .sm-view-all{margin:14px 14px 12px!important;padding:12px 14px!important;border-radius:14px!important;background:#f1f6dc!important;color:#285974!important;font-weight:700!important}
@media(min-width:700px){.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) details.sm-category-tree > summary{min-height:200px!important}}
/* — home banner at half height (owner, 2026-10-23): headline, two actions and the photo strip; the long promise
     and the counters are dropped — */
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .sk-hero-lead,.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .bt-facts{display:none!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay{min-height:0!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .bt-hero-inner{padding:16px!important;min-height:0!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .bt-eyebrow{margin:0!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay h1{margin:6px 0 0!important;font-size:30px!important;line-height:1.2!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .sk-hero-cta{margin-top:12px!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .sk-hero-cta a{min-height:44px!important;font-size:14.5px!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .sk-hero-strip{margin-top:12px!important;gap:6px!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .sk-hero-strip figure{aspect-ratio:16/9!important;border-radius:12px!important}
@media(min-width:700px){.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay .bt-hero-inner{padding:24px 28px!important}.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd) .sk-hero-overlay h1{font-size:38px!important}}
/* the home banner no longer has its own search: keep the header search on the home page too
   (sakaney-theme.css hid it whenever the banner was shown) */
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-rd):has(.bt-hero) .sm-header-search{display:flex!important}