/* The world index, inside the WordPress page. Everything is scoped to #anidis so the theme is untouched. */
#anidis{
  --a:#3F6A8A; --a-ink:#fff; --a-soft:#E3EDF4; --member:#3F6A8A; --member-soft:#F4F8FB;
  --ink:#1E2A35; --muted:#566575; --line:#D8E1E9; --surface:#fff; --sunk:#EDF2F6;
  --dcat:#8A6A1F; --dcat-soft:#F7EFDC;
  direction:rtl; text-align:right; color:var(--ink); font-size:16px; line-height:1.6;
  padding-top:26px;   /* air between the site's dark bar and the filter panel */
  /* wider than the theme's column, but capped so it does not stretch across a huge screen */
  width:min(100vw, 1150px); max-width:100vw; padding-inline:0;   /* as wide as the dark bar above it (Adi, 29.9.2026) */
  margin-inline:calc(50% - min(50vw, 575px));
}
@media (max-width:600px){ #anidis{padding-inline:12px} }
#anidis *{box-sizing:border-box; border-radius:0 !important}   /* sharp 90-degree corners everywhere */
#anidis h2,#anidis h3{margin:0; line-height:1.25}
#anidis button{cursor:pointer; font:inherit; color:inherit}
#anidis .panel{background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:16px; display:grid; gap:12px}
#anidis .qbox{display:flex; align-items:center; gap:10px; border:2px solid var(--a); border-radius:999px; padding:6px 16px; background:var(--surface)}
#anidis .qbox input{flex:1; min-width:0; border:0; outline:0; background:transparent; font-size:17px; line-height:1.4; height:34px; padding:0; margin:0}
#anidis .qbox button{background:var(--a); color:var(--a-ink); border:0; border-radius:999px; padding:5px 14px; font-size:14px; font-weight:700}
#anidis .where{display:flex; flex-wrap:wrap; gap:10px; align-items:center}
#anidis .pf{position:relative; flex:1 1 260px; min-width:210px}
#anidis .pf input{width:100%; border:1px solid var(--line); border-radius:10px; padding:9px 13px; background:var(--surface)}
#anidis .sugg{position:absolute; top:100%; inset-inline:0; z-index:9; background:var(--surface); border:1px solid var(--line);
  border-radius:10px; margin-top:4px; max-height:260px; overflow:auto; box-shadow:0 8px 22px rgba(30,42,53,.12)}
#anidis .sugg button{display:block; width:100%; text-align:right; background:none; border:0; border-bottom:1px solid var(--line); padding:8px 13px; font-size:15px}
#anidis .sugg button:hover{background:var(--sunk)}
#anidis .sugg .c{color:var(--muted); font-size:13px}
#anidis select{border:1px solid var(--line); border-radius:10px; padding:9px 11px; background:var(--surface); font-weight:600; color:var(--muted)}
#anidis .cats{display:flex; flex-wrap:wrap; gap:5px; align-items:center}
#anidis .cats button{border:1px solid var(--line); background:var(--surface); border-radius:99px; padding:5px 10px; font-size:13.5px; font-weight:600; color:var(--muted); white-space:nowrap}
#anidis .cats button[aria-pressed="true"]{background:var(--a); color:var(--a-ink); border-color:var(--a)}
#anidis .cats select{border-radius:99px; padding:5px 8px; font-size:13.5px}
#anidis .org .body{display:grid; gap:6px; min-width:0}
#anidis .btn.mem{background:var(--member); color:#fff; border-color:var(--member); cursor:default}
#anidis .org.member{background:var(--member-soft); border-inline-start:4px solid var(--member); border-radius:0;
  grid-template-columns:minmax(0,1fr) 210px; column-gap:18px; align-items:center}
#anidis .org.member h3{color:var(--member)}
#anidis .org .logo{grid-column:2; grid-row:1; width:210px; aspect-ratio:4/3; object-fit:cover; border-radius:8px; background:var(--sunk)}
#anidis .join{grid-column:1; border-top:1px solid var(--line); margin-top:10px; padding-top:12px;
  display:grid; grid-template-columns:minmax(0,1fr) 170px; column-gap:20px; gap:10px}
#anidis .join > *{grid-column:1}
#anidis .join .uplwrap{grid-column:2; grid-row:1 / span 3; display:grid; gap:6px; justify-items:center; align-content:start}
#anidis .join .ck{display:flex; gap:10px; align-items:flex-start; font-size:15px}
#anidis .join .ck input{accent-color:var(--a); width:19px; height:19px; margin-top:3px; flex:none}
#anidis .join .rm{color:var(--muted); font-size:14.5px}
#anidis .join label.upl{width:160px; aspect-ratio:1; border:2px dashed var(--a); border-radius:12px; display:grid; place-items:center;
  text-align:center; cursor:pointer; font-weight:700; font-size:15px; line-height:1.35; color:var(--a); background:var(--surface); overflow:hidden; padding:8px}
#anidis .join label.upl img{width:160px; height:160px; object-fit:cover; margin:-8px}
#anidis .join label.upl.off{border-color:var(--line); color:var(--muted); cursor:not-allowed}
#anidis .join .uplnote{font-size:12.5px; color:var(--muted); text-align:center; max-width:170px}
@media (max-width:600px){
  #anidis .org.member{grid-template-columns:1fr}
  #anidis .org .logo{grid-column:1; width:100%; aspect-ratio:16/9}
  #anidis .join{grid-template-columns:1fr}
  #anidis .join .uplwrap{grid-column:1; grid-row:auto; justify-items:start}
  #anidis .join .uplnote{text-align:start}
}
/* categories inside the site's dark menu bar, instead of the menu items */
/* hide the theme's own menu items, but never the categories we put in their place */
body.anidis-page nav.navigation-main > ul.menu > li:not(.anidis-cats-item){display:none !important}
.anidis-navcats{display:flex; flex-wrap:wrap; gap:5px; align-items:center; padding:8px 0}
.anidis-navcats button{border:1px solid rgba(255,255,255,.4); background:transparent; color:#fff;
  padding:5px 10px; font-size:13.5px; font-weight:600; white-space:nowrap; font-family:inherit; cursor:pointer}
