/* «Алмазная карта» — ВСЕ стили строго в скоупе .almaz (урок Панчанга-календаря: WP ничего не перепишет) */
body{margin:0;background:#0d1020}
.almaz{min-height:100vh;background:radial-gradient(1200px 600px at 50% -100px,#1b2240 0%,#0d1020 60%);
  color:#e9e7df;font-family:Georgia,'Times New Roman',serif;padding:32px 16px 64px}
.almaz *{box-sizing:border-box}
.almaz .wrap{max-width:920px;margin:0 auto}
.almaz .head{text-align:center;margin-bottom:22px}
.almaz .head h1{font-size:26px;letter-spacing:2px;margin:0 0 6px;color:#e9d8a6;font-weight:normal}
.almaz .head .sub{color:#9aa3c0;font-size:14px;letter-spacing:1px}
.almaz .meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0 8px}
.almaz .chip{background:#161b30;border:1px solid #2a3354;border-radius:20px;padding:7px 14px;font-size:13px;color:#cfd5ea}
.almaz .chip b{color:#e9d8a6;font-weight:normal}
.almaz .grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px;align-items:start}
@media(max-width:760px){.almaz .grid{grid-template-columns:minmax(0,1fr)}}
.almaz .card{background:#12162a;border:1px solid #232c4e;border-radius:14px;padding:20px 22px}
.almaz .card h2{font-size:15px;letter-spacing:2px;color:#e9d8a6;margin:0 0 14px;text-transform:uppercase;font-weight:normal}
.almaz .card > svg{display:block;width:100%;max-width:100%;height:auto}
.almaz table{width:100%;border-collapse:collapse;font-size:14px}
.almaz th{color:#8d96b8;font-weight:normal;text-align:left;padding:6px 8px;border-bottom:1px solid #232c4e;font-size:12px;letter-spacing:1px}
.almaz td{padding:7px 8px;border-bottom:1px solid #1a2140;color:#dfe3f2}
.almaz td.deg{color:#9aa3c0;font-variant-numeric:tabular-nums}
.almaz td.nak{color:#bca96b}
.almaz .txt{font-size:15px;line-height:1.65;color:#d9dcea}
.almaz .txt b{color:#e9d8a6;font-weight:normal}
.almaz .yoga{margin:0 0 14px;padding-left:16px;border-left:2px solid #c9a227}
.almaz .yoga .yt{color:#e9d8a6;font-size:14px;letter-spacing:1px;margin-bottom:3px}
.almaz .portrait{background:linear-gradient(180deg,#171d36,#12162a);border:1px solid #2c365e}
.almaz .note{margin-top:30px;text-align:center;color:#6c7494;font-size:12px;letter-spacing:.5px}
.almaz .full{grid-column:1/-1}
/* SVG-иконки */
.almaz .ic{display:inline-block;width:15px;height:15px;stroke:#c9a227;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px;margin-right:7px}
.almaz .icf{fill:#c9a227;stroke:none}
.almaz h2 .ic{width:17px;height:17px;vertical-align:-3px;margin-right:9px;stroke:#e9d8a6}
.almaz h2 .icf{fill:#e9d8a6}
.almaz h1 .ic{width:18px;height:18px;vertical-align:-2px;margin:0 10px;stroke:none}
.almaz h1 .icf{fill:#e9d8a6}

/* ── ФОРМА ВВОДА ─────────────────────────────────────────────── */
.almaz .form{background:#12162a;border:1px solid #2c365e;border-radius:14px;padding:22px;margin:0 auto;max-width:640px}
.almaz .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
@media(max-width:560px){.almaz .frow{grid-template-columns:1fr}}
.almaz label{display:block;font-size:12px;letter-spacing:1.5px;color:#8d96b8;margin-bottom:6px;text-transform:uppercase}
/* свои инпуты с защитой от стилей темы WP (урок UDesign: глобальный select!important) */
.almaz input[type=date].fi,.almaz input[type=time].fi,.almaz input[type=text].fi{
  -webkit-appearance:none;appearance:none;width:100%;height:46px;background:#0e1226;border:1px solid #2a3354;
  border-radius:10px;color:#e9e7df;font-family:inherit;font-size:16px;padding:0 14px;outline:none}
.almaz input.fi:focus{border-color:#c9a227}
.almaz input.fi::-webkit-calendar-picker-indicator{filter:invert(.8) sepia(.5)}
.almaz .citybox{position:relative}
.almaz .sugg{position:absolute;left:0;right:0;top:100%;z-index:30;background:#161b30;border:1px solid #2a3354;
  border-radius:10px;margin-top:4px;overflow:hidden;display:none}
.almaz .sugg div{padding:10px 14px;font-size:14px;color:#dfe3f2;cursor:pointer}
.almaz .sugg div:hover{background:#1d2440}
.almaz .sugg small{color:#8d96b8}
.almaz .btn{display:block;width:100%;height:50px;border:none;border-radius:10px;cursor:pointer;
  background:linear-gradient(135deg,#c9a227,#e9d8a6);color:#171717;font-family:inherit;font-size:16px;letter-spacing:2px}
.almaz .btn:disabled{opacity:.55;cursor:wait}
.almaz .err{color:#e08989;font-size:13px;margin-top:10px;display:none;text-align:center}
.almaz #result{display:none}
.almaz .loading{display:none;text-align:center;color:#bca96b;margin-top:20px;letter-spacing:1px;font-size:14px}
.almaz .geonote{font-size:12px;color:#6c7494;margin-top:6px}

/* ── РЯД ЧИПОВ ШИРЕ КОЛОНКИ (на десктопе все 6 в одну линию, без переноса) ── */
@media(min-width:1100px){
  .almaz .meta{width:1240px;max-width:calc(100vw - 48px);position:relative;left:50%;transform:translateX(-50%);flex-wrap:nowrap;justify-content:center}
  .almaz .meta .chip{white-space:nowrap}
}

/* ── АНИМАЦИИ (лёгкие, в скоупе) ── */
@keyframes alzUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes alzDraw{to{stroke-dashoffset:0}}
@keyframes alzFadeIn{to{opacity:1}}
@keyframes alzPulse{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes alzTwinkle{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}
.almaz h1 .ic{animation:alzTwinkle 2.6s ease-in-out infinite}
.almaz .loading{animation:alzPulse 1.2s ease-in-out infinite}
.almaz .btn{transition:box-shadow .25s ease,transform .15s ease}
.almaz .btn:hover{box-shadow:0 0 26px rgba(201,162,39,.45);transform:translateY(-1px)}
.almaz #result .chip{animation:alzUp .5s ease both}
.almaz #result .chip:nth-child(1){animation-delay:.05s}
.almaz #result .chip:nth-child(2){animation-delay:.12s}
.almaz #result .chip:nth-child(3){animation-delay:.19s}
.almaz #result .chip:nth-child(4){animation-delay:.26s}
.almaz #result .chip:nth-child(5){animation-delay:.33s}
.almaz #result .chip:nth-child(6){animation-delay:.40s}
.almaz #result .card{animation:alzUp .6s ease both}
.almaz #result .card:nth-child(1){animation-delay:.15s}
.almaz #result .card:nth-child(2){animation-delay:.25s}
.almaz #result .card:nth-child(3){animation-delay:.35s}
.almaz #result .card:nth-child(4){animation-delay:.45s}
.almaz #result .card:nth-child(5){animation-delay:.55s}
.almaz #result .card:nth-child(6){animation-delay:.65s}
.almaz .card > svg rect,.almaz .card > svg line,.almaz .card > svg polygon{stroke-dasharray:2400;stroke-dashoffset:2400;animation:alzDraw 1.8s ease .3s forwards}
.almaz .card > svg text{opacity:0;animation:alzFadeIn .7s ease 1.1s forwards}

/* ── АСТРО-ФОН: звёзды, туманности, орбиты, комета (за контентом, лёгкий) ── */
.almaz{position:relative;overflow:hidden}
.almaz .wrap{position:relative;z-index:2}
.alz-sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.alz-stars{position:absolute;inset:-60px;border-radius:50%}
.alz-stars.s1{animation:alzTw1 3.8s ease-in-out infinite, alzDrift 90s ease-in-out infinite alternate}
.alz-stars.s2{animation:alzTw2 5.6s ease-in-out infinite, alzDrift 120s ease-in-out infinite alternate-reverse}
.alz-stars.s3{animation:alzTw1 7.4s ease-in-out infinite reverse, alzDrift 150s ease-in-out infinite alternate}
@keyframes alzTw1{0%,100%{opacity:.9}50%{opacity:.45}}
@keyframes alzTw2{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes alzDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(26px,-18px,0)}}
.alz-nebula{position:absolute;border-radius:50%;filter:blur(70px);opacity:.16}
.alz-nebula.n1{width:560px;height:560px;left:-160px;top:8%;background:radial-gradient(circle,#c9a227 0%,transparent 65%);animation:alzNeb 26s ease-in-out infinite alternate}
.alz-nebula.n2{width:640px;height:640px;right:-200px;top:46%;background:radial-gradient(circle,#4a5ab8 0%,transparent 65%);animation:alzNeb 34s ease-in-out infinite alternate-reverse}
@keyframes alzNeb{from{opacity:.10;transform:scale(1)}to{opacity:.22;transform:scale(1.12)}}
.alz-orbit{position:absolute;left:50%;top:-340px;transform:translateX(-50%);opacity:.5}
.alz-orbit .ring{transform-origin:50% 50%}
.alz-orbit .r1{animation:alzSpin 140s linear infinite}
.alz-orbit .r2{animation:alzSpin 90s linear infinite reverse}
@keyframes alzSpin{to{transform:rotate(360deg)}}
.alz-comet{position:absolute;top:12%;left:-12%;width:170px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,rgba(233,216,166,.85));transform:rotate(14deg);opacity:0;
  animation:alzComet 16s ease-in 4s infinite}
@keyframes alzComet{0%{opacity:0;transform:translate3d(0,0,0) rotate(14deg)}2%{opacity:.9}9%{opacity:0;transform:translate3d(120vw,32vh,0) rotate(14deg)}100%{opacity:0;transform:translate3d(120vw,32vh,0) rotate(14deg)}}
@media (prefers-reduced-motion: reduce){
  .alz-sky *{animation:none !important}
}
.alz-orbit .ring{transform-origin:450px 450px}
/* отступ сверху над заголовком */
.almaz{padding-top:72px}

/* ── РЕЖИМ ВСТРАИВАНИЯ В WP (.almaz-embed): фон-небо внутри блока, не на всю страницу ── */
.almaz.almaz-embed{min-height:auto;border-radius:18px;padding-top:56px}
.almaz.almaz-embed .alz-sky{position:absolute}
.almaz .head .alz-h1{font-size:26px;letter-spacing:2px;margin:0 0 6px;color:#e9d8a6;font-weight:normal;line-height:1.2}
.almaz .alz-h1 .ic{width:18px;height:18px;vertical-align:-2px;margin:0 10px;stroke:none;animation:alzTwinkle 2.6s ease-in-out infinite}
.almaz .alz-h1 .icf{fill:#e9d8a6}
.almaz .ai-wait{display:inline-block;color:#bca96b;animation:alzPulse 1.2s ease-in-out infinite}

/* ── ДОПОЛНИТЕЛЬНЫЕ НАСТРОЙКИ (аккордеон) + бронированные селекты ── */
.almaz .adv{margin:2px 0 14px;border:1px solid #232c4e;border-radius:10px;background:#0e1226}
.almaz .adv summary{cursor:pointer;list-style:none;padding:13px 16px;font-size:12px;letter-spacing:1.5px;color:#8d96b8;text-transform:uppercase}
.almaz .adv summary::-webkit-details-marker{display:none}
.almaz .adv summary::after{content:'▾';float:right;color:#c9a227;transition:transform .2s ease}
.almaz .adv[open] summary::after{transform:rotate(180deg)}
.almaz .adv .frow{padding:0 14px;margin-bottom:12px}
.almaz select.fs{-webkit-appearance:none !important;appearance:none !important;width:100%;height:46px;
  background:#0e1226 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23c9a227' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 13px center/12px 8px !important;
  border:1px solid #2a3354 !important;border-radius:10px;color:#e9e7df !important;font-family:inherit !important;
  font-size:15px !important;padding:0 36px 0 12px !important;outline:none;line-height:44px}
.almaz select.fs:focus{border-color:#c9a227 !important}
.almaz select.fs option{background:#161b30;color:#e9e7df}
.almaz .cklab{display:block;font-size:12px;letter-spacing:1.5px;color:#8d96b8;text-transform:uppercase;margin-bottom:6px;cursor:pointer}
.almaz .cklab input[type=checkbox]{accent-color:#c9a227;margin-right:7px;vertical-align:-2px;width:15px;height:15px}
.almaz .coords{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.almaz .coords input:disabled{opacity:.4}

/* 07.07.2026: подсветка полей с ошибкой */
.almaz .fi-err{border-color:#e05252!important;box-shadow:0 0 0 2px rgba(224,82,82,.22)!important;animation:almazShake .3s ease}
@keyframes almazShake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}

/* 11.07.2026: список планет по знакам и домам под алмазной картой (Роман) */
.almaz .alz-planets{margin-top:16px;border-top:1px solid #232c4e;padding-top:14px}
.almaz .alz-planets-h{font-size:12px;letter-spacing:2px;color:#8d96b8;text-transform:uppercase;margin-bottom:10px}
.almaz .alz-plrow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;border-bottom:1px dashed rgba(35,44,78,.7);font-size:14px}
.almaz .alz-plrow:last-child{border-bottom:none}
.almaz .alz-plname{color:#d9dcea}
.almaz .alz-plval{color:#e9d8a6;text-align:right}
.almaz .alz-plname{flex:0 0 auto}
.almaz .alz-d9note{margin-top:14px;font-size:12.5px;line-height:1.5;color:#8d96b8}
@media(max-width:520px){.almaz .alz-plrow{flex-direction:column;gap:2px}.almaz .alz-plval{text-align:left}}
/* 13.07.2026: мобильная вёрстка — таблица и карта не должны вылазить за экран (Роман).
   table-layout:fixed + перенос длинных значений (накшатры) держат ширину в пределах экрана. */
@media(max-width:600px){
  .almaz .card{padding:16px 13px}
  .almaz table{table-layout:fixed;font-size:12.5px}
  .almaz th,.almaz td{padding:6px 5px;word-break:break-word;white-space:normal}
  .almaz td.deg{font-size:12px}
}
.almaz .ai-retry{color:#7ad7c2;text-decoration:underline;cursor:pointer}