/* Self-hosted EB Garamond (cyrillic subsets only) */
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/eb-garamond-cyrillic-400-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/eb-garamond-cyrillic-500-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/eb-garamond-cyrillic-400-italic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}

/* ============================================================
   bible-theme.css — «библейский стиль»: пергамент и устав.
   Слой переопределений поверх inline-стилей страниц.
   Подключается ПОСЛЕДНИМ в <head> -> побеждает по каскаду;
   спорные места закрыты !important.
   ============================================================ */

/* ---------- 1. Палитра: пергамент, чернила, тёмное золото ---------- */
:root{
  --color-bg:#f2ead9;
  --color-bg-secondary:#ece2cc;
  --color-bg-elevated:#f7f0e0;
  --color-surface:#f7f0e0;
  --color-surface-2:#efe4cf;
  --color-gold:#8a6a2f;
  --color-gold-light:#a98341;
  --color-gold-deep:#6b4f1d;
  --color-text:#2e2417;
  --color-text-muted:#6b5b41;
  --color-border:rgba(107,79,29,.28);
}

/* ---------- 2. Фон: лист пергамента ---------- */
html{ background:#e9dec6; }
body{
  background:
    radial-gradient(1200px 500px at 50% -8%, rgba(255,251,240,.95), rgba(255,251,240,0) 60%),
    linear-gradient(180deg, #f4ecdb 0%, #efe4cd 55%, #e9dec6 100%) !important;
  background-attachment:fixed !important;
  color:#2e2417 !important;
}

/* Рамка-орнамент по периметру окна */
html::after{
  content:'';
  position:fixed; inset:8px;
  border:1px solid rgba(107,79,29,.35);
  outline:3px double rgba(107,79,29,.22);
  outline-offset:3px;
  pointer-events:none;
  z-index:2147483000;
}
@media (max-width:768px){ html::after{ inset:5px; } }

/* ---------- 3. Типографика: уставной шрифт ---------- */
body, p, li, dd, dt, td, th, label, figcaption, small, span{
  font-family:'EB Garamond', Georgia, 'Times New Roman', serif !important;
}
h1, h2, h3, h4, h5, h6{
  font-family:'EB Garamond', Georgia, serif !important;
  font-variant-caps:small-caps;
  letter-spacing:.03em;
  color:#2e2417 !important;
}
p{ line-height:1.7; }

/* Заголовки на фото (hero) остаются светлыми */
.hero h1, .hero h2, .hero p{ color:#fff8ea; }
.hero h1, .hero h2{ text-shadow:0 2px 6px rgba(0,0,0,.5); }

/* Золотые градиентные надписи -> тёмное золото (читаемость на пергаменте) */
[class*="gold"], .section-title span{
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  -webkit-text-fill-color:initial !important;
  color:#6b4f1d !important;
}

/* ---------- 4. Ссылки и кнопки ---------- */
a{ color:#6b4f1d; }
a:hover{ color:#8a6a2f; }

.btn, button, [class*="btn"]{
  font-family:'EB Garamond', Georgia, serif !important;
  font-variant-caps:small-caps;
  letter-spacing:.05em;
  background-color:#8a6a2f !important;
  border:1px solid #6b4f1d !important;
  color:#fff8ea !important;
}
.btn:hover, button:hover, [class*="btn"]:hover{ background-color:#6b4f1d !important; }

/* ---------- 5. Формы ---------- */
input, select, textarea{
  background:#fbf6ea !important;
  color:#2e2417 !important;
  border:1px solid rgba(107,79,29,.35) !important;
  font-family:'EB Garamond', Georgia, serif !important;
}
input::placeholder, textarea::placeholder{ color:#8a7a5f; }

/* ---------- 6. Нижняя навигация ---------- */
.bottom-nav{
  background:rgba(247,240,224,.96) !important;
  border-top:1px solid rgba(107,79,29,.35) !important;
  box-shadow:0 -2px 10px rgba(46,36,23,.15) !important;
}
.bottom-nav-item{
  color:#2e2417 !important;
  background:rgba(107,79,29,.08) !important;
}
.bottom-nav-item:hover, .bottom-nav-item.active{
  background:#8a6a2f !important;
  color:#fff8ea !important;
}

/* ---------- 7. Стих из Писания (index.html) ---------- */
.scripture-verse{
  text-align:center;
  font-style:italic;
  font-size:1.15rem;
  color:#6b4f1d;
  max-width:36em;
  margin:.9em auto 0;
}
.scripture-ref{
  display:block;
  font-style:normal;
  font-variant:small-caps;
  letter-spacing:.14em;
  font-size:.8em;
  margin-top:.35em;
  color:#6b5b41;
}
.scripture-verse::before,
.scripture-verse::after{
  content:'\2726';
  display:block;
  font-style:normal;
  color:#a98341;
  font-size:.85em;
  margin:.45em 0;
}
.site-footer{background:#2e2417 !important;color:#f2ead9 !important;}
.site-footer a{color:#a98341;}

/* ============ UNIFIED HEADER — канон index.html (var() инlined, каскад после inline-стилей страниц) ============ */
body{padding-top:0 !important;}
header.site-header{box-shadow:none;}
/* ============ HEADER ============ */ .site-header{position:sticky;top:0;z-index:100;
  background:rgba(10,10,11,.55);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;
  transition:background .35s,border-color .35s;}
.site-header.is-scrolled{background:rgba(10,10,11,.94);border-color:rgba(201,168,92,.18)}
.header-inner{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.2rem);min-height:78px;transition:min-height .3s cubic-bezier(.22,.61,.36,1)}
.is-scrolled .header-inner{min-height:62px}
.brand{display:flex;align-items:center;gap:.8rem;margin-right:auto}
.brand__mark{width:42px;height:42px;flex:0 0 auto;color:#c9a85c}
.brand__name{display:block;font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-weight:700;font-size:1.02rem;letter-spacing:.06em;line-height:1.15}
.brand__sub{display:block;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:#c9a85c}
.main-nav ul{display:flex;gap:clamp(.4rem,1.4vw,1.4rem)}
.main-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 .55em;
  font-size:.86rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#b2ada3;
  position:relative;transition:color .25s;}
.main-nav a::after{content:"";position:absolute;left:.55em;right:.55em;bottom:8px;height:1px;background:#c9a85c;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:#e6cf9c}
.main-nav a:hover::after,.main-nav a[aria-current="page"]::after{transform:scaleX(1)}
.header-phone{font-weight:700;font-size:.92rem;color:#ece9e2;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}
.header-phone:hover{color:#e6cf9c}
.burger{display:none;width:48px;height:48px;position:relative;z-index:210;border-radius:10px}
.burger span,.burger span::before,.burger span::after{content:"";position:absolute;left:50%;width:22px;height:2px;background:#c9a85c;
  transform:translateX(-50%);transition:transform .3s cubic-bezier(.22,.61,.36,1),top .3s cubic-bezier(.22,.61,.36,1);}
.burger span{top:50%;margin-top:-1px}
.burger span::before{top:-7px;left:0}
.burger span::after{top:7px;left:0}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{top:0;transform:translateX(-50%) rotate(45deg)}
.burger[aria-expanded="true"] span::after{top:0;transform:translateX(-50%) rotate(-45deg)}
@media(max-width:1023px){.burger{display:block}
.header-phone{display:none}
.main-nav{position:fixed;inset:0;z-index:200;background:rgba(8,8,10,.98);
    display:flex;flex-direction:column;justify-content:center;padding:96px clamp(24px,8vw,64px) 48px;
    opacity:0;visibility:hidden;transform:translateY(-12px);
    transition:opacity .35s cubic-bezier(.22,.61,.36,1),transform .35s cubic-bezier(.22,.61,.36,1),visibility .35s;}
.main-nav.is-open{opacity:1;visibility:visible;transform:none}
.main-nav ul{flex-direction:column;gap:.2rem}
.main-nav a{font-size:1.25rem;font-family:"Playfair Display",Georgia,"Times New Roman",serif;text-transform:none;letter-spacing:.03em;min-height:52px}
.main-nav a::after{bottom:4px}
.nav-cta{margin-top:2.2rem;display:flex;flex-direction:column;gap:.9rem}
.nav-cta .header-phone{display:inline-flex;color:#e6cf9c;font-size:1.05rem}}
@media(min-width:1024px){.nav-cta{display:none}}
.footer-brand p{color:#b2ada3;font-size:.92rem;margin-top:1rem;max-width:38ch}