.anidis-navcats button[aria-pressed="true"]{background:#fff; color:#151532; border-color:#fff}
#anidis .pager{display:flex; flex-wrap:wrap; gap:6px; justify-content:center; align-items:center; margin:18px 0}
#anidis .pager .gap{color:var(--muted)}
#anidis .btn{display:inline-flex; align-items:center; gap:6px; border:1px solid var(--line); background:var(--surface);
  border-radius:10px; padding:8px 13px; font-weight:600; font-size:14.5px; text-decoration:none; color:var(--ink)}
#anidis .btn.p{background:var(--a); color:var(--a-ink); border-color:var(--a)}
#anidis .btn.s{padding:5px 11px; font-size:13.5px}
#anidis .line{display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center; margin:16px 0 10px; color:var(--muted); font-size:14.5px}
#anidis .line b{color:var(--ink)}
#anidis .results{display:grid; gap:12px}
#anidis .org{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:14px 16px; display:grid; gap:6px}
#anidis .org.member{background:var(--member-soft); border-inline-start:4px solid var(--member); border-radius:0}
#anidis .org .top{display:flex; flex-wrap:wrap; gap:8px; align-items:center}
#anidis .org h3{font-size:18px; font-weight:700}
#anidis .org .en{color:var(--muted); font-size:14.5px}
#anidis .org .meta{color:var(--muted); font-size:14.5px}
#anidis .org .acts{display:flex; flex-wrap:wrap; gap:8px; margin-top:4px}
#anidis .pill{display:inline-flex; align-items:center; border-radius:99px; padding:2px 10px; font-size:13px; font-weight:700; background:var(--sunk); color:var(--muted)}
#anidis .pill.d{background:var(--dcat-soft); color:var(--dcat)}
#anidis .km{font-weight:700; background:var(--a-soft); color:var(--a); border-radius:8px; padding:1px 10px; font-size:14px; white-space:nowrap}
#anidis .status{font-size:13.5px; color:var(--muted)}
#anidis .empty{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:18px; display:grid; gap:10px}
#anidis .more{display:flex; justify-content:center; margin:18px 0}
#anidis .note{background:var(--sunk); border-radius:10px; padding:10px 14px; font-size:14px; color:var(--muted)}
#anidis .loading{color:var(--muted); font-size:15px; padding:20px 0; text-align:center}
@media (max-width:600px){ #anidis .qbox input{font-size:16px} }

/* a record with no verified link asks the visitors for help; an approved contribution is credited */
#anidis .helpline{font-size:13.5px; color:var(--muted); margin:8px 0 0}
#anidis .helpline .lk{background:none; border:none; padding:0; font:inherit; font-weight:700; color:var(--a);
  text-decoration:underline; cursor:pointer}
#anidis .cred{font-size:13px; color:#0a7c2f; font-weight:600; margin-inline-start:auto}
#anidis .help{grid-column:1; border-top:1px solid var(--line); margin-top:10px; padding-top:12px; display:grid; gap:10px}
#anidis .help .rows{display:grid; grid-template-columns:1fr 1fr; gap:10px 14px}
#anidis .help .rows.four{grid-template-columns:repeat(4,1fr)}
#anidis .help label{display:grid; gap:4px; font-size:13.5px; color:var(--muted)}
#anidis .help input[type=text],#anidis .help input[type=url]{border:1px solid var(--line); background:var(--surface);
  padding:8px 10px; font:inherit; font-size:14.5px; color:var(--ink); width:100%}
#anidis .help .ck{display:flex; gap:10px; align-items:flex-start; font-size:14.5px; color:var(--ink)}
#anidis .help .ck input{accent-color:var(--a); width:19px; height:19px; margin-top:2px; flex:none}
#anidis .help .rm{color:var(--muted); font-size:14px}
@media (max-width:600px){
  #anidis .help .rows,#anidis .help .rows.four{grid-template-columns:1fr}
  #anidis .cred{margin-inline-start:0}
}

#anidis .join .mail{display:grid; gap:4px; font-size:13.5px; color:var(--muted)}
#anidis .join .mail input{border:1px solid var(--line); background:var(--surface); padding:8px 10px;
  font:inherit; font-size:14.5px; color:var(--ink); width:100%; max-width:340px}
#anidis .join .mailnote{text-align:start; max-width:none}

/* the theme's menu bar was built for one row of links; the two rows of chips need it to grow */
.anidis-cats-item, .anidis-cats-item > .anidis-navcats{height:auto !important; max-height:none !important}
nav.navigation-main:has(.anidis-cats-item), .nav-wrap:has(.anidis-cats-item),
.smart-head-bot:has(.anidis-cats-item), .smart-head-bot:has(.anidis-cats-item) .items{
  height:auto !important; min-height:0 !important; overflow:visible !important}

/* the size of the whole index: red box, white letters */
#anidis .pill.total{background:#B4342A; color:#fff; border-color:#B4342A; font-weight:700}

/* countries an Israeli visitor may not approach: shown, with the law stated */
#anidis .nocontact{font-size:13.5px; line-height:1.5; color:#7A241C; background:#FBECEA;
  border:1px solid #E7C3BE; padding:8px 11px; margin:8px 0 0}
#anidis .nocontact.banner{margin:14px 0 0; font-size:14.5px; font-weight:600}
