@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* GLOBAL CSS VARIABLES OVERRIDE */
:root {
  --t-headline-font: 'Inter', sans-serif !important;
  --t-name-font: 'Inter', sans-serif !important;
  --t-descr-font: 'Inter', sans-serif !important;
  --t-text-font: 'Inter', sans-serif !important;
}

/* FORCE GLOBAL TYPOGRAPHY */
#allrecords#allrecords,
#allrecords#allrecords *,
#allrecords#allrecords .t-title,
#allrecords#allrecords .t-name,
#allrecords#allrecords .t-descr,
#allrecords#allrecords .t-text {
    font-family: 'Inter', sans-serif !important;
}

/* HEADINGS — только для «обычных» светлых блоков */
#allrecords#allrecords .t-rec:not([data-bg-img]):not([data-record-type="18"]) .t-title,
#allrecords#allrecords .t-rec:not([data-bg-img]):not([data-record-type="18"]) .t-name,
#allrecords#allrecords .t-rec:not([data-bg-img]):not([data-record-type="18"]) h1,
#allrecords#allrecords .t-rec:not([data-bg-img]):not([data-record-type="18"]) h2,
#allrecords#allrecords .t-rec:not([data-bg-img]):not([data-record-type="18"]) h3 {
    letter-spacing: -0.02em !important;
    font-weight: 600 !important;
    color: #1a1b1f !important;
}

#allrecords#allrecords .t-rec:not([data-bg-img]):not([data-record-type="18"]) .t-descr,
#allrecords#allrecords .t-rec:not([data-bg-img]):not([data-record-type="18"]) .t-text,
#allrecords#allrecords .t-rec:not([data-bg-img]):not([data-record-type="18"]) [class*="descr"] {
    line-height: 1.6 !important;
    color: #4a4d55 !important;
}

/* Блоки с data-bg-img — белый текст */
#allrecords#allrecords .t-rec[data-bg-img] .t-title,
#allrecords#allrecords .t-rec[data-bg-img] .t-name,
#allrecords#allrecords .t-rec[data-bg-img] h1,
#allrecords#allrecords .t-rec[data-bg-img] h2,
#allrecords#allrecords .t-rec[data-bg-img] h3 {
    letter-spacing: -0.02em !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,0.45) !important;
}
#allrecords#allrecords .t-rec[data-bg-img] .t-descr,
#allrecords#allrecords .t-rec[data-bg-img] .t-text,
#allrecords#allrecords .t-rec[data-bg-img] [class*="descr"] {
    line-height: 1.6 !important;
    color: rgba(255,255,255,0.92) !important;
    text-shadow: 0 1px 8px rgba(0,0,0,0.35) !important;
}

/* ========================================================
   Tilda Cover (тип 18) — фон задан как inline style
   на .t-cover, а НЕ через атрибут data-bg-img на .t-rec.
   Нужны отдельные правила с высоким приоритетом.
   ======================================================== */
/* Специфичность: (2,4,0) — перебивает тёмное правило (2,4,0) за счёт позиции позже в файле */
#allrecords#allrecords .t-rec[data-record-type="18"] .t-cover .t-title,
#allrecords#allrecords .t-rec[data-record-type="18"] .t-cover .t-name,
#allrecords#allrecords .t-rec[data-record-type="18"] .t-cover h1,
#allrecords#allrecords .t-rec[data-record-type="18"] .t-cover h2,
#allrecords#allrecords .t-rec[data-record-type="18"] .t-cover h3,
#allrecords#allrecords .t-rec[data-record-type="18"] .t-cover__wrapper .t-title,
#allrecords#allrecords .t-rec[data-record-type="18"] .t-cover__wrapper .t-name,
#allrecords#allrecords .t-rec[data-record-type="18"] .t001__title {
    color: #ffffff !important;
    letter-spacing: -0.02em !important;
    font-weight: 600 !important;
    text-shadow: 0 2px 20px rgba(0,0,0,0.6) !important;
}
#allrecords#allrecords .t-rec[data-record-type="18"] .t-cover .t-descr,
#allrecords#allrecords .t-rec[data-record-type="18"] .t-cover .t-text,
#allrecords#allrecords .t-rec[data-record-type="18"] .t-cover__wrapper .t-descr,
#allrecords#allrecords .t-rec[data-record-type="18"] .t-cover__wrapper .t-text {
    line-height: 1.6 !important;
    color: rgba(255,255,255,0.92) !important;
    text-shadow: 0 1px 10px rgba(0,0,0,0.4) !important;
}

