/* ============================================================
   nast2026.css - НОВЫЙ дизайн формы настроек (модуль nast.php).
   Подключается из САМОГО nast.php - поэтому форма выглядит одинаково
   на всех страницах-включениях (главная, nasts.php и любые будущие):
   новый дизайн утверждён автором для всего сайта (10.08.2026).
   Образец: форма «Данные рождения» из app/index.html (hem-switch и др.).
   Все правила заперты на form[name=nastform] - остальная страница не
   затрагивается; палитра продублирована переменными на самой форме,
   т.к. на старом каркасе (nasts.php) index2026.css не загружается.
   Кодировка файла: windows-1251 (комментарии на русском).
   ============================================================ */

form[name=nastform]{
  /* палитра нового дизайна - локально для формы */
  --nd-bg:#faf3e3;         /* фон полей - светлая слоновая кость */
  --nd-ivory:#fffaf0;      /* фон рамок-карточек */
  --nd-ink:#452f1b;        /* основной текст */
  --nd-muted:#8d7148;      /* приглушённые подписи */
  --nd-gold:#b9862e;       /* золото - акценты */
  --nd-gold-deep:#8a5f14;  /* тёмное золото */
  --nd-maroon:#7c2a1c;     /* марун - подзаголовки */
  --nd-line:rgba(150,108,42,.38); /* цвет рамок */
  font-family:"PT Sans",sans-serif;
  color:var(--nd-ink);
  font-size:16px;
}

/* ---------- рамки-разделы формы ---------- */
form[name=nastform] fieldset.ramas{
  border:1px dashed var(--nd-line);border-radius:11px;
  padding:1.1rem 1.3rem 1.25rem;margin:0 auto 1.3rem;
  background:var(--nd-ivory);line-height:1.7;
}
/* заголовок раздела - малые прописные, как легенды образца */
form[name=nastform] fieldset.ramas legend,
form[name=nastform] fieldset.ramas legend b{
  font-family:"PT Sans",sans-serif;font-weight:700;
  font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--nd-muted);
}
form[name=nastform] fieldset.ramas legend{padding:0 .5rem}
/* подзаголовки внутри разделов («Для отслеживания неба») - марун */
form[name=nastform] fieldset.ramas b{color:var(--nd-maroon)}
form[name=nastform] fieldset.ramas legend b{color:var(--nd-muted)} /* кроме легенды */

/* ---------- текстовые метки полей (как подписи полей образца) ---------- */
form[name=nastform] .f-label{
  display:block;margin:1rem 0 .4rem;
  font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--nd-muted);font-weight:700;
}

/* ---------- поля: селекты и текстовые ---------- */
form[name=nastform] select,
form[name=nastform] input[type=text]{
  font-family:"PT Sans",sans-serif;font-size:.95rem;color:var(--nd-ink);
  background:var(--nd-bg);border:1px solid var(--nd-line);border-radius:9px;
  padding:.42rem .6rem;margin:3px 6px 3px 0;
}
form[name=nastform] select:focus,
form[name=nastform] input[type=text]:focus{
  outline:none;border-color:var(--nd-gold);
  box-shadow:0 0 0 3px rgba(185,134,46,.22);
}
/* группы координат (Ш: ... / Д: ...) - цельные, с зазором между группами */
form[name=nastform] nobr{display:inline-block;margin:2px 12px 2px 0}
/* значки градусов и минут - золотые, как в образце (.deg-wrap i) */
form[name=nastform] sup{color:var(--nd-gold-deep);font-weight:700}

