/* Private Island Resorts — поиск и языковая полоса.

   Цвета переписаны, а не переназначены. Комплект нёс бордовое сукно
   (#401b16 / #351511) под тёмный сайт; здесь фон белый, и те значения дали бы
   тёмное по тёмному. Проверено (WCAG, к белому #FFFFFF и к наведению #EEF2EF):

     текст   #2F4A3C — 9.70 / 8.58
     код     #46705A — 5.64 / 4.99
     секция  #6E8177 — 4.14 / 3.67

   Sage #7B9E87 в тексте не используется: 2.96 к белому, AA не проходит.
   Он остаётся только линиями и рамками, где контраст не нормируется. */

:root{
  --pir-panel:#FFFFFF;
  --pir-hover:#EEF2EF;
  --pir-rule:#DCE4DE;
  --pir-line:#7B9E87;
  --pir-text:#2F4A3C;
  --pir-mute:#6E8177;
  --pir-code:#46705A;
}

/* ── Поле поиска ─────────────────────────────────────────────────── */

.lookup{position:relative;width:100%;max-width:960px;margin:26px auto 0}
/* width:100% обязателен: на главной экран — flex-колонка с align-items:center,
   а в ней блок сжимается по содержимому и max-width не срабатывает. */
.lookup input{width:100%;box-sizing:border-box;background:var(--pir-panel);
 border:0;border-bottom:1px solid var(--pir-rule);color:var(--pir-text);
 font-family:'Cormorant Garamond',Garamond,serif;font-weight:300;
 font-size:clamp(22px,3vw,36px);padding:18px 2px;
 border-radius:0;outline:none;transition:border-color .18s}
.lookup input:focus{border-bottom-color:var(--pir-line)}
.lookup input::placeholder{color:#A9B5AE}
.lookup .hint{font-family:'Jost',system-ui,sans-serif;font-size:10.5px;
 letter-spacing:.22em;text-transform:uppercase;color:var(--pir-mute);margin-top:12px}

.lkres{position:absolute;left:0;right:0;top:100%;z-index:40;background:var(--pir-panel);
 border:1px solid var(--pir-rule);border-top:1px solid var(--pir-line);
 max-height:62vh;overflow-y:auto;display:none;
 box-shadow:0 12px 32px rgba(47,74,60,.07)}
.lkres.on{display:block}
.lkres a{display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:14px;padding:13px 18px;
 border-top:1px solid var(--pir-rule);text-decoration:none;align-items:baseline}
.lkres a:first-child{border-top:none}
.lkres a:hover,.lkres a.sel{background:var(--pir-hover)}
.lkres .c{font-family:'Jost',system-ui,sans-serif;font-size:10px;
 letter-spacing:.08em;color:var(--pir-code)}
.lkres .kd{display:block;font-size:8.5px;letter-spacing:.2em;color:var(--pir-mute);
 font-weight:400;margin-bottom:3px;text-transform:uppercase}
.lkres .n{font-family:'Cormorant Garamond',Garamond,serif;font-size:21px;line-height:1.25;
 color:var(--pir-text);min-width:0}
.lkres .n small{color:var(--pir-mute);font-size:12.5px;font-style:italic}
.lkres .p{font-family:'Jost',system-ui,sans-serif;font-size:10px;
 letter-spacing:.16em;text-transform:uppercase;color:var(--pir-mute);white-space:nowrap;
 max-width:34ch;overflow:hidden;text-overflow:ellipsis}
.lkres .none{padding:18px 16px;color:var(--pir-mute);font-style:italic;
 font-family:'Cormorant Garamond',Garamond,serif;font-size:17px}

@media(max-width:640px){
  .lookup input{font-size:18px;padding:14px 2px}
  .lookup{margin-top:20px}
  /* три колонки на телефон не встают: код уходит, имя и страна остаются */
  .lkres a{grid-template-columns:1fr auto;gap:8px}
  .lkres .c{display:none}
}

/* ── Языковая полоса ─────────────────────────────────────────────── */

.lsw{display:flex;flex-wrap:wrap;gap:0;justify-content:flex-end}
.lsw a{font-family:'Jost',system-ui,sans-serif;font-size:9px;letter-spacing:.1em;
 color:var(--pir-mute);text-decoration:none;border:1px solid var(--pir-rule);
 padding:3px 6px;line-height:1.3;transition:color .15s,border-color .15s}
.lsw a+a{border-left:none}
.lsw a:hover{color:var(--pir-text);border-color:var(--pir-line)}
.lsw a.on{color:var(--pir-text);border-color:var(--pir-line)}
/* Машинные языки набраны тише настоящего издания: разница видима до нажатия. */
.lsw a.mt{opacity:.7}
.lsw a.mt:hover{opacity:1}
@media(max-width:900px){.lsw{display:none}}