/* Scoped directory styles. Keep !important only for visibility and theme-sensitive controls. */
.skf-box {
  --skf-accent: #176b87;
  --skf-surface: #fff;
  --skf-soft: #f6f9fb;
  --skf-text: #253441;
  --skf-border: #e0e8ef;
  box-sizing: border-box;
  direction: rtl;
  max-width: 100%;
  padding: 20px;
  border: 1px solid var(--skf-border);
  border-radius: 14px;
  background: var(--skf-surface);
  box-shadow: 0 4px 16px #17334d0a;
  margin: 22px 0;
  font-family: inherit;
  color: var(--skf-text);
}
.skf-box * {
  box-sizing: border-box;
}
.skf-box [hidden] {
  display: none !important;
}
.skf-box .skf-heading {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 17px;
}
.skf-box .skf-heading > div {
  min-width: 0;
}
.skf-box .skf-icon {
  background: var(--skf-soft);
  color: var(--skf-accent);
  border-radius: 9px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  font-size: 28px;
  flex-shrink: 0;
}
.skf-box .skf-heading h2 {
  font-size: clamp(18px, 2vw, 23px);
  line-height: 1.4;
  margin: 0 0 5px;
  color: var(--skf-text);
}
.skf-box .skf-heading p {
  font-size: 14px;
  line-height: 1.8;
  margin: 0;
  color: var(--skf-text);
}
.skf-box .skf-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--skf-text);
}
.skf-box .skf-search-wrap {
  position: relative;
}
.skf-box .skf-input {
  display: block;
  width: 100%;
  max-width: none;
  border: 1px solid var(--skf-border);
  background: var(--skf-surface);
  color: var(--skf-text);
  border-radius: 9px;
  padding: 12px 14px;
  padding-inline-end: 47px;
  min-height: 46px;
  font: inherit;
  font-size: 16px;
  box-shadow: none;
}
.skf-box .skf-input:focus {
  outline: 2px solid var(--skf-accent);
  outline-offset: 1px;
}
.skf-box .skf-search-icon {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 26px;
  line-height: 1;
  color: var(--skf-accent);
  pointer-events: none;
}
.skf-box .skf-meta {
  margin: 12px 0 8px;
  font-size: 12px;
  color: var(--skf-text);
}
.skf-box .skf-results {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  gap: 7px;
}
.skf-box .skf-entry {
  padding: 0;
  margin: 0;
  list-style: none;
  min-width: 0;
}
.skf-box .skf-choice {
  appearance: none;
  background: var(--skf-soft);
  border: 1px solid var(--skf-border);
  color: var(--skf-text);
  border-radius: 8px;
  width: 100%;
  min-height: 43px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  text-align: right;
  padding: 9px 13px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  cursor: pointer;
  box-shadow: none;
  white-space: normal;
  overflow-wrap: anywhere;
  letter-spacing: normal;
  text-transform: none;
}
.skf-box .skf-choice:hover,
.skf-box .skf-choice:focus {
  border-color: var(--skf-accent);
  background: var(--skf-soft);
  color: var(--skf-text);
}
.skf-box .skf-choice span {
  color: var(--skf-accent);
  flex: none;
}
.skf-box .skf-selection {
  margin-top: 15px;
  border-right: 3px solid var(--skf-accent);
  background: var(--skf-soft);
  padding: 14px;
  border-radius: 8px;
}
.skf-box .skf-selected-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.skf-box .skf-selected-text {
  display: block;
  font-size: 16px;
  flex: 1;
  min-width: 0;
  margin: 0;
  line-height: 1.6;
  color: var(--skf-text);
  overflow-wrap: anywhere;
}
.skf-box .skf-selection p {
  font-size: 13px;
  margin: 0 0 12px;
}
.skf-box .skf-result-copy,
.skf-box .skf-entry-excerpt {
  white-space: pre-line;
  line-height: 1.9;
  font-size: 14px;
  overflow-wrap: anywhere;
}
.skf-box .skf-change {
  appearance: none;
  background: var(--skf-surface);
  color: var(--skf-accent);
  border: 1px solid var(--skf-border);
  border-radius: 8px;
  padding: 6px 10px;
  font-family: inherit;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5;
  cursor: pointer;
  white-space: nowrap;
}
.skf-box .skf-show-all {
  display: block;
  margin: 12px auto 2px;
  border: 1px solid var(--skf-border);
  border-radius: 8px;
  background: var(--skf-soft);
  color: var(--skf-text);
  padding: 9px 15px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  white-space: normal;
}
.skf-box .skf-empty {
  font-size: 13px;
  color: var(--skf-text);
  text-align: center;
}
.skf-box .skf-detail-link:not(:empty) {
  margin: 0 0 12px;
}
.skf-box .skf-detail-button {
  display: inline-flex;
  padding: 10px 14px;
  background: var(--skf-accent);
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 7px;
  font-weight: 700;
  font-size: 13px;
}
.skf-box .skf-detail-button:hover {
  filter: brightness(0.92);
}
.skf-box .skf-contact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--skf-border);
}
.skf-box .skf-contact-text {
  font-size: 14px;
  line-height: 1.7;
  color: var(--skf-text);
  font-weight: 600;
}
.skf-box .skf-contact-mobile-label {
  display: none;
  color: var(--skf-text);
}
.skf-box .skf-contact .skf-links {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 9px;
  width: auto;
  max-width: 100%;
  margin: 0;
  flex: none;
}
.skf-box .skf-contact .skf-links a {
  box-sizing: border-box;
  display: inline-flex !important;
  flex: 0 0 44px;
  width: 44px !important;
  min-width: 44px;
  max-width: 44px;
  height: 44px !important;
  min-height: 44px;
  max-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  margin: 0;
  border-radius: 12px;
  line-height: 1;
  overflow: hidden;
  text-decoration: none !important;
  transition:
    transform 0.15s ease,
    filter 0.15s ease;
}
.skf-box .skf-contact .skf-wa {
  background: #168568;
  color: #fff !important;
  border: 1px solid #168568;
}
.skf-box .skf-contact .skf-call {
  background: var(--skf-accent);
  color: #fff !important;
  border: 1px solid var(--skf-accent);
}
.skf-box .skf-contact .skf-links a:hover {
  transform: translateY(-1px);
  filter: brightness(1.07);
}
.skf-box .skf-contact .skf-links a svg {
  box-sizing: content-box;
  display: block;
  flex: 0 0 20px;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px !important;
  max-height: 20px !important;
  object-fit: contain;
  margin: 0;
  padding: 0;
  fill: currentColor;
}
.skf-box button:focus-visible,
.skf-box a:focus-visible {
  outline: 3px solid var(--skf-accent);
  outline-offset: 2px;
}
.skf-box .skf-no-phone {
  font-size: 12px;
  color: var(--skf-text);
  margin: 10px 0 0;
}
.skf-box.skf-density-compact {
  padding: 13px;
  margin: 14px 0;
}
.skf-box.skf-density-compact .skf-heading {
  margin-bottom: 10px;
}
.skf-box.skf-density-compact .skf-selection {
  padding: 10px;
}
.skf-box.skf-density-compact .skf-choice {
  min-height: 38px;
}
.skf-box.skf-radius-small {
  border-radius: 5px;
}
.skf-box.skf-radius-small .skf-choice,
.skf-box.skf-radius-small .skf-selection {
  border-radius: 4px;
}
.skf-box.skf-radius-large {
  border-radius: 22px;
}
.skf-box.skf-radius-large .skf-choice,
.skf-box.skf-radius-large .skf-selection {
  border-radius: 15px;
}
.skf-box.skf-scroll-mode .skf-results.skf-list-scroll {
  max-height: var(--skf-scroll-height, 320px);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y pinch-zoom;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  padding: 5px 6px;
  align-content: start;
  scroll-behavior: auto;
}
/* Before JS (or without it), keep authored descriptions and real links accessible. */
.skf-box:not([data-skf-ready]) .skf-search-wrap,
.skf-box:not([data-skf-ready]) .skf-label,
.skf-box:not([data-skf-ready]) .skf-show-all {
  display: none;
}
@media (max-width: 767px) {
  .skf-box .skf-contact {
    gap: 10px;
  }
  .skf-box .skf-contact-text {
    display: none;
  }
  .skf-box .skf-contact-mobile-label {
    display: inline;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
  }
  .skf-box .skf-contact .skf-links {
    gap: 8px;
  }
  .skf-box .skf-contact .skf-links a {
    border-radius: 11px;
  }
}
@media (max-width: 600px) {
  .skf-box {
    padding: 14px;
    border-radius: 12px;
  }
  .skf-box .skf-heading {
    gap: 8px;
  }
  .skf-box .skf-icon {
    width: 34px;
    height: 34px;
  }
  .skf-box .skf-choice {
    font-size: 13px;
  }
  .skf-box.skf-scroll-mode .skf-results.skf-list-scroll {
    max-height: var(--skf-scroll-height, 320px);
    max-height: min(var(--skf-scroll-height, 320px), 65dvh);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y pinch-zoom;
    display: block;
  }
  .skf-box.skf-scroll-mode .skf-results.skf-list-scroll > .skf-entry {
    margin-bottom: 7px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .skf-box .skf-contact .skf-links a {
    transition: none;
  }
}

/* The gesture starts on a row/button, not the list. Theme touch-action
   restrictions there must not disable the list's native vertical scrolling. */
.skf-box.skf-scroll-mode .skf-results.skf-list-scroll .skf-entry,
.skf-box.skf-scroll-mode .skf-results.skf-list-scroll .skf-choice,
.skf-box.skf-scroll-mode .skf-results.skf-list-scroll .skf-choice span {
  touch-action: pan-y pinch-zoom;
}
.skf-box.skf-scroll-mode .skf-results.skf-list-scroll {
  min-height: 0;
  min-width: 0;
}

/* Explicit search action keeps the existing field and result layout. */
.skf-box .skf-search-action .skf-search-icon { display: none; }
.skf-box .skf-search-action .skf-input { padding-inline-end: 86px; }
.skf-box .skf-submit {
  position: absolute; inset-inline-end: 4px; top: 4px; bottom: 4px;
  width: 70px; min-height: 38px; padding: 4px 10px; margin: 0;
  display: flex; align-items: center; justify-content: center;
  border: 0; border-radius: 7px; background: var(--skf-accent);
  color: var(--skf-surface); font: inherit; font-size: 14px;
  line-height: 1.4; cursor: pointer; touch-action: manipulation;
}

.skf-box .skf-submit:hover, .skf-box .skf-submit:focus {
  background: var(--skf-accent); color: var(--skf-surface);
}
@media (max-width: 767px) {
  .skf-box .skf-search-action .skf-input { min-height: 52px; }
  .skf-box .skf-submit { min-height: 44px; }
}

/* A real title link and a separate selection button: no nested interactive elements. */
.skf-box .skf-choice-row { display:flex; align-items:stretch; gap:6px; }
.skf-box .skf-title-link { flex:1; min-width:0; padding:9px 13px; border:1px solid var(--skf-border); border-radius:8px; background:var(--skf-soft); color:var(--skf-text); font-size:14px; line-height:1.5; overflow-wrap:anywhere; text-decoration:none; }
.skf-box .skf-title-link + .skf-choice { width:44px; flex:0 0 44px; justify-content:center; }
.skf-box .skf-keyword-link { color:inherit; text-decoration:underline; text-underline-offset:3px; }

/* Provider groups: article shortcode only; no impact on global search. */
.skf-box .skf-entry.skf-provider-head {border-inline-start:4px solid var(--skf-provider-color,#64748b);background:color-mix(in srgb,var(--skf-provider-color,#64748b) 9%,transparent);font-weight:700}
.skf-box .skf-entry.skf-provider-child {margin-inline-start:18px;border-inline-start:3px solid var(--skf-provider-color,#64748b);padding-inline-start:9px;background:color-mix(in srgb,var(--skf-provider-color,#64748b) 4%,transparent)}
.skf-box .skf-entry[data-provider-tint="0"] {--skf-provider-color:#2563eb}
.skf-box .skf-entry[data-provider-tint="1"] {--skf-provider-color:#0f766e}
.skf-box .skf-entry[data-provider-tint="2"] {--skf-provider-color:#a16207}
.skf-box .skf-entry[data-provider-tint="3"] {--skf-provider-color:#7c3aed}
.skf-box .skf-entry[data-provider-tint="4"] {--skf-provider-color:#be185d}
.skf-box .skf-entry[data-provider-tint="5"] {--skf-provider-color:#0369a1}
.skf-box .skf-provider-toggle {cursor:pointer;border:1px solid var(--skf-border,#ddd);border-radius:6px;background:transparent;padding:4px 9px;margin-inline-start:6px;flex-shrink:0;color:inherit}
.skf-box .skf-provider-toggle small {font-size:11px}

/* 4.4.54 — presentation-only article widget refresh; search state untouched. */
.skf-box{border-radius:16px;border-color:#dae8ee;box-shadow:0 9px 28px rgba(24,58,79,.08);padding:clamp(14px,2.7vw,26px)}
.skf-box .skf-heading{align-items:center;gap:16px;padding:clamp(12px,2.3vw,22px);background:linear-gradient(110deg,#f1fbfc,#fff);border-radius:13px;margin-bottom:19px}
.skf-box .skf-heading>div:last-child{flex:1;min-width:0}
.skf-box .skf-heading h2{font-size:clamp(19px,2.4vw,27px);font-weight:750;line-height:1.45}
.skf-box .skf-heading p{font-size:clamp(13px,1.2vw,15px);line-height:1.85}
.skf-box .skf-heading-media{flex:0 0 auto;width:120px;height:100px;overflow:hidden;border-radius:13px;background:#e5f4f6;box-shadow:0 3px 12px #153f5412}
.skf-box .skf-header-photo{display:block;width:100%;height:100%;object-fit:cover}
.skf-box .skf-selection{background:linear-gradient(125deg,#f3fbfc,#fff);border:1px solid #b8e2e8;border-right:4px solid var(--skf-accent);padding:clamp(14px,2.3vw,22px);border-radius:13px;box-shadow:0 5px 17px #1344550a}
.skf-box .skf-selected-text{font-size:clamp(17px,1.8vw,22px);font-weight:750}
.skf-box .skf-change{border-color:#cbdfe6;background:#fff;padding:8px 12px}
.skf-box .skf-result-copy{font-size:clamp(14px,1.3vw,16px);line-height:2}
.skf-box .skf-keyword-link{display:inline-flex;align-items:center;gap:5px;background:#e5f6fa;color:#096b87!important;border:1px solid #b6e4f0;border-radius:7px;padding:1px 9px;text-decoration:none!important;font-weight:700;line-height:1.7;vertical-align:baseline}
.skf-box .skf-keyword-link::after{content:'↗';font-weight:700;direction:ltr}
.skf-box .skf-keyword-link:hover{background:#d3f1f8;text-decoration:underline!important}
.skf-box .skf-detail-button{background:#e8f7fb;color:#126b85!important;border:1px solid #b6e2ed;border-radius:8px;padding:7px 13px}
.skf-box .skf-detail-button::after{content:' ↗'}
.skf-box .skf-contact{padding-top:16px;gap:12px}
.skf-box .skf-contact .skf-links a{width:48px!important;min-width:48px;max-width:48px;flex-basis:48px;height:48px!important;min-height:48px;max-height:48px}
@media(max-width:600px){.skf-box{padding:13px;margin:16px 0}.skf-box .skf-heading{gap:10px;padding:12px;align-items:center}.skf-box .skf-heading-media{width:74px;height:74px;border-radius:10px}.skf-box .skf-heading h2{font-size:19px}.skf-box .skf-heading p{font-size:13px}.skf-box .skf-selection{padding:13px}.skf-box .skf-selected-header{align-items:flex-start}.skf-box .skf-result-copy{font-size:14px}.skf-box .skf-keyword-link{white-space:normal;max-width:100%}}
@media(prefers-reduced-motion:reduce){.skf-box .skf-contact .skf-links a{transition:none}}

/* 4.4.55 — purely presentational contact labels; preserves existing links and handlers. */
.skf-box .skf-contact .skf-links a.skf-wa,
.skf-box .skf-contact .skf-links a.skf-call{
  box-sizing:border-box!important;display:inline-flex!important;flex:0 0 auto!important;
  width:auto!important;min-width:106px!important;max-width:none!important;
  height:46px!important;min-height:46px!important;max-height:none!important;
  padding:9px 13px!important;gap:8px!important;overflow:visible!important;
  white-space:nowrap!important;font-size:14px!important;font-weight:700!important;
}
.skf-box .skf-contact .skf-links a.skf-wa::after{content:'واتساب';color:#fff}
.skf-box .skf-contact .skf-links a.skf-call::after{content:'اتصال';color:#fff}
.skf-box .skf-contact .skf-links{flex-wrap:wrap!important;max-width:100%!important}
@media(max-width:380px){.skf-box .skf-contact .skf-links a.skf-wa,.skf-box .skf-contact .skf-links a.skf-call{min-width:96px!important;padding:8px 10px!important}}