/*
 Theme Name: Astra Capibara Child
 Theme URI: https://capibaratrader.com/
 Description: Child theme for Astra — Capibara Trader one-page layout (Gutenberg only)
 Author: Capibara Trader
 Template: astra
 Version: 1.1.2
*/

/* Google Fonts (demo style): Sora (titles) + Inter (text) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Sora:wght@600;700;800&display=swap');

/* Root palette from demo + our accents */
:root{
  --capibara-navy:#0B1020;     /* background base */
  --capibara-teal:#1A2340;     /* bg gradient end */
  --capibara-accent:#7CF8E8;   /* cyan accent */
  --capibara-gold:#E3B341;     /* coin accent */
  --capibara-text:#E6FAF6;     /* body text */
  --capibara-muted:#A5C6C1;    /* muted */
  --capibara-card: rgba(255,255,255,.04);
  --capibara-stroke: rgba(255,255,255,.08);
}

/* Global */
html{scroll-behavior:smooth}
body{background:linear-gradient(180deg,var(--capibara-navy),var(--capibara-teal));color:var(--capibara-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:500}
.site-header{background:transparent}

/* Header / Menu like demo */
.main-header-menu a,.main-header-menu .menu-link{font-weight:700;letter-spacing:.02em}
.ast-primary-header-bar{backdrop-filter:saturate(120%) blur(8px);background:linear-gradient(180deg,rgba(11,16,32,.75),rgba(26,35,64,.55))}
.ast-desktop .main-header-menu .menu-item > .menu-link{padding:16px 18px}
.ast-mobile-header-wrap{background:rgba(11,16,32,.9)}

/* Anchors offset for sticky header */
[id]{scroll-margin-top:90px}

/* Typography — demo scale */
h1,h2,h3,h4{font-family:Sora,Inter,system-ui,sans-serif;font-weight:800;letter-spacing:.01em}
h1{font-size:clamp(2.2rem,4.2vw,4.25rem);line-height:1.05}
h2{font-size:clamp(1.8rem,2.6vw,2.6rem);line-height:1.15}
h3{font-size:clamp(1.2rem,1.6vw,1.4rem);line-height:1.2}
p{line-height:1.7}

/* Buttons — demo pill style */
.cap-btn{display:inline-block;padding:.9rem 1.25rem;border-radius:999px;border:2px solid var(--capibara-accent);color:var(--capibara-accent);text-decoration:none;font-weight:800;transition:.25s ease}
.cap-btn:hover{background:var(--capibara-accent);color:#001018;transform:translateY(-1px)}
.cap-btn--ghost{border-color:var(--capibara-gold);color:var(--capibara-gold)}
.cap-btn--ghost:hover{background:var(--capibara-gold);color:#1a1a1a}

/* HERO like the demo */
.cap-hero{position:relative;min-height:88vh;display:flex;align-items:center}
.cap-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.cap-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,32,.45),rgba(11,16,32,.88))}
.cap-hero__content{position:relative;z-index:3;max-width:1200px;margin:0 auto;padding:6rem 2rem;text-align:left}
.cap-hero h1{margin:0 0 1rem}
.cap-hero p.lead{font-size:clamp(1rem,1vw + .6rem,1.35rem);opacity:.92;max-width:760px}
.cap-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}

/* Sections */
.cap-section{padding:84px 22px}
.cap-section h2{margin:0 0 .5rem}
.cap-section p.sub{opacity:.85;margin:0 0 1.5rem;max-width:860px}

/* Cards grid (demo feel) */
.cap-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.cap-card{background:var(--capibara-card);border:1px solid var(--capibara-stroke);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.cap-card__media{aspect-ratio:16/9;background:#10263b}
.cap-card__body{padding:18px}
.cap-card__title{font-weight:800;margin:0 0 .5rem}
.cap-card a.more{color:var(--capibara-accent);font-weight:700;text-decoration:none}
.cap-card a.more:hover{text-decoration:underline}

/* Table (señales) */
.cap-table{width:100%;border-collapse:collapse}
.cap-table th,.cap-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.12)}
.cap-table th{text-align:left;opacity:.85;font-weight:800}

