/* =====================================================================
   Дигитална изложба „Георги Илиев“ – РАМКА НА СТРАНИЦАТА (frame.css)
   ---------------------------------------------------------------------
   Зарежда се само на страниците на тази изложба (след
   _shared/series-frame.css, ако такъв съществува). Правилата тук не
   засягат останалите страници на сайта.

   Това е единственото място със селектори на шаблона (Helix Ultimate):
   хедър, меню, фон, футър. При смяна на шаблона се пренаписва само този
   файл (и series-frame.css).

   Файловете на изложбите се зареждат ПРЕДИ CSS на шаблона, затова
   селекторите тук започват с "html body" за по-висока специфичност.

   Примери (изключени):

   html body #sp-header { background-color: #1f3a5f; }
   html body #sp-footer { background-color: #1f3a5f; }
   html body { background-color: #f7f1e1; }
   ===================================================================== */


/* Бутоните за споделяне в социални мрежи не се показват в изложбата.
   На останалите страници на сайта остават.
   !important е нужен: блокът има клас d-flex на Bootstrap,
   който задава display: flex !important. */
html body .article-ratings-social-share {
  display: none !important;
}


/* Шапка: зеленият цвят от долната секция (#sp-bottom) вместо кораловия.
   Кораловият фон идва от Custom CSS на шаблона (#sp-logo::before). */
html body #sp-logo::before {
  background-color: #76c5bd;
}

/* Хартиен фон за четене: топъл тон + фина текстура (paper.webp, 384 px,
   безшевна). Текстурата е в рамките на ±2 % яркост, така че контрастът
   на текста остава AA навсякъде (виж бележката по-долу).
   --dx-bg трябва да съвпада с тона на фона: ползва се за пролуките около
   точките на времевата линия и пръстените на миниатюрите. */
:root {
  --dx-bg: #f7f1e3;
}

html body.site {
  background: #f7f1e3 url("/media/digital-exhibitions/georgi-iliev/paper.webp") repeat;
}

/* Връзки: цветът на шаблона (#ec430f) е 3,5:1 върху този фон – под AA.
   #c2360a = 4,6:1 и при най-тъмните точки на текстурата. */
html body a {
  color: #c2360a;
}

html body a:hover,
html body a:focus {
  color: #8f2706;
}

/* Активна и посочена точка в менюто: кораловият цвят върху бялата лента
   е 2,7:1 – под AA. Тъмно зелено в тон със шапката: 5,95:1. */
html body .sp-megamenu-parent > li.active > a,
html body .sp-megamenu-parent > li:hover > a,
html body .offcanvas-menu .offcanvas-inner ul.menu li.active > a,
html body .offcanvas-menu .offcanvas-inner a:hover,
html body .offcanvas-menu .offcanvas-inner a:focus {
  color: #1f6f68;
}