/* =========================================================
   Белые блоки и заголовки на фото поверх темы «Облако» (dg-cf.css).
   Тон назначает views/partials/blocks.ejs: обёртка .dg-tone--light
   переопределяет токены, и блок внутри рисуется белым с чёрным текстом.
   Откат: убрать подключение этого файла в site-top.ejs.
   ========================================================= */

/* ---------- Белый тон ---------- */
.dg-tone--light{
  --dg-paper:#FFFFFF;
  --dg-surface:#F5F4F2;
  --dg-raise:#FFFFFF;
  --dg-line:#E6E3E0;
  --dg-line-2:#D3CFCB;
  --dg-ink:#111111;
  --dg-ink-2:#3B3836;
  --dg-ink-3:#6E6864;
  --dg-muted:#A9A39F;
  background:var(--dg-paper);
  color:var(--dg-ink);
  color-scheme:light;
}
.dg-tone--light ::selection{background:var(--dg-accent);color:#fff}
.dg-tone--light .dg-kicker{background:rgba(255,81,25,.07);border-color:rgba(255,81,25,.6)}
/* стыки: белый блок отделён от тёмного без двойной линии */
.dg-tone--light > .dg-sec:last-child{border-bottom-color:var(--dg-line)}

/* ---------- Заголовок на фоновом фото ---------- */
.dg-bghead{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(320px,46vh,560px);
  display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;
  padding:clamp(72px,9vw,140px) var(--dg-pad)!important}
.dg-bghead__img{position:absolute;inset:0;z-index:-2;background:#0d0c0c center/cover no-repeat;transform:scale(1.04)}
.dg-bghead::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(120% 90% at 50% 50%,rgba(10,9,9,.35) 0%,rgba(10,9,9,.78) 100%),linear-gradient(180deg,rgba(10,9,9,.55),rgba(10,9,9,.2) 40%,rgba(10,9,9,.85))}
.dg-bghead__in{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:900px}
.dg-bghead .dg-kicker{margin:0;color:#fff!important;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.08);backdrop-filter:blur(6px)}
.dg-bghead .dg-h2{color:#fff;max-width:20ch}
.dg-bghead .dg-small{color:rgba(255,255,255,.78);max-width:60ch;font-size:clamp(15px,1.15vw,17px)}
.dg-bghead .dg-link{color:#fff}
/* заглушка, пока фото не загружено: «плёнка» с бликами, фактурой и номером фото в углу */
.dg-bghead--empty .dg-bghead__img{
  background:
    radial-gradient(42% 70% at 80% 28%,rgba(255,110,60,.55),transparent 70%),
    radial-gradient(38% 60% at 12% 90%,rgba(255,150,90,.30),transparent 70%),
    radial-gradient(30% 50% at 45% 10%,rgba(255,255,255,.10),transparent 70%),
    radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.3px) 0 0/12px 12px,
    repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 26px),
    linear-gradient(120deg,#2a2422,#151313 55%,#2b1d17)}
.dg-bghead--empty::before{background:radial-gradient(70% 70% at 50% 50%,rgba(10,9,9,.55),rgba(10,9,9,.15) 100%)}
.dg-bghead__code{position:absolute;right:var(--dg-pad);bottom:18px;font-family:var(--dg-mono);font-size:12px;letter-spacing:.08em;color:#fff;padding:5px 9px;border:1px dashed rgba(255,255,255,.5);border-radius:4px;background:rgba(0,0,0,.35)}
/* рамки фото в белом блоке: тёмная фактура вместо светлой */
.dg-tone--light .ph-empty{background:radial-gradient(rgba(0,0,0,.09) 1px,transparent 1.2px) 0 0/10px 10px,var(--dg-surface)}
.dg-bghead + .dg-sec{border-top:0}
@media (max-width:640px){
  .dg-bghead{min-height:300px;text-align:center}
  .dg-bghead__in{align-items:center}
}

/* ---------- Матовая фактура: мелкое зерно поверх обоих фонов ---------- */
/* Тёмный фон чуть теплее и мягче чистого чёрного, белый — тёплый матовый вместо глянцевого #fff */
:root{--dg-paper:#141312}
.dg-tone--light{--dg-paper:#FAF8F5;--dg-surface:#F1EEEA}
/* тёмный фон: лёгкая неравномерность, как у матовой бумаги */
.dg-sheet{background:
  radial-gradient(120% 60% at 50% 0%,rgba(255,240,230,.025),transparent 60%),
  var(--dg-paper)}
.dg-tone--light{background:
  radial-gradient(120% 70% at 50% 0%,rgba(255,255,255,.7),transparent 70%),
  var(--dg-paper)}
/* зерно: SVG-шум одним слоем на весь экран, клики проходят сквозь него */
body::after{content:"";position:fixed;inset:-50%;z-index:2147483000;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.6 -.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:220px 220px;opacity:.11}
@media print{body::after{display:none}}

/* ---------- Контраст: на оранжевом и тёмном фоне только светлый текст ---------- */
.dg-cta:not(.dg-cta--card) .dg-cta__contacts{color:rgba(255,255,255,.88)}
.dg-cta:not(.dg-cta--card) .dg-cta__contacts a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:4px}
.dg-cta:not(.dg-cta--card) .dg-cta__contacts a:hover{color:#fff;text-decoration-color:#fff}
/* приглушённый текст на тёмном фоне был почти не виден (контраст 2.5): светлее, но не ярче основного */
.dg-sheet{--dg-muted:#857D79}
.dg-tone--light{--dg-muted:#8A847F}
.dg-split__card .dg-text{color:var(--dg-ink-3)}
.dg-cta:not(.dg-cta--card) .dg-cta__contacts{color:#fff}