/* Social hub */
.cap-socials{display:flex;gap:14px;flex-wrap:wrap}
.cap-socials a{border:1px solid rgba(255,255,255,.2);padding:.6rem .9rem;border-radius:12px;color:#fff;text-decoration:none}
.cap-socials a:hover{border-color:var(--capibara-accent);color:var(--capibara-accent)}

/* Footer */
.cap-footer{padding:36px 22px;color:#aee;opacity:.9;text-align:center}

/* Gutenberg fine-tune to match demo spacing */
.wp-block-heading{margin-block:0 14px}
.wp-block-image{margin:0 0 1rem}

/* Forms */
input[type="email"],input[type="text"],textarea{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;padding:.9rem 1rem}
input::placeholder,textarea::placeholder{color:var(--capibara-muted)}

/* Links */
a{color:var(--capibara-accent)}
a:hover{opacity:.9}

/* Utilities */
.container{max-width:1200px;margin:0 auto}

/* ====== 1) Общий фон сайта — делаем «живее», не мрачно ====== */
:root{
  --capi-bg-1:#0e1b24;   /* мягкий тёмный */
  --capi-bg-2:#0f2733;   /* глубокий бирюзово-синий */
  --c-accent:#7CF8E8;    /* наш бирюзовый акцент */
  --c-text:#E6FAF6;      /* светлый текст */
  --c-muted:#B8CACC;     /* вторичный */
}
body{
  background: radial-gradient(1200px 600px at 20% 0%, var(--capi-bg-2) 0%, var(--capi-bg-1) 60%, #0a1720 100%) !important;
  color: var(--c-text);
}

/* ====== 2) Меню: убираем blur, делаем чистую подложку и читаемые ссылки ====== */
.ast-primary-header-bar{
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(9,18,26,.82) !important; /* полупрозрачный без блюра */
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.main-header-menu .menu-link{ color:#EAFBFA !important; font-weight:700; }
.main-header-menu .menu-link:hover{ color:var(--c-accent) !important; }

/* Мобильный дроер — тёмный фон + контрастные ссылки */
.ast-header-break-point .ast-mobile-popup-drawer{ background:#0b1721 !important; }
.ast-header-break-point .ast-mobile-popup-drawer .menu-link{ color:#EAFBFA !important; }
.ast-header-break-point .ast-mobile-popup-drawer .menu-item:hover > a{ color:var(--c-accent) !important; }
/* Иконка бургера всегда видимая */
.ast-button-wrap .menu-toggle .ast-mobile-svg{ fill:#EAFBFA !important; }

/* ====== 3) Хиро: делаем картинку виднее, меньше затемнения ====== */
.cap-hero__overlay{
  /* вместо сплошного тёмного — лёгкий градиент: картинка «дышит» */
  background: radial-gradient(55% 60% at 28% 35%, rgba(0,0,0,.14) 0, rgba(0,0,0,.42) 60%, rgba(0,0,0,.58) 100%) !important;
  opacity:.9; /* единый регулятор интенсивности */
}

/* ====== 4) Цвета заголовков — никакого чёрного на тёмном фоне ====== */
h1,h2,h3,.cap-card__title a{ color:var(--c-accent) !important; }
#analisis h2, #blog h2, #comunidad h2{ color:var(--c-accent) !important; }

/* ====== 5) Чуть крупнее базовый текст на всех устройствах ====== */
html{ font-size: clamp(16px, 1.05vw + 14px, 18.5px); }
.cap-hero p.lead{ font-size: clamp(1rem, 1.15vw + .6rem, 1.25rem); }

/* ====== 6) Кнопки: сохраняем стиль, слегка смягчаем контур на тёмном ====== */
.cap-btn{ border-radius:16px; }
.cap-btn--ghost{ border-color:rgba(255,255,255,.35); color:#EAFBFA; }
.cap-btn--ghost:hover{ background:rgba(255,255,255,.06); }

/* ====== 7) Микро-улучшения контраста в таблице сигналов ====== */
.cap-table th{ color:var(--c-accent); }
.cap-table th,.cap-table td{ border-color:rgba(255,255,255,.12); color:var(--c-text); }