/* HASERE MARKET - HASERE ADLARI ATLASI
   Kanonik: /css/hm-pest-names-atlas.css
   v1 pilot - 18.08.2026
   Scope: .hm-atlas
*/
.hm-atlas{
  --g950:#102318;
  --g900:#153820;
  --g850:#183e26;
  --g700:#245a34;
  --g650:#1f5a32;
  --orange:#e46f1a;
  --orange-dark:#a85a16;
  --page:#f7f8f2;
  --card:#fff;
  --text:#26342b;
  --muted:#647168;
  --line:#dde7d8;
  --soft:#f1f6ee;
  --warm:#fff7ec;
  --info:#edf5ef;
  width:100%;
  margin:0;
  padding:0;
  background:var(--page);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1.5;
}
.hm-atlas *,.hm-atlas *:before,.hm-atlas *:after{box-sizing:border-box}
.hm-atlas a{color:var(--g650);text-decoration:none;font-weight:720}
.hm-atlas a:hover{color:var(--orange)}
.hm-atlas button,.hm-atlas input,.hm-atlas select{font:inherit}
.hm-atlas img{display:block;max-width:100%}
.hm-atlas [hidden]{display:none!important}
.hm-atlas-wrap{width:100%;padding:8px 0 14px}
.hm-atlas h1,.hm-atlas h2,.hm-atlas h3,.hm-atlas h4,.hm-atlas p{margin-top:0}
.hm-atlas h1{margin-bottom:9px;color:#fff;font-size:27px;line-height:1.14}
.hm-atlas h2{margin-bottom:8px;color:var(--g850);font-size:18px;line-height:1.28}
.hm-atlas h3{margin-bottom:6px;color:var(--g850);font-size:14px;line-height:1.3}
.hm-atlas p{margin-bottom:8px}
.hm-atlas section[id],.hm-atlas article[id]{scroll-margin-top:116px}
.hm-atlas-kicker{margin-bottom:4px;color:var(--orange);font-size:10.5px;line-height:1.3;letter-spacing:.05em;text-transform:uppercase;font-weight:850}
.hm-atlas-muted{color:var(--muted)}
.hm-atlas-micro{color:var(--muted);font-size:11.4px}
.hm-atlas-sci{font-family:Georgia,"Times New Roman",serif;font-style:italic}

/* HERO */
.hm-atlas-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(280px,5fr);
  gap:20px;
  overflow:hidden;
  padding:22px;
  border-radius:19px;
  background:
    radial-gradient(circle at 92% 10%,rgba(228,111,26,.15),transparent 29%),
    linear-gradient(135deg,var(--g900) 0%,var(--g700) 60%,var(--g950) 100%);
  color:#fff;
  box-shadow:0 9px 28px rgba(25,60,34,.14);
}
.hm-atlas-hero-main{position:relative;z-index:2;align-self:center;min-width:0}
.hm-atlas-eyebrow{
  display:inline-flex;
  margin-bottom:9px;
  padding:5px 10px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:10.8px;
  font-weight:760;
}
.hm-atlas-hero-lead{max-width:760px;margin-bottom:10px!important;color:rgba(255,255,255,.92);font-size:13.3px}
.hm-atlas-motto{
  max-width:760px;
  padding:9px 11px;
  border-left:3px solid var(--orange);
  border-radius:0 10px 10px 0;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:12.3px;
}
.hm-atlas-hero-side{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:9px;
  min-width:0;
  padding:14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.07);
}
.hm-atlas-hero-side strong{font-size:13px}
.hm-atlas-hero-example{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start}
.hm-atlas-hero-example b{
  display:flex;
  width:25px;
  height:25px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--orange);
  color:#fff;
  font-size:10px;
}
.hm-atlas-hero-example span{color:rgba(255,255,255,.9);font-size:11.5px}
.hm-atlas-hero-example em{display:block;color:#fff;font-family:Georgia,"Times New Roman",serif}

/* INTRO / METHOD */
.hm-atlas-section{
  margin-top:12px;
  padding:15px;
  border:1px solid var(--line);
  border-radius:17px;
  background:#fff;
}
.hm-atlas-section--soft{background:var(--soft)}
.hm-atlas-section--warm{background:var(--warm)}
.hm-atlas-title{margin-bottom:10px}
.hm-atlas-title p{margin:0;color:var(--muted);font-size:12px}
.hm-atlas-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hm-atlas-principle{
  padding:10px;
  border:1px solid #dfe8d9;
  border-radius:13px;
  background:#fff;
}
.hm-atlas-principle strong{display:block;margin-bottom:3px;color:var(--g850);font-size:12.3px}
.hm-atlas-principle span{color:#5d695f;font-size:11.6px}

/* CONTROL SHELL */
.hm-atlas-tool{
  position:sticky;
  z-index:60;
  top:0;
  margin-top:12px;
  padding:10px;
  border:1px solid #d8e3d4;
  border-radius:16px;
  background:rgba(247,248,242,.96);
  box-shadow:0 7px 20px rgba(27,60,35,.08);
  backdrop-filter:blur(8px);
}
.hm-atlas-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.hm-atlas-search-wrap{position:relative}
.hm-atlas-search{
  width:100%;
  min-height:43px;
  padding:9px 40px 9px 13px;
  border:1px solid #cfdcc9;
  border-radius:13px;
  outline:0;
  background:#fff;
  color:var(--text);
  font-size:13px;
}
.hm-atlas-search:focus{border-color:var(--g650);box-shadow:0 0 0 3px rgba(31,90,50,.10)}
.hm-atlas-search-clear{
  position:absolute;
  top:50%;
  right:7px;
  width:29px;
  height:29px;
  transform:translateY(-50%);
  border:0;
  border-radius:50%;
  background:#edf3e9;
  color:var(--g850);
  cursor:pointer;
  font-size:17px;
  line-height:1;
}
.hm-atlas-reset{
  min-height:43px;
  padding:8px 12px;
  border:1px solid #d5dfd0;
  border-radius:12px;
  background:#fff;
  color:var(--g850);
  cursor:pointer;
  font-weight:760;
}
.hm-atlas-reset:hover{border-color:var(--orange);color:var(--orange)}
.hm-atlas-filter-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto;
  gap:7px;
  align-items:end;
  margin-top:8px;
}
.hm-atlas-field label{display:block;margin:0 0 3px;color:#5f6a62;font-size:10.4px;font-weight:750}
.hm-atlas-field select{
  width:100%;
  min-height:36px;
  padding:6px 28px 6px 8px;
  border:1px solid #d3dfce;
  border-radius:10px;
  background:#fff;
  color:var(--text);
}
.hm-atlas-count{
  display:flex;
  min-height:36px;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:10px;
  background:var(--g650);
  color:#fff;
  white-space:nowrap;
  font-size:11px;
  font-weight:800;
}
.hm-atlas-langbar,.hm-atlas-alpha{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:7px 1px 1px;
  scrollbar-width:thin;
}
.hm-atlas-chip,.hm-atlas-letter{
  flex:0 0 auto;
  padding:5px 9px;
  border:1px solid #d7e2d2;
  border-radius:999px;
  background:#fff;
  color:#31543a;
  cursor:pointer;
  white-space:nowrap;
  font-size:10.8px;
  font-weight:760;
}
.hm-atlas-chip[aria-pressed="true"],.hm-atlas-letter[aria-pressed="true"]{
  border-color:var(--g650);
  background:var(--g650);
  color:#fff;
}
.hm-atlas-chip:hover,.hm-atlas-letter:hover{border-color:var(--orange);color:var(--orange)}
.hm-atlas-chip[aria-pressed="true"]:hover,.hm-atlas-letter[aria-pressed="true"]:hover{color:#fff}
.hm-atlas-tool-note{margin-top:6px;color:#6a756d;font-size:10.7px}

/* MAIN LAYOUT */
.hm-atlas-main{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:12px;
  align-items:start;
  margin-top:12px;
}
.hm-atlas-sidebar{
  position:sticky;
  top:178px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff;
}
.hm-atlas-sidebar h3{font-size:12.8px}
.hm-atlas-side-list{display:grid;gap:5px}
.hm-atlas-side-list a{
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:6px 7px;
  border-radius:9px;
  color:#38583f;
  font-size:11.4px;
}
.hm-atlas-side-list a:hover{background:#f0f5ed}
.hm-atlas-side-list small{color:#89938c;font-weight:400}
.hm-atlas-side-note{
  margin-top:9px;
  padding:8px;
  border-radius:10px;
  background:#f4f7f1;
  color:#657169;
  font-size:10.8px;
}

/* ALPHABET GROUPS */
.hm-atlas-results{min-width:0}
.hm-atlas-letter-section{margin-bottom:12px}
.hm-atlas-letter-head{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 7px;
}
.hm-atlas-letter-head span{
  display:flex;
  width:35px;
  height:35px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--g850);
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:700;
}
.hm-atlas-letter-head:after{content:"";height:1px;flex:1;background:#dce6d8}
.hm-atlas-entry-list{display:grid;gap:8px}

/* ENTRY */
.hm-atlas-entry{
  overflow:hidden;
  border:1px solid #dbe5d6;
  border-radius:15px;
  background:#fff;
  box-shadow:0 3px 10px rgba(31,68,39,.035);
}
.hm-atlas-entry>summary{
  display:grid;
  grid-template-columns:66px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  min-height:78px;
  padding:8px 10px;
  cursor:pointer;
  list-style:none;
}
.hm-atlas-entry>summary::-webkit-details-marker{display:none}
.hm-atlas-entry>summary:hover{background:#fbfcf9}
.hm-atlas-entry[open]>summary{border-bottom:1px solid #e2e9de;background:#f9fbf7}
.hm-atlas-entry-thumb{
  display:flex;
  width:66px;
  height:58px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid #dfe7da;
  border-radius:11px;
  background:#f1f5ee;
}
.hm-atlas-entry-thumb img{width:100%;height:100%;object-fit:cover}
.hm-atlas-entry-thumb--empty{
  color:#799081;
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  font-weight:700;
}
.hm-atlas-entry-title{min-width:0}
.hm-atlas-entry-title h3{margin:0 0 2px!important;font-size:14.4px}
.hm-atlas-entry-title .hm-atlas-sci{display:block;color:#59665d;font-size:12px}
.hm-atlas-entry-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.hm-atlas-tag{
  display:inline-flex;
  align-items:center;
  min-height:21px;
  padding:3px 7px;
  border:1px solid #dce6d7;
  border-radius:999px;
  background:#f7faf5;
  color:#506158;
  font-size:9.8px;
  font-weight:760;
}
.hm-atlas-tag--orange{border-color:#f0d1b7;background:#fff7ee;color:#985319}
.hm-atlas-tag--green{border-color:#cfe0c9;background:#edf6e9;color:#2f6740}
.hm-atlas-tag--draft{border-style:dashed;color:#7b6657}
.hm-atlas-entry-toggle{
  display:flex;
  width:32px;
  height:32px;
  align-items:center;
  justify-content:center;
  border:1px solid #d8e3d3;
  border-radius:50%;
  background:#fff;
  color:var(--orange);
  font-size:19px;
  font-weight:700;
}
.hm-atlas-entry-toggle:before{content:"+"}
.hm-atlas-entry[open] .hm-atlas-entry-toggle:before{content:"−"}

/* ENTRY BODY */
.hm-atlas-entry-body{
  display:grid;
  grid-template-columns:minmax(220px,4fr) minmax(0,8fr);
  gap:12px;
  padding:12px;
}
.hm-atlas-media{
  overflow:hidden;
  border:1px solid #dfe7da;
  border-radius:13px;
  background:#f3f6f0;
}
.hm-atlas-media a{display:block;color:inherit}
.hm-atlas-media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hm-atlas-media-placeholder{
  display:flex;
  min-height:180px;
  align-items:center;
  justify-content:center;
  padding:16px;
  color:#728077;
  text-align:center;
  font-size:11.5px;
}
.hm-atlas-media-caption{padding:7px 8px;color:#667269;font-size:10.6px}
.hm-atlas-entry-info{min-width:0}
.hm-atlas-identity{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-bottom:8px;
}
.hm-atlas-identity-item{
  padding:7px 8px;
  border:1px solid #e0e8dc;
  border-radius:10px;
  background:#fafcf9;
}
.hm-atlas-identity-item span{display:block;color:#7b857e;font-size:9.7px;text-transform:uppercase;font-weight:800}
.hm-atlas-identity-item strong{display:block;margin-top:2px;color:var(--g850);font-size:11.4px}
.hm-atlas-name-table-wrap{width:100%;overflow-x:auto}
.hm-atlas-name-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid #dfe7d9;
  border-radius:12px;
  background:#fff;
}
.hm-atlas-name-table th,.hm-atlas-name-table td{
  padding:7px 8px;
  border-bottom:1px solid #e6ece2;
  text-align:left;
  vertical-align:top;
  font-size:11.2px;
}
.hm-atlas-name-table th{width:126px;background:#f2f7ef;color:var(--g850)}
.hm-atlas-name-table tr:last-child th,.hm-atlas-name-table tr:last-child td{border-bottom:0}
.hm-atlas-name-table [dir="rtl"]{text-align:right;font-size:13px}
.hm-atlas-local{margin-top:9px}
.hm-atlas-local h4{margin-bottom:5px;color:var(--g850);font-size:12px}
.hm-atlas-local-list{display:grid;gap:5px}
.hm-atlas-local-row{
  display:grid;
  grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) auto minmax(120px,1.2fr);
  gap:6px;
  align-items:center;
  padding:7px 8px;
  border:1px solid #e1e8dd;
  border-radius:10px;
  background:#fcfdfb;
  font-size:10.8px;
}
.hm-atlas-local-name{color:var(--g850);font-weight:800}
.hm-atlas-status{
  display:inline-flex;
  justify-self:start;
  padding:3px 6px;
  border-radius:999px;
  white-space:nowrap;
  font-size:9.3px;
  font-weight:820;
}
.hm-atlas-status--verified{background:#e7f3e4;color:#2f673d}
.hm-atlas-status--documented{background:#edf2f8;color:#3e5871}
.hm-atlas-status--field{background:#fff0df;color:#965117}
.hm-atlas-status--uncertain{background:#f3eeee;color:#765c5c}
.hm-atlas-note,.hm-atlas-warning{
  margin-top:8px;
  padding:8px 9px;
  border-radius:10px;
  font-size:11px;
}
.hm-atlas-note{border-left:3px solid var(--g650);background:#edf5ef;color:#425248}
.hm-atlas-warning{border-left:3px solid var(--orange);background:#fff5e9;color:#6d4b2d}
.hm-atlas-entry-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.hm-atlas-entry-actions a{
  padding:6px 9px;
  border:1px solid #d9e4d4;
  border-radius:999px;
  background:#fff;
  color:#214e2e;
  font-size:10.7px;
}
.hm-atlas-entry-actions a:first-child{border-color:var(--g650);background:var(--g650);color:#fff}
.hm-atlas-entry-actions a:hover{border-color:var(--orange);color:var(--orange)}
.hm-atlas-entry-actions a:first-child:hover{color:#fff;background:var(--orange)}

/* EMPTY / INFO / SUBMIT */
.hm-atlas-empty{
  padding:24px 16px;
  border:1px dashed #cad8c5;
  border-radius:15px;
  background:#fff;
  text-align:center;
}
.hm-atlas-empty strong{display:block;margin-bottom:4px;color:var(--g850)}
.hm-atlas-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hm-atlas-method-card{padding:10px;border:1px solid #dfe7da;border-radius:12px;background:#fff}
.hm-atlas-method-card strong{display:block;margin-bottom:3px;color:var(--g850)}
.hm-atlas-method-card p{margin:0;color:#5e6b61;font-size:11.6px}
.hm-atlas-submit{
  display:grid;
  grid-template-columns:minmax(0,8fr) minmax(220px,4fr);
  gap:12px;
  align-items:center;
  margin-top:12px;
  padding:15px;
  border-radius:17px;
  background:linear-gradient(135deg,var(--g850),var(--g700));
  color:#fff;
}
.hm-atlas-submit h2,.hm-atlas-submit p{color:#fff}
.hm-atlas-submit-box{
  padding:10px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:12px;
  background:rgba(255,255,255,.07);
  color:#fff;
}
.hm-atlas-submit-box strong{display:block;margin-bottom:4px}
.hm-atlas-submit-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.hm-atlas-submit-actions a{
  padding:7px 10px;
  border-radius:999px;
  background:#fff;
  color:#214e2e;
}
.hm-atlas-submit-actions a:first-child{background:var(--orange);color:#fff}

/* LIGHTBOX - JS enhancement, normal href is fallback */
.hm-atlas-lightbox{
  position:fixed;
  z-index:999999;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(8,20,12,.92);
}
.hm-atlas-lightbox[aria-hidden="false"]{display:flex}
.hm-atlas-lightbox-stage{
  display:flex;
  width:min(94vw,1450px);
  height:88vh;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:15px;
  background:#f8faf6;
  box-shadow:0 22px 70px rgba(0,0,0,.42);
}
.hm-atlas-lightbox-stage img{width:100%;height:100%;object-fit:contain}
.hm-atlas-lightbox-close{
  position:fixed;
  top:15px;
  right:18px;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:var(--g850);
  cursor:pointer;
  font-size:23px;
  font-weight:800;
}

/* ACCESSIBILITY */
.hm-atlas :focus-visible{outline:3px solid rgba(228,111,26,.36);outline-offset:2px}
.hm-atlas-sr{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* RESPONSIVE */
@media(max-width:1050px){
  .hm-atlas-hero{grid-template-columns:minmax(0,6fr) minmax(260px,4fr)}
  .hm-atlas-main{grid-template-columns:190px minmax(0,1fr)}
  .hm-atlas-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .hm-atlas-main{grid-template-columns:1fr}
  .hm-atlas-sidebar{display:none}
  .hm-atlas-entry-body{grid-template-columns:minmax(190px,4fr) minmax(0,8fr)}
  .hm-atlas-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hm-atlas-count{grid-column:1/-1;justify-content:flex-start}
  .hm-atlas-tool{top:0}
}
@media(max-width:700px){
  .hm-atlas{font-size:12.5px}
  .hm-atlas h1{font-size:23px}
  .hm-atlas h2{font-size:16.5px}
  .hm-atlas-hero{grid-template-columns:1fr;padding:16px}
  .hm-atlas-hero-side{padding:10px}
  .hm-atlas-section{padding:12px}
  .hm-atlas-tool{margin-left:0;margin-right:0;padding:8px;border-radius:13px}
  .hm-atlas-search-row{grid-template-columns:1fr}
  .hm-atlas-reset{min-height:36px}
  .hm-atlas-filter-row{grid-template-columns:1fr 1fr}
  .hm-atlas-field:nth-child(3){grid-column:1/-1}
  .hm-atlas-count{grid-column:1/-1}
  .hm-atlas-entry>summary{grid-template-columns:54px minmax(0,1fr) auto;gap:8px;min-height:70px;padding:7px 8px}
  .hm-atlas-entry-thumb{width:54px;height:50px}
  .hm-atlas-entry-body{grid-template-columns:1fr;padding:9px}
  .hm-atlas-media{max-width:440px}
  .hm-atlas-identity{grid-template-columns:1fr 1fr}
  .hm-atlas-local-row{grid-template-columns:1fr auto}
  .hm-atlas-local-row>*:nth-child(2),.hm-atlas-local-row>*:nth-child(4){grid-column:1/-1}
  .hm-atlas-principles,.hm-atlas-method-grid{grid-template-columns:1fr}
  .hm-atlas-submit{grid-template-columns:1fr;padding:13px}
}
@media(max-width:430px){
  .hm-atlas-filter-row{grid-template-columns:1fr}
  .hm-atlas-field:nth-child(3){grid-column:auto}
  .hm-atlas-identity{grid-template-columns:1fr}
  .hm-atlas-entry-title h3{font-size:13.7px}
  .hm-atlas-name-table th{width:102px}
}
@media(prefers-reduced-motion:reduce){
  .hm-atlas *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}