/* =============================================================================
   РыбалкаХелп — топографический атлас (overlay)
   Загружается ПОСЛЕ forum.css · Inter + Manrope
   ============================================================================= */

:root {
  --atlas-topo-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='480' viewBox='0 0 480 480'%3E%3Cpath d='M0 55 Q90 35 180 62 T360 48 Q420 42 480 58' fill='none' stroke='%23A9A17F' stroke-width='0.65' opacity='0.3'/%3E%3Cpath d='M0 125 Q110 105 220 132 T440 118' fill='none' stroke='%23A9A17F' stroke-width='0.55' opacity='0.26'/%3E%3Cpath d='M0 195 Q70 178 150 202 T300 188 Q380 180 480 198' fill='none' stroke='%23A9A17F' stroke-width='0.5' opacity='0.22'/%3E%3Cpath d='M0 265 Q130 248 260 272 T480 258' fill='none' stroke='%23A9A17F' stroke-width='0.45' opacity='0.2'/%3E%3Cpath d='M0 335 Q95 318 190 342 T380 328 Q430 322 480 336' fill='none' stroke='%23A9A17F' stroke-width='0.4' opacity='0.18'/%3E%3Cpath d='M0 405 Q120 388 240 412 T480 398' fill='none' stroke='%23A9A17F' stroke-width='0.35' opacity='0.16'/%3E%3Ccircle cx='340' cy='95' r='2.2' fill='%234D7D7B' opacity='0.35'/%3E%3Ccircle cx='120' cy='210' r='1.8' fill='%234D7D7B' opacity='0.28'/%3E%3Ccircle cx='280' cy='310' r='2' fill='%2372794F' opacity='0.25'/%3E%3C/svg%3E");
  --atlas-page-bg:
    radial-gradient(ellipse 75% 50% at 8% 0%, rgba(224, 196, 119, .55) 0%, transparent 52%),
    radial-gradient(ellipse 55% 45% at 92% 8%, rgba(105, 154, 145, .42) 0%, transparent 48%),
    radial-gradient(ellipse 65% 55% at 50% 100%, rgba(97, 115, 70, .38) 0%, transparent 52%),
    linear-gradient(180deg, #F0E6CC 0%, #E2D8C0 42%, #C8D8D4 100%);
  --atlas-surface-gradient:
    radial-gradient(ellipse 75% 50% at 8% 0%, rgba(224, 196, 119, .45) 0%, transparent 52%),
    radial-gradient(ellipse 55% 45% at 92% 8%, rgba(105, 154, 145, .35) 0%, transparent 48%),
    linear-gradient(180deg, #F0E9D6 0%, #E2D8C0 42%, #D8D0B5 100%);
  --atlas-focus-ring: 0 0 0 3px rgba(77, 125, 123, .38);
}

/* -------------------------------------------------------------------------- */
/* Page background — плавный градиент без тайлинга (без швов) */
[data-theme="light"] body {
  background-color: #E5DDC5;
  background-image: var(--atlas-page-bg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: var(--atlas-text);
}

[data-theme="light"] ::selection {
  background: rgba(77, 125, 123, .28);
  color: var(--atlas-text);
}

[data-theme="light"] a {
  color: var(--atlas-link);
  text-decoration-thickness: 1px;
}
[data-theme="light"] a:hover {
  color: var(--atlas-link-hover);
  text-decoration: underline;
}
[data-theme="light"] a:visited {
  color: var(--atlas-link-visited);
}

[data-theme="light"] .muted {
  color: var(--atlas-text-2);
}

/* -------------------------------------------------------------------------- */
/* Header — тёмный лес #26372E                                                 */
/* -------------------------------------------------------------------------- */
[data-theme="light"] .site-header,
[data-theme="light"] .site-header--fish,
[data-theme="light"] .site-header--hunt {
  --c-shell: var(--atlas-forest-dark);
  --c-shell-2: #1f2d26;
  --c-shell-3: var(--atlas-forest);
  --c-shell-text: var(--atlas-bg-light);
  --c-shell-muted: var(--atlas-dry-grass);
  --c-shell-border: #3a4f44;
  --c-header-neutral-bg: var(--atlas-forest-dark);
  --c-header-neutral-active: var(--atlas-dry-grass);
  --c-header-neutral-muted: var(--atlas-sand);
  --c-shell-fish: var(--atlas-forest-dark);
  --c-shell-fish-text: var(--atlas-bg-light);
  --c-header-fish-active: var(--atlas-dry-grass);
  --c-shell-hunt: var(--atlas-forest-dark);
  --c-shell-hunt-text: var(--atlas-bg-light);
  --c-header-hunt-active: var(--atlas-dry-grass);
}

[data-theme="light"] .topbar {
  min-height: 68px;
  box-shadow: 0 2px 12px rgba(38, 55, 46, .22);
}

[data-theme="light"] .nav-main__link.is-active,
[data-theme="light"] .nav-drawer__link.is-active {
  color: var(--atlas-dry-grass) !important;
  border-bottom-color: var(--atlas-dry-grass) !important;
  background: transparent !important;
}

[data-theme="light"] .site-header__motif {
  background: linear-gradient(90deg, transparent, var(--atlas-river) 20%, var(--atlas-dry-grass) 50%, var(--atlas-river) 80%, transparent) !important;
  opacity: .75;
}

/* Breadcrumb bar */
[data-theme="light"] .crumbs {
  background: var(--atlas-card);
  border: 1px solid var(--atlas-line);
  border-radius: var(--r-md);
  padding: 8px 14px;
  color: var(--atlas-text-2);
}
[data-theme="light"] .crumbs a {
  color: var(--atlas-text-2);
}
[data-theme="light"] .crumbs a:hover {
  color: var(--atlas-forest);
}
[data-theme="light"] .crumbs [aria-current] {
  color: var(--atlas-forest);
  font-weight: 600;
}

/* -------------------------------------------------------------------------- */
/* Cards — бумага / песок                                                      */
/* -------------------------------------------------------------------------- */
[data-theme="light"] .card {
  background: var(--atlas-bg-light);
  border-color: var(--atlas-line);
  color: var(--atlas-text);
  box-shadow: 0 2px 10px rgba(41, 50, 45, .06);
}

[data-theme="light"] .card:hover {
  border-color: #C8C0A5;
  box-shadow: 0 4px 16px rgba(41, 50, 45, .08);
}

[data-theme="light"] .card__title {
  color: var(--atlas-text);
}

[data-theme="light"] .card__foot {
  background: var(--atlas-card);
  border-top-color: var(--atlas-line);
}

[data-theme="light"] .card .thread-row:hover {
  background: var(--atlas-hover);
  box-shadow: inset 3px 0 0 var(--atlas-river);
}

/* Hub / category cards — полоса реки слева */
[data-theme="light"] .hub-card {
  background: var(--atlas-bg-light);
  border-color: var(--atlas-line);
  border-left: 3px solid var(--atlas-river);
  color: var(--atlas-text);
}

[data-theme="light"] .hub-card:hover {
  background: var(--atlas-hover);
  border-color: var(--atlas-line);
  border-left-color: var(--atlas-deep);
}

[data-theme="light"] .hub-card__icon {
  background: rgba(77, 125, 123, .12) !important;
  color: var(--atlas-forest) !important;
  border: 1px solid rgba(77, 125, 123, .2);
}

[data-theme="light"] .hub-card__title {
  color: var(--atlas-forest);
}

[data-theme="light"] .hub-card__text {
  color: var(--atlas-text-2);
}

/* -------------------------------------------------------------------------- */
/* Buttons                                                                     */
/* -------------------------------------------------------------------------- */
[data-theme="light"] .btn--primary {
  background: var(--atlas-forest);
  color: var(--atlas-bg-light);
  border-color: var(--atlas-forest-dark);
}

[data-theme="light"] .btn--primary:hover {
  background: #2F4938;
  color: var(--atlas-bg-light);
  box-shadow: 0 4px 14px rgba(38, 55, 46, .2);
}

[data-theme="light"] .btn--primary:active {
  background: var(--atlas-forest-dark);
}

[data-theme="light"] .btn--ghost {
  background: transparent;
  color: var(--atlas-forest);
  border-color: var(--atlas-outline);
}

[data-theme="light"] .btn--ghost:hover {
  background: var(--atlas-ghost-hover);
  color: var(--atlas-forest-dark);
  border-color: var(--atlas-forest);
}

[data-theme="light"] .card .btn--ghost,
[data-theme="light"] .layout--single .btn--ghost {
  background: var(--atlas-secondary-btn);
  color: var(--atlas-forest);
  border-color: #C5B27F;
}

[data-theme="light"] .card .btn--ghost:hover,
[data-theme="light"] .layout--single .btn--ghost:hover {
  background: var(--atlas-secondary-hover);
  color: var(--atlas-forest-dark);
}

[data-theme="light"] .hero .btn--primary {
  background: var(--atlas-forest);
  color: var(--atlas-bg-light);
}

[data-theme="light"] .hero .btn--ghost {
  background: rgba(38, 55, 46, .55);
  color: var(--atlas-bg-light);
  border-color: rgba(240, 233, 214, .45);
}

[data-theme="light"] .hero .btn--ghost:hover {
  background: rgba(38, 55, 46, .72);
  color: var(--atlas-sand);
}

/* -------------------------------------------------------------------------- */
/* Forms, search, tags                                                         */
/* -------------------------------------------------------------------------- */
[data-theme="light"] .input,
[data-theme="light"] .textarea,
[data-theme="light"] .select {
  background: var(--atlas-input-bg);
  border-color: var(--atlas-line);
  color: var(--atlas-text);
}

[data-theme="light"] .input:focus,
[data-theme="light"] .textarea:focus,
[data-theme="light"] .select:focus {
  border-color: var(--atlas-river);
  box-shadow: var(--atlas-focus-ring);
}

[data-theme="light"] .chip-radio,
[data-theme="light"] .chip-checkbox,
[data-theme="light"] .activity-item__badge,
[data-theme="light"] .badge {
  background: var(--atlas-card);
  border-color: var(--atlas-line);
  color: #53644F;
  border-radius: 5px;
}

[data-theme="light"] .activity-item__badge--topic {
  background: rgba(77, 125, 123, .14);
  color: var(--atlas-deep);
  border-color: rgba(77, 125, 123, .28);
}

/* -------------------------------------------------------------------------- */
/* Tabs & pill filters                                                         */
/* -------------------------------------------------------------------------- */
[data-theme="light"] .card > .tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: var(--s-3) var(--s-4);
  border-bottom: 1px solid var(--atlas-line);
  background: var(--atlas-card);
}

[data-theme="light"] .card > .tabs .tab {
  min-height: 32px;
  padding: 0 12px;
  border-radius: 5px;
  border: 1px solid transparent;
  border-bottom: 1px solid transparent;
  color: var(--atlas-text-2);
  font-weight: 600;
  background: transparent;
}

[data-theme="light"] .card > .tabs .tab:hover {
  color: var(--atlas-forest);
  background: var(--atlas-hover);
}

[data-theme="light"] .card > .tabs .tab.is-active {
  color: var(--atlas-bg-light);
  background: var(--atlas-forest);
  border-color: var(--atlas-forest-dark);
}

[data-theme="light"] .pill-tabs {
  background: var(--atlas-card);
  border-color: var(--atlas-line);
}

[data-theme="light"] .pill-tab {
  color: var(--atlas-text-2);
  border-radius: 5px;
}

[data-theme="light"] .pill-tab:hover {
  color: var(--atlas-forest);
  background: var(--atlas-hover);
}

[data-theme="light"] .pill-tab.is-active {
  color: var(--atlas-bg-light);
  background: var(--atlas-forest);
  border-color: var(--atlas-forest-dark);
  box-shadow: none;
}

[data-theme="light"] .blogger-hub__filters {
  background: var(--atlas-card);
  border-bottom-color: var(--atlas-line);
}

[data-theme="light"] .blogger-hub__cta {
  background: var(--atlas-surface-gradient);
  border-color: var(--atlas-line);
}

[data-theme="light"] .blogger-hub__cta-text {
  color: var(--atlas-text);
}

/* -------------------------------------------------------------------------- */
/* Sidebar — дерево на бумаге                                                  */
/* -------------------------------------------------------------------------- */
[data-theme="light"] .col-side--left > .card {
  background: var(--atlas-card);
  border-color: var(--atlas-line);
  color: var(--atlas-text);
}

[data-theme="light"] .col-side--left .card__title {
  color: var(--atlas-forest);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: var(--fs-13);
}

[data-theme="light"] .col-side--left .sidenav__link.is-active {
  background: rgba(77, 125, 123, .12);
  color: var(--atlas-forest);
  border-left-color: var(--atlas-river);
}

/* -------------------------------------------------------------------------- */
/* Hero, statbar, footer                                                       */
/* -------------------------------------------------------------------------- */
[data-theme="light"] .hero__scrim {
  background:
    linear-gradient(90deg, rgba(38, 55, 46, .88) 0%, rgba(63, 87, 67, .72) 40%, rgba(77, 125, 123, .45) 100%),
    linear-gradient(180deg, rgba(38, 55, 46, .5) 0%, rgba(49, 91, 96, .15) 50%, rgba(38, 55, 46, .65) 100%);
}

[data-theme="light"] .hero__h1,
[data-theme="light"] .hero-stat__value {
  color: var(--atlas-bg-light);
}

[data-theme="light"] .hero__lead,
[data-theme="light"] .hero-stat__label {
  color: var(--atlas-sand);
}

[data-theme="light"] .hero-stat {
  background: rgba(240, 233, 214, .14);
  border-color: rgba(240, 233, 214, .28);
}

[data-theme="light"] .statbar {
  background: rgba(216, 208, 181, .85);
  border-top-color: var(--atlas-line);
  color: var(--atlas-text);
}

[data-theme="light"] .footer,
[data-theme="light"] .site-footer {
  background: var(--atlas-forest-dark);
  color: var(--atlas-bg-light);
}

[data-theme="light"] .site-footer__accent {
  background: linear-gradient(90deg, transparent, var(--atlas-topo) 15%, var(--atlas-river) 50%, var(--atlas-topo) 85%, transparent) !important;
  opacity: .55;
}

/* -------------------------------------------------------------------------- */
/* Posts, pagination, alerts                                                   */
/* -------------------------------------------------------------------------- */
[data-theme="light"] .post,
[data-theme="light"] .post-body {
  border-color: #C8C0A5;
}

[data-theme="light"] .pager__link.is-active {
  background: var(--atlas-forest);
  color: var(--atlas-bg-light);
  border-color: var(--atlas-forest-dark);
}

[data-theme="light"] .alert--ok {
  background: #D5DFCC;
  border-color: #71866D;
}

[data-theme="light"] .alert--warn {
  background: #E5D8B1;
  border-color: var(--atlas-dry-grass);
}

[data-theme="light"] .field__error,
[data-theme="light"] .alert--err {
  background: #E1CCC0;
  border-color: var(--atlas-danger);
  color: var(--atlas-brown);
}

[data-theme="light"] :focus-visible {
  box-shadow: var(--atlas-focus-ring);
}

/* Top bloggers — hide legacy tab bars */
[data-theme="light"] .top-bloggers__tabs,
[data-theme="light"] .top-bloggers__content-tabs {
  display: none;
}

[data-theme="light"] .top-bloggers__card:hover {
  background: var(--atlas-hover);
}

/* -------------------------------------------------------------------------- */
/* Night map (dark theme)                                                      */
/* -------------------------------------------------------------------------- */
[data-theme="dark"] body {
  background-color: #1E2D27;
  background-image:
    radial-gradient(ellipse 50% 40% at 18% 22%, rgba(212, 192, 131, .14), transparent 58%),
    radial-gradient(ellipse 55% 45% at 82% 78%, rgba(67, 129, 138, .22), transparent 60%),
    linear-gradient(165deg, #1E2D27 0%, #304536 28%, #59694A 48%, #8C8658 62%, #527B78 78%, #294F55 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #E3DEC9;
}

[data-theme="dark"] .card {
  background: #23342C;
  border-color: #3a4f44;
  color: #E3DEC9;
}

[data-theme="dark"] .site-header,
[data-theme="dark"] .footer {
  background: #182520;
}