/* Тёмные блоки (цветной фон) — белый текст */
#allrecords#allrecords .t-rec[data-bg-color="#111111"] .t-title,
#allrecords#allrecords .t-rec[data-bg-color="#111111"] .t-name,
#allrecords#allrecords .t-rec[data-bg-color="#000000"] .t-title,
#allrecords#allrecords .t-rec[data-bg-color="#000000"] .t-name,
#allrecords#allrecords .t-rec[data-bg-color="#141517"] .t-title,
#allrecords#allrecords .t-rec[data-bg-color="#141517"] .t-name {
    color: #ffffff !important;
}

/* BUTTONS MODERNIZATION */
#allrecords#allrecords .t-btn, 
#allrecords#allrecords .t-btnflex,
#allrecords#allrecords [class*="btn"] {
    border-radius: 12px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    box-shadow: 0 4px 12px rgba(91, 109, 146, 0.2) !important;
    border: none !important;
}

#allrecords#allrecords .t-btn:hover, 
#allrecords#allrecords .t-btnflex:hover,
#allrecords#allrecords [class*="btn"]:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 24px rgba(91, 109, 146, 0.3) !important;
    opacity: 0.95 !important;
}

/* CARDS — t858 / t497 / t846: белые карточки с тенью */
#allrecords#allrecords .t858__inner-col,
#allrecords#allrecords .t497__item,
#allrecords#allrecords .t846__inner-col {
    border-radius: 16px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    background-color: #ffffff !important;
    overflow: hidden !important;
}
#allrecords#allrecords .t858__inner-col:hover,
#allrecords#allrecords .t497__item:hover,
#allrecords#allrecords .t846__inner-col:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
}

/* CARDS — t772: карточки с большой картинкой (стиль журнала).
   Белый фон на .t-card__col НЕ нужен — он делает "прямоугольник" вокруг всего.
   Вместо этого: скругление и hover на обёртке картинки. */
#allrecords#allrecords .t772__col {
    margin-bottom: 32px !important;  /* было 60px — слишком большой gap между рядами */
}
#allrecords#allrecords .t772__imgwrapper {
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
                box-shadow 0.4s ease !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}
#allrecords#allrecords .t772__col:hover .t772__imgwrapper {
    transform: translateY(-5px) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.13) !important;
}
/* Убираем белый box с .t-card__col в t772 */
#allrecords#allrecords .t772 .t-card__col {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* MODAL WINDOWS (POPUPS) */
#allrecords#allrecords .t-popup {
    background-color: rgba(26, 27, 31, 0.4) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

#allrecords#allrecords .t-popup__container {
    padding: 40px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 20px !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 1) !important;
}

/* MENU & NAVIGATION
   backdrop-filter УБРАН намеренно — если оставить его здесь,
   дочерние дропдауны теряют способность блюрить фон (ограничение браузера).
   Вместо него — плотный полупрозрачный фон, визуально неотличимый. */
#allrecords#allrecords .t228,
#allrecords#allrecords .tmenu-mobile__container {
    background-color: rgba(245, 248, 255, 0.72) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 1px 24px rgba(30, 40, 80, 0.08) !important;
}

#allrecords#allrecords .t-menu__link-item,
#allrecords#allrecords .t228__right_langs_lang a,
#allrecords#allrecords .tmenu-mobile__text {
    color: #1a1b1f !important;
    font-weight: 500 !important;
}

/* MENU HOVER INDICATOR */
#allrecords#allrecords .t-menu__link-item:hover {
    color: #5b6d92 !important;
}
#allrecords#allrecords .t-menu__link-item.t-active::after {
    border-bottom-color: #5b6d92 !important;
    box-shadow: inset 0px -2px 0px 0px #5b6d92 !important;
}

/* BURGER MENU ICON IN LIGHT THEME */
#allrecords#allrecords .t-menuburger span {
    background-color: #1a1b1f !important;
}

/* =====================================================
   DROPDOWN — Frosted Glass
   Работает корректно, т.к. navbar больше НЕ имеет
   backdrop-filter (убран выше). Теперь blur видит
   реальный контент страницы — эффект стекла полный.
   ===================================================== */