/* ---------- переключатели С-Ю / В-З - пилюля из образца (hem-switch) ---------- */
form[name=nastform] .hem-switch{
  display:inline-flex;border:1px solid var(--nd-line);border-radius:999px;
  overflow:hidden;background:var(--nd-bg);vertical-align:middle;
  margin:3px 6px 3px 2px;
}
form[name=nastform] .hem{position:relative;cursor:pointer;margin:0}
/* радиокнопка скрыта, но остаётся в форме - POST-значения прежние (N/S, E/W) */
form[name=nastform] .hem input{position:absolute;opacity:0;width:1px;height:1px}
form[name=nastform] .hem span{
  display:flex;align-items:center;justify-content:center;line-height:1;padding:.42rem 1.05rem; /* центрирование буквы в своей зоне (наказ автора 14.08.2026; было display:block) */
  font-family:"PT Sans",sans-serif;font-weight:700;font-size:.92rem;
  color:var(--nd-muted);
  transition:background .25s ease,color .25s ease;
}
form[name=nastform] .hem:hover span{color:var(--nd-gold-deep)}
/* активная половинка - золото, как активная кнопка образца */
form[name=nastform] .hem input:checked + span{
  background:linear-gradient(135deg,#d3a344 0%,#a97b1f 55%,#8a5f14 100%);
  color:#fff8ea;
}
form[name=nastform] .hem input:focus-visible + span{
  outline:2px solid var(--nd-gold);outline-offset:-2px;
}

/* ---------- флажок с золотой обёрткой и галочкой ----------
   Метка кликабельна: весь блок - label (наказ автора 10.08.2026) */
form[name=nastform] .nd-check{
  display:inline-flex;align-items:center;gap:.55rem;
  cursor:pointer;margin:.6rem 0;text-align:left;
}
form[name=nastform] .nd-check input{position:absolute;opacity:0;width:1px;height:1px}
/* золотая коробочка */
form[name=nastform] .ndc-box{
  width:22px;height:22px;flex:0 0 22px;border-radius:6px;position:relative;
  border:1px solid var(--nd-gold);background:var(--nd-ivory);
  box-shadow:inset 0 1px 2px rgba(90,58,16,.15);
  transition:background .2s ease,border-color .2s ease;
}
form[name=nastform] .nd-check input:checked + .ndc-box{
  background:linear-gradient(135deg,#d3a344 0%,#a97b1f 55%,#8a5f14 100%);
  border-color:var(--nd-gold-deep);
}
/* галочка из двух штрихов (символа галочки нет в cp1251) */
form[name=nastform] .ndc-box::after{
  content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;
  border:solid #fff8ea;border-width:0 2px 2px 0;transform:rotate(45deg);
  opacity:0;transition:opacity .15s ease;
}
form[name=nastform] .nd-check input:checked + .ndc-box::after{opacity:1}
form[name=nastform] .nd-check input:focus-visible + .ndc-box{
  outline:2px solid var(--nd-gold);outline-offset:2px;
}
form[name=nastform] .ndc-txt{font-size:.95rem;color:var(--nd-ink)}
form[name=nastform] .nd-check:hover .ndc-txt{color:var(--nd-maroon)}

/* ---------- поиск города по локальной базе (поле + выпадающий список) ---------- */
form[name=nastform] .nd-city-wrap{position:relative;display:inline-block;text-align:left}
form[name=nastform] input.nd-city{width:min(340px,80vw)}
form[name=nastform] .nd-city-list{
  position:absolute;top:100%;left:0;z-index:60;display:none;
  min-width:100%;max-height:240px;overflow-y:auto;
  background:var(--nd-ivory);border:1px solid rgba(185,134,46,.55);
  border-radius:10px;box-shadow:0 16px 34px -14px rgba(90,58,16,.55);
  margin-top:4px;
}
form[name=nastform] .nd-city-item{
  display:block;padding:.45rem .75rem;cursor:pointer;white-space:nowrap;
  border-bottom:1px dashed rgba(150,108,42,.22);
  font-size:.92rem;color:var(--nd-ink);
}
form[name=nastform] .nd-city-item:last-child{border-bottom:none}
form[name=nastform] .nd-city-item:hover{background:rgba(217,184,119,.25);color:var(--nd-maroon)}
form[name=nastform] .nd-city-item.nd-city-active{background:rgba(217,184,119,.25);color:var(--nd-maroon)} /* пункт, выбранный стрелками с клавиатуры (17.08.2026) */
form[name=nastform] .nd-city-item small{color:var(--nd-muted);font-size:.82em}

/* ---------- разделительная черта и кнопка ---------- */
form[name=nastform] hr{
  border:none;height:1px;width:160px;margin:.7rem auto;
  background:linear-gradient(90deg,transparent,var(--nd-gold),transparent);
}
/* кнопка «Запомнить все» - золотая пилюля (нужна и на страницах старого
   каркаса, где index2026.css не загружается) */
form[name=nastform] input[type=submit].nastbtn{
  font-family:"PT Sans",sans-serif;font-size:.95rem;font-weight:700;color:#fff8ea;
  background:linear-gradient(135deg,#d3a344 0%,#a97b1f 55%,#8a5f14 100%);
  border:none;border-radius:999px;padding:.65rem 1.9rem;cursor:pointer;
  letter-spacing:.04em;margin:10px 4px;
  box-shadow:0 10px 22px -10px rgba(138,95,20,.65), inset 0 1px 0 rgba(255,240,200,.5);
  transition:transform .2s ease, box-shadow .2s ease;
}
form[name=nastform] input[type=submit].nastbtn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 26px -11px rgba(138,95,20,.7);
}
form[name=nastform] .nd-city-item{padding-left:22px;position:relative} /* место под значок локации (наказ автора 17.08.2026) */
form[name=nastform] .nd-city-item:before{content:'';position:absolute;left:5px;top:50%;margin-top:-7px;width:12px;height:14px;background:url('/img/nd-city-pin.svg') no-repeat;background-size:12px 14px} /* пин локации по образу Google Places прежней версии сайта lagna.ru (наказ автора 17.08.2026) */