/* ===========================================================
   GEEK Dark Toggle — Cleaned & Safe CSS
   =========================================================== */

/* --- Light palette (default) --- */
:root{
  --gdt-bg:#ffffff;
  --gdt-surface:#f6f7f9;
  --gdt-text:#111418;
  --gdt-muted:#40464d;
  --gdt-border:rgba(17,20,24,0.12);
  --gdt-link:#2d6cdf;
  --gdt-link-hover:#1f5bd1;
  --gdt-field:#ffffff;
  --gdt-code-bg:#f3f4f7;
  --gdt-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.06);
}
html,body{ background:var(--gdt-bg); color:var(--gdt-text); }

/* --- Dark palette switch --- */
html.gdt-dark,body.gdt-dark{
  --gdt-bg:#0f1115;
  --gdt-surface:#272727;
  --gdt-text:#e7eaf0;
  --gdt-muted:#b3bcc9;
  --gdt-border:rgba(231,234,240,.14);
  --gdt-link:#7aa2ff;
  --gdt-link-hover:#9bb8ff;
  --gdt-field:#0f1319;
  --gdt-code-bg:#0b0e13;
  --gdt-shadow:0 1px 2px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.35);
  color-scheme:dark;
}

/* --- Base containers --- */
.gdt-dark body,
.gdt-dark main,
.gdt-dark #page,
.gdt-dark .site,
.gdt-dark .container,
.gdt-dark .wrap,
.gdt-dark .content,
.gdt-dark .site-content{ background:none !important; color:var(--gdt-text); }

/* --- Links --- */
.gdt-dark a{ color:#fff; }
.gdt-dark a:hover,.gdt-dark a:focus{ color:var(--gdt-link-hover); }

/* --- Cards & widgets (only background-color, NOT background) --- */
.gdt-dark :where(.card,.widget,.panel,.box,.module,.entry,.post,.comment,.menu,.dropdown,.tooltip,.popover){
  background-color:var(--gdt-surface) !important;
  color:var(--gdt-text);
  border-color:var(--gdt-border) !important;
  box-shadow:var(--gdt-shadow);
}

.gdt-dark .gtr-wrap { background: #272727;
    border: 1px solid var(--gtr-border);
    border-radius: 5px;
    padding: clamp(16px, 4vw, 40px) clamp(14px, 5vw, 60px) 12px clamp(14px, 5vw, 60px);
    box-shadow: var(--gtr-shadow);
}

.gdt-dark .off-canvas 
{ background-color: #272727;
}

.gdt-dark .slicknav_menu .slicknav_nav
{ background-color: #272727;
}

.gdt-dark .searchwp-live-search-results-showing
{ background-color: #272727;
}


.gdt-dark .main-search .search-field
{    background: #272727;
    border-radius: 17px;
}
.gdt-dark .off-canvas .close
{    background: #272727;
    border: 1px solid #e4e4e4;
    border-radius: 17px;
    color: #f3f3ff;
}

.gdt-dark .cpg-category-header .cpg-category-title {color:#fff;}

/* --- Tables, rules --- */
.gdt-dark :where(table,thead,tbody,tfoot,tr,th,td){ background:transparent; color:var(--gdt-text); border-color:var(--gdt-border); }
.gdt-dark hr{ border-color:var(--gdt-border); opacity:.6; }

/* --- Code --- */
.gdt-dark :where(code,pre,kbd,samp){ background:var(--gdt-code-bg) !important; color:var(--gdt-text); border-color:var(--gdt-border); }

/* --- Forms --- */
.gdt-dark :where(input,select,textarea){
  background:var(--gdt-field) !important; color:var(--gdt-text) !important; border-color:var(--gdt-border) !important; box-shadow:none;
}
.gdt-dark :where(input::placeholder,textarea::placeholder){ color:var(--gdt-muted); }
.gdt-dark :where(button,.button,input[type="submit"],input[type="button"]){
  background:var(--gdt-surface); color:var(--gdt-text); border:1px solid var(--gdt-border);
}
.gdt-dark :where(button:hover,.button:hover,input[type="submit"]:hover,input[type="button"]:hover){ background:#1b2028; }

/* --- Kill inline white backgrounds --- */
.gdt-dark :where([style*="background:#fff" i],[style*="background: #fff" i],[style*="background-color:#fff" i],[style*="background-color: #fff" i],[style*="rgb(255,255,255)" i],[style*="rgb(255, 255, 255)" i],.bg-white,.has-white-background-color){
  background:var(--gdt-surface) !important; color:var(--gdt-text) !important; border-color:var(--gdt-border) !important;
}

/* --- Gutenberg blocks --- */
.gdt-dark .wp-block-quote,.gdt-dark .wp-block-pullquote{ background:var(--gdt-surface); border-color:var(--gdt-border); }
.gdt-dark .wp-block-code{ background:var(--gdt-code-bg); }

/* --- Header / navigation --- */
.gdt-dark .site-header, .gdt-dark header.site-header{ background:var(--gdt-surface) !important; border-bottom: 1px solid #34373e;}
.gdt-dark .site-header a, .gdt-dark .main-navigation a, .gdt-dark nav a, .gdt-dark .menu a{ color:var(--gdt-text) !important; }
.gdt-dark .main-navigation a:hover, .gdt-dark .menu a:hover, .gdt-dark .menu .current-menu-item > a{ color:var(--gdt-link) !important; }

/* --- Single content --- */
.gdt-dark .single .entry,
.gdt-dark .single .entry-wrapper,
.gdt-dark .single .entry-content :where(p,li,blockquote,figcaption,time,.post-meta,.entry-meta){ color:#b1b1b1 !important; opacity:1 !important; }
.gdt-dark .single .entry-title,
.gdt-dark .single h1, .gdt-dark .single h2, .gdt-dark .single h3, .gdt-dark .single h4{ color:var(--gdt-text) !important; }
.gdt-dark .single .entry-content a{ color:var(--gdt-text) !important; text-decoration-color:rgba(231,234,240,.4); }
.gdt-dark .single .entry-content a:hover{ color:var(--gdt-link) !important; text-decoration-color:var(--gdt-link); }

/* --- Widget areas --- */
.gdt-dark .widget, .gdt-dark .widget-area .widget, .gdt-dark aside .widget{
  background:var(--gdt-surface) !important; border-color:var(--gdt-border) !important; color:var(--gdt-text) !important;
}
.gdt-dark .widget a{ color:var(--gdt-text) !important; }
.gdt-dark .widget a:hover{ color:var(--gdt-link) !important; }

/* --- Toggle button --- */
.gdt-toggle{
  position:fixed; right:10px; bottom:55px; z-index:99999; display:inline-flex; align-items:center; gap:8px;
  padding:8px 16px; border-radius:20px; border:1px solid var(--gdt-border); background:var(--gdt-surface);
  color:var(--gdt-text); cursor:pointer; box-shadow:var(--gdt-shadow); transition:transform .12s ease, opacity .12s ease;
}
/* .gdt-toggle:focus{ outline:2px solid var(--gdt-link); outline-offset:2px; }*/
.gdt-toggle:hover{ transform:translateY(-1px); }
.gdt-toggle .gdt-label{ font:500 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Arial,sans-serif; }
.gdt-toggle .gdt-icon{ width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; }

/* --- Single header additions --- */
.gdt-dark .single header.entry-header,
.gdt-dark .single header.entry-header .excerpt,
.gdt-dark .single header.entry-header .entry-title,
.gdt-dark .single header.entry-header a,
.gdt-dark .single header.entry-header .entry-meta,
.gdt-dark .single header.entry-header .entry-meta a{ background:var(--gdt-surface) !important; color:var(--gdt-text) !important; }

/* --- PPW / LRW / GN#272727R widgets --- */
.gdt-dark .ppw-widget, .gdt-dark .widget.ppw-widget, .gdt-dark .widget-area .ppw-widget{ background:var(--gdt-surface) !important; border-color:var(--gdt-border) !important; color:var(--gdt-text) !important; }
.gdt-dark .ppw-widget .ppw-bg{ color:#1a1a1a   !important; }
.gdt-dark .ppw-widget a{ color:var(--gdt-text) !important; }
.gdt-dark .ppw-widget a:hover{ color:var(--gdt-link) !important; }

.gdt-dark .lrw-widget, .gdt-dark .widget.lrw-widget, .gdt-dark .widget-area .lrw-widget{ background:var(--gdt-surface) !important; border-color:var(--gdt-border) !important; color:var(--gdt-text) !important; }
.gdt-dark .lrw-widget .ppw-bg{ color:#20252f  !important; }
.gdt-dark .lrw-widget a{ color:var(--gdt-text) !important; }
.gdt-dark .lrw-widget a:hover{ color:var(--gdt-link) !important; }

/* заголовки этих виджетов (только в тёмной) */
.gdt-dark .ppw-title, .gdt-dark .ppw-num, .gdt-dark .lrw-title, .gdt-dark .gnr-title{ color:#246ac6 !important;}
.gdt-dark .navbar .navbar-button {color: #cfcfcf;}

/* --- «Похожие»/горскролл --- */
.gdt-dark .geek-related-scroll, .gdt-dark .gr-track{ background:transparent !important; }
.gdt-dark .gr-item{ background:var(--gdt-surface) !important; border:1px solid var(--gdt-border) !important; box-shadow:var(--gdt-shadow); color:var(--gdt-text) !important; }
.gdt-dark .gr-title, .gdt-dark .gr-title a, .gdt-dark .gr-link{ color:var(--gdt-text) !important; }
.gdt-dark .gr-title a:hover, .gdt-dark .gr-link:hover{ color:var(--gdt-link) !important; }

/* --- White cards under posts / lists --- */
.gdt-dark .entry-box, .gdt-dark .post-card, .gdt-dark .entry-card, .gdt-dark .cards .card, .gdt-dark .box-white, .gdt-dark .card-white{
  background:var(--gdt-surface) !important; border-color:var(--gdt-border) !important; color:var(--gdt-text) !important;
}
.gdt-dark .entry-box a, .gdt-dark .post-card a, .gdt-dark .entry-card a{ color:var(--gdt-text) !important; }
.gdt-dark .entry-box a:hover, .gdt-dark .post-card a:hover, .gdt-dark .entry-card a:hover{ color:var(--gdt-link) !important; }

/* --- Breadcrumbs & meta --- */
.gdt-dark .breadcrumbs, .gdt-dark .breadcrumbs *{ color:var(--gdt-text) !important; }
.gdt-dark .breadcrumbs a:hover{ color:var(--gdt-link) !important; }

/* --- Discount / notice --- */
.gdt-dark .discount-container, .gdt-dark .notice, .gdt-dark .alert{
  background:var(--gdt-surface) !important; color:var(--gdt-text) !important; border:1px solid var(--gdt-border) !important;
}
.gdt-dark .discount-link, .gdt-dark .discount-label{ color:#fff !important; }

/* --- Comments / Telegram wrappers (контейнеры) --- */
.gdt-dark .telegram-comments, .gdt-dark .comments, .gdt-dark .comments-area{
  background:#272727 !important; color:var(--gdt-text) !important; border-color:var(--gdt-border) !important; border: 1px solid var(--gdt-border) !important;
}

.gdt-dark .site-content {background: none;}

/* (контент Telegram внутри iframe перекрашивается параметром data-dark=1) */

/* --- Menus: submenus --- */
.gdt-dark .menu .sub-menu, .gdt-dark .main-navigation .sub-menu, .gdt-dark nav .sub-menu{
  background:var(--gdt-surface) !important; border-color:var(--gdt-border) !important;
}
.gdt-dark .menu .sub-menu a{ color:var(--gdt-text) !important; }
.gdt-dark .menu .sub-menu a:hover{ color:var(--gdt-link) !important; }

/* --- Home/blog/archive: titles & excerpts white --- */
.gdt-dark.home .entry-title a, .gdt-dark.blog .entry-title a, .gdt-dark.archive .entry-title a{
  color:#fff !important; text-decoration-color:rgba(255,255,255,.35);
}
.gdt-dark.home .entry-title a:hover, .gdt-dark.blog .entry-title a:hover, .gdt-dark.archive .entry-title a:hover{
  color:var(--gdt-link) !important; text-decoration-color:var(--gdt-link);
}
.gdt-dark.home .entry-excerpt, .gdt-dark.blog .entry-excerpt, .gdt-dark.archive .entry-excerpt{ color:#fff !important; opacity:.9; }
.gdt-dark.home .entry-meta, .gdt-dark.blog .entry-meta, .gdt-dark.archive .entry-meta,
.gdt-dark.home .entry-meta a, .gdt-dark.blog .entry-meta a, .gdt-dark.archive .entry-meta a{ color:#cbd2dd !important; }
.gdt-dark.home .entry-meta a:hover, .gdt-dark.blog .entry-meta a:hover, .gdt-dark.archive .entry-meta a:hover{ color:#fff !important; }

/* --- Row under title (entry-action) --- */
.gdt-dark .entry-action{
  background:var(--gdt-surface) !important; color:var(--gdt-text) !important; border-radius:8px;
}
.gdt-dark .entry-action a{ color:var(--gdt-text) !important; }
.gdt-dark .entry-action a:hover{ color:var(--gdt-link) !important; }
.gdt-dark .entry-excerpt{ background:transparent !important; color:var(--gdt-text) !important; }
.gdt-dark .entry-excerpt p{ color:var(--gdt-text) !important; }

/* --- Keep cover thumbnails (don't reset background-image) --- */
.gdt-dark article.post.cover{
  /* ничего не задаём для background ! */
  background-color: transparent !important; /* если нужен прозрачный цвет */
}

.gdt-dark .term-bar .term-title {
  color: #fff;}


.gdt-dark .about-author { background-color:#272727; border:1px solid #34373e;}
.gdt-dark .custom-news-widget { background-color:#272727; color:#fff; border:1px solid var(--gdt-border) !important}
.gdt-dark .custom-news-widget .news-item .news-title a {color:#fff;}

.gdt-dark .post .entry-content :where(h1,h2,h3,h4,h5,h6){ color:var(--gdt-text) !important; }
.gdt-dark .page .entry-content :where(h1,h2,h3,h4,h5,h6){ color:var(--gdt-text) !important; }
.gdt-dark .wp-block-quote>cite {color:#b1b1b1;}
.gdt-dark .entry-content blockquote, .entry-content .wp-block-quote {
    background: #20252f;
    color: #fff;
}

/* Pages: ссылки в контенте */
.gdt-dark .page .entry-content a,
.gdt-dark .page .entry-content a:visited{
  color: var(--gdt-link) !important;
  text-decoration-color: rgba(122,162,255,.55) !important;
  border-bottom-color: currentColor !important; /* если есть dashed */
}
.gdt-dark .page .entry-content a:hover{
  color: var(--gdt-link-hover) !important;
  text-decoration-color: var(--gdt-link-hover) !important;
}

/* Ярче «внешние» ссылки */
.gdt-dark a.external-link,
.gdt-dark .page .entry-content a.external-link{
  color: #9bb8ff !important;
  border-bottom: 1px dashed currentColor !important;
}
.gdt-dark a.external-link:hover{
  color: #c7d6ff !important;
}

/* Страховка от базового правила темы */
.gdt-dark body .entry-content a{ color: var(--gdt-link) !important; }

/*.gdt-dark .single .type-post .entry-wrapper, .page .type-page .entry-wrapper { background:#272727;}*/
.gdt-dark .excerpt { background:#272727; color:#fff;}
.gdt-dark .newnews { background-color:#272727; border:1px solid var(--gdt-border) !important;}
.gdt-dark .post .entry-wrapper {background:#272727;}
.gdt-dark .no-thumbnail.single .entry-action, .with-hero.single .entry-action {border-bottom:1px solid #434343;}
.gdt-dark .tema {background:#20252f; border:1px solid #20252f;}
.gdt-dark .entry-content blockquote, .gdt-dark .entry-content .wp-block-quote {background:#20252f;}
.gdt-dark .wp-block-table td, .gdt-dark .wp-block-table th { font-size:14px; border:1px solid #272727; border-radius:0; background-color:#20252f;}
.gdt-dark .wp-block-table .has-fixed-layout td, .gdt-dark .wp-block-table .has-fixed-layout th{ font-size:15px; border:1px solid #272727; border-radius:0; background-color:#20252f;}
.gdt-dark .cpg-category-links { background:#20252f;}
.gdt-dark .h2 {color:#fff !important;}

.gdt-dark .gnr-widget { border:1px solid #272727; background:#272727;}
.gdt-dark .cpg-post {
  background-color:#272727; border-radius:5px; overflow:hidden; display:flex; flex-direction:column;
  height:340px; position:relative; cursor:pointer; margin-bottom:15px;
}

/* --- Placeholder layout for media --- */
.gdt-dark .entry-media-with-placeholder{ position:relative !important; }
.gdt-dark .entry-media-with-placeholder .entry-media{
  position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
  background-size:cover !important; background-position:center !important; border-radius:inherit;
}

/* --- Project-specific extras (only in dark) --- */
.gdt-dark .navbar{ background-color:#272727; }
.gdt-dark .cpg-content{ background-color:#20252f; border:1px solid var(--gdt-border) !important;}
.gdt-dark .cpg-title{ color:#fff !important; }
.gdt-dark .obzor{ background:#20252f !important; border:0; }
.gdt-dark .mega-menu .menu-posts{ background-color:#272727; }
.gdt-dark .tgme_widget_message_text{ color:#fff !important; }
.gdt-dark .grp-card__body {background:#272727;}
.gdt-dark .grp-scroll-card__body {background:#272727;}

/* === Анимация «белого» логотипа справа-налево через фильтр === */
.custom-logo-link{ position:relative; display:inline-block; }
.custom-logo-link::after{
  content:""; position:absolute; inset:0; background:var(--logo) no-repeat center / contain;
  filter:brightness(0) invert(1); clip-path:inset(0 100% 0 0); -webkit-clip-path:inset(0 100% 0 0);
  transition:clip-path .9s cubic-bezier(.2,.8,.2,1); pointer-events:none;
}
.gdt-dark .custom-logo-link::after{ clip-path:inset(0 0 0 0); -webkit-clip-path:inset(0 0 0 0); }

/* На всякий: честная поддержка тёмной палитры нативных виджетов */
html.gdt-dark, body.gdt-dark{ color-scheme: dark; }

/* Auto-injected: show only one logo for dual markup */
.gdt-dual-logo .gdt-logo { display:none; }
.gdt-light .gdt-dual-logo .gdt-logo.gdt-light { display:inline-block; }
.gdt-dark  .gdt-dual-logo .gdt-logo.gdt-dark  { display:inline-block; }
.gdt-dark  .grp-card__tag {color:#256ac6;}
.gdt-dark  .grp-card {border: 1px solid rgb(32 32 33);}
.gdt-dark .grp-scroll-card {border: 1px solid rgb(32 32 33);}
.gdt-dark .grp-scroll-fade--right {background: linear-gradient(90deg, transparent, #1f1f1f);}
.gdt-dark .grp-block__label {color: #fff;}
.gdt-dark .grp-card:hover { border-color: rgb(59 59 59 / 35%); background: #2e2e2e;}
.gdt-dark .cnw-header__title {color: #ffffff;}
.gdt-dark .cnw-badge--usd .cnw-badge__value {color: #ffffff;}
.gdt-dark .cnw-badge--eur .cnw-badge__value {color: #ffffff;}
.gdt-dark .cnw-badge--btc .cnw-badge__value {color: #ffffff;}
.gdt-dark .grp-card::after {background: #256ac6;}
.gdt-dark .grp-card__arrow {color: #256ac6;}
.gdt-dark .grp-card__excerpt {color: #b1b1b1;}
.gdt-dark .wp-embed {background: #272727;}
.gdt-dark .wp-embed-heading a {color: #e7eaf0;}
.gdt-dark .wp-embed p {color: #b1b1b1;}
.gdt-dark .grp-scroll-card {background: #272727;}
.gdt-dark .fpp-wrap .fpp-label {color: #fff !important;}
.gdt-dark .fpp-wrap .fpp-dot {background: #aaaaaa !important;}
.gdt-dark .fpp-wrap .fpp-dot {background: #aaaaaa !important;}
.gdt-dark .dc-wrap {background: #272727;}
.gdt-dark .dc-label {color: #e7eaf0;}
.gdt-dark .dc-fade--right {background: linear-gradient(to left, #272727 10%, transparent 100%);}
.gdt-dark .dc-fade--left {background: linear-gradient(to right, #272727 10%, transparent 100%);}
.gdt-dark .dc-wrap {border: 1px solid var(--gdt-border) !important;}
.gdt-dark .rtoc__title {color: #e7eaf0;}
.gdt-dark .rtoc__toggle {color: #e7eaf0;}
.gdt-dark .rtoc__num {color: #256ac6;}

.gdt-dark .temb-body {background: #272727;}

.gdt-dark .single-post article table td:first-child {color: #ffffff; background: #20252f;}
.gdt-dark .single-post article table tbody tr:nth-child(even) td:first-child {background: #20252f;}
.gdt-dark .single-post article table td {color: #fffafa;}
.gdt-dark .single-post article table thead th {color: #ffffff;}
.gdt-dark .single-post article table tbody tr:nth-child(even) td {background: #20252f;}
.gdt-dark .single-post article table tbody tr:hover td {background: #0b008a;}
.gdt-dark .single-post article table tbody tr:hover td:first-child {background: #0b008a;}


.gdt-dark .abr-review-details .abr-review-items {background: #313131;}
.gdt-dark .abr-review-details .abr-review-pros::after {color: #246ac6;}
.gdt-dark .abr-review-details .abr-review-title {border-bottom: 1px solid #b1b1b1;}
.gdt-dark .rtoc__item--h3 .rtoc__num {color: #b1b1b1;}
.gdt-dark  .rtoc__header:hover .rtoc__title {color: #256ac6;}
.gdt-dark .rtoc {
  --rtoc-hover: #256ac6;
  --rtoc-accent: #b0b0b03d;
}
.gdt-dark .rtoc .rtoc-line {
  color: #b0b0b03d;
}

/* === Glass кнопки для обеих тем (switch + toggle) === */

/* Светлая тема: стекло */
.gdt-light .gdt-switch,
.gdt-light .gdt-toggle{
  background-color: rgba(255, 255, 255, 0.65) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 3px solid rgba(0,0,0,.08) !important;
  color: #0f1115 !important;
  isolation: isolate;
}

/* Тёмная тема: стекло */
.gdt-dark .gdt-switch,
.gdt-dark .gdt-toggle{
  background-color: rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 3px solid rgba(255,255,255,.08) !important;
  color: #fff !important;
  isolation: isolate;
}

/* Единый ховер */
.gdt-switch:hover,
.gdt-toggle:hover{ transform: translateY(-2px); }

/* Фолбэк для браузеров без backdrop-filter */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .gdt-switch, .gdt-toggle{
    background-color: rgba(127,127,127,.25) !important;
  }
}

/* === Тактильный эффект "нажатия с увеличением и затуханием" === */
.gdt-toggle {
  position: fixed;
  right: 10px;
  bottom: 70px;
  z-index: 99999;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 20px;
  border: 1px solid var(--gdt-border);
  background: var(--gdt-surface);
  color: var(--gdt-text);
  cursor: pointer;
  box-shadow: var(--gdt-shadow);
  transition:
    transform 0.25s cubic-bezier(.3,.7,.4,1),
    box-shadow 0.35s ease,
    opacity 0.35s ease;
}

/* При нажатии — лёгкое увеличение и свечение */
.gdt-toggle:active {
  transform: scale(1.07);
  box-shadow: 0 0 18px rgba(122,162,255,0.45), 0 0 8px rgba(122,162,255,0.35);
  opacity: 0.9;
}

/* Плавное затухание эффекта после нажатия */
.gdt-toggle:active::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: rgba(122,162,255,0.25);
  animation: gdt-fade 0.4s ease-out forwards;
}

/* Ключевые кадры затухания свечения */
@keyframes gdt-fade {
  0% { opacity: 0.9; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.4); }
}


/* Иконка MDI — подстраивается под цвет темы */
.gdt-icon.mdi {
  font-size: 18px;
  line-height: 1;
  color: var(--gdt-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Плавное появление/исчезновение тумблера при скролле */
.gdt-toggle{
  transition:
    transform 0.25s cubic-bezier(.3,.7,.4,1),
    opacity 0.25s ease;
}

.gdt-toggle {
  transition:
    transform 0.25s cubic-bezier(.3,.7,.4,1),
    opacity 0.25s ease;
}

.gdt-toggle.gdt-toggle-hidden{
  transform: translateY(120%) scale(0.96);
  opacity: 0;
  pointer-events: none;
}

.gdt-dark .obzor li:hover {background: #393939c2;}

/* ===========================================================
   CRT-полоски ("телевизор") для изображений в тёмной теме
   =========================================================== */


/* Единое наложение CRT-полосок */
.gdt-dark .entry-media::after,
.gdt-dark .post-thumbnail::after,
.gdt-dark .cpg-thumbnail::after,
.gdt-dark .cpg-hero::after,
.gdt-dark .cpg-hero__overlay::after,
.gdt-dark .gk-hero::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  /* Тонкие горизонтальные CRT-линии */
  background-image: linear-gradient(
    to bottom,
    rgba(255,255,255,0.06) 1px,
    rgba(0,0,0,0) 1px
  );
  background-size: 100% 3px;

  mix-blend-mode: soft-light;
  opacity: 0.55;
}