.t-menusub__menu:not(.t-menusub__menu_relative),
#allrecords .t-menusub__menu:not(.t-menusub__menu_relative),
#allrecords#allrecords .t-menusub__menu:not(.t-menusub__menu_relative) {
    background-color: rgba(225, 235, 255, 0.45) !important;
    background:       rgba(225, 235, 255, 0.45) !important;
    backdrop-filter: blur(24px) saturate(200%) brightness(1.08) !important;
    -webkit-backdrop-filter: blur(24px) saturate(200%) brightness(1.08) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    box-shadow:
        0 8px 32px rgba(30, 40, 80, 0.14),
        0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
    max-width: 220px !important;
}

/* Стрелка-хвостик */
.t-menusub__menu_bottom:not(.t-menusub__menu_relative)::after {
    border-bottom-color: rgba(225, 235, 255, 0.6) !important;
}
.t-menusub__menu_top:not(.t-menusub__menu_relative)::after {
    border-top-color: rgba(225, 235, 255, 0.6) !important;
}

/* Отступы */
#allrecords .t-menusub__content,
#allrecords#allrecords .t-menusub__content {
    padding: 14px 16px !important;
}

/* Пункты меню */
#allrecords .t-menusub__link-item,
#allrecords#allrecords .t-menusub__link-item {
    color: #1a1b1f !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 6px 8px !important;
    border-radius: 8px !important;
    transition: background 0.18s ease, color 0.18s ease !important;
}
#allrecords .t-menusub__link-item:hover,
#allrecords#allrecords .t-menusub__link-item:hover {
    color: #2e4167 !important;
    background: rgba(91, 109, 146, 0.12) !important;
}

/* SECTION BACKGROUNDS - Modern Clean Look */
#allrecords#allrecords .t-rec[data-bg-color="#ccdee3"] {
    background-color: #f7fbff !important; 
}
#allrecords#allrecords .t-rec[data-bg-color="#ffffff"] {
    background-color: #ffffff !important;
}

/* FOOTER ADJUSTMENT TO BE SLEEK */
#allrecords#allrecords #t-footer .t-rec[data-bg-color],
#t-footer .t-rec[data-bg-color] {
    background-color: #141517 !important;
}
#allrecords#allrecords #t-footer .t-name,
#allrecords#allrecords #t-footer .t-descr,
#allrecords#allrecords #t-footer a {
    color: #d1d4db !important;
}
#allrecords#allrecords #t-footer .t420__title {
    color: #ffffff !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
}

/* SMOOTH IMAGE BORDERS */
#allrecords#allrecords .t-popup__container img,
#allrecords#allrecords .t858__img,
#allrecords#allrecords .t497__img {
    border-radius: 8px !important;
}

/* Инлайн-цвета Tilda (белый текст на тёмных блоках) — НЕ переопределяем.
   Правило div[style*="color"] удалено, т.к. оно убивало белые надписи на картинках. */

/* --- MODERN EFFECTS: BLOBS & BACKGROUND --- */
.modern-blob-container {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow: hidden !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background: #fdfdfd !important;
}

.modern-blob {
    position: absolute !important;
    filter: blur(80px) !important;
    opacity: 0.5 !important;
    animation: blob-float 15s infinite alternate ease-in-out !important;
    will-change: transform !important;
}

.blob-1 {
    top: -10% !important; left: -10% !important;
    width: 50vw !important; height: 50vw !important;
    background: radial-gradient(circle, rgba(91,109,146,0.3) 0%, rgba(200,225,245,0.1) 70%) !important;
}

.blob-2 {
    bottom: -10% !important; right: -10% !important;
    width: 60vw !important; height: 60vw !important;
    background: radial-gradient(circle, rgba(46,65,103,0.3) 0%, rgba(200,225,245,0.1) 70%) !important;
    animation-direction: alternate-reverse !important;
}

.blob-3 {
    top: 40% !important; left: 30% !important;
    width: 40vw !important; height: 40vw !important;
    background: radial-gradient(circle, rgba(144,166,204,0.3) 0%, rgba(255,255,255,0) 70%) !important;
    animation-delay: -5s !important;
}

@keyframes blob-float {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(10vw, 15vh) scale(1.2); }
}

/* Make sure tilda backgrounds are transparent to see the blobs */
#allrecords#allrecords .t-rec[data-bg-color="#ffffff"],
#allrecords#allrecords .t-rec[data-bg-color="#ccdee3"],
body,
.t-body,
#allrecords#allrecords {
    background-color: transparent !important;
    background: transparent !important;
    position: relative;
    z-index: 1;
}

/* --- MODERN EFFECTS: CUSTOM CURSOR --- */
/* Custom cursor removed per user request */