/* ADHD Institut — návrh vizuálu v2 (vrstva nad styles.css; vypnutí = odstranit <link> na theme.css)
   Paleta: teplý krém · jemná máta · broskev/punč · korál · petrolej */

:root {
  --sand-50:  #FCF8F2;   /* teplý krém — základ stránky */
  --sand-100: #F6EFE4;
  --sand-150: #F9F3EA;
  --sand-200: #E6DCCD;
  --sand-300: #D6CAB8;

  --ink:       #1E2B2A;
  --ink-soft:  #4E5F5C;
  --ink-faint: #7F8C88;

  --sage:      #2E7B78;   /* petrolej, světlejší */
  --sage-dk:   #0E5558;   /* petrolej, hluboký */
  --sage-soft: #D2E8E0;
  --sage-mist: #E7F2EC;   /* jemná máta */
  --sage-light:#6FB3A6;
  --forest:    #0A4143;

  --clay:      #C74B38;   /* korál pro tlačítka (bílý text 4.6:1) */
  --clay-dk:   #A93A29;
  --clay-soft: #FADBCF;
  --coral:     #EE7A62;   /* jasný korál jen na dekor */

  --ochre:      #D9895F;  /* broskev / punč */
  --ochre-soft: #FBE2D1;
  --peach-soft: #FEF0E6;
  --mint-soft:  #EFF7F2;

  --dark: #0D4B4E;

  --r-lg: 20px;
  --r-xl: 28px;
  --shadow-sm: 0 1px 2px rgba(14, 85, 88, .05), 0 6px 18px -12px rgba(14, 85, 88, .18);
  --shadow-md: 0 2px 4px rgba(14, 85, 88, .05), 0 14px 32px -16px rgba(14, 85, 88, .22);
  --shadow-lg: 0 4px 8px rgba(14, 85, 88, .05), 0 28px 56px -24px rgba(14, 85, 88, .28);
}

/* Text necháme plynout — žádné zbytečně krátké řádky */
.lead { max-width: none; }
.section-head { max-width: none; }
.section-lead { max-width: none; }
.cta-band p { max-width: none; }
.signup-copy p { max-width: none; }
.contact-inner > div { max-width: none; }
.note-inline { max-width: none; }
.section-lead, .lead, .cta-band p, .card p, .panel p { text-wrap: pretty; }

::selection { background: var(--clay-soft); color: var(--ink); }
body { background: var(--sand-50); }
h1, h2, h3 { letter-spacing: -.02em; }

/* ── Tlačítka: pilulky, jemný stín, jednotný jazyk ── */
.btn { border-radius: 999px; padding: .9em 1.6em; }
.btn-primary { box-shadow: 0 10px 20px -12px rgba(199, 75, 56, .7); }
.btn-primary:hover { --btn-bg: var(--clay-dk); box-shadow: 0 12px 24px -12px rgba(199, 75, 56, .8); }
.btn-cool { --btn-fg: var(--sage-dk); border-color: rgba(14, 85, 88, .35); }
.btn-cool:hover { --btn-bg: var(--sage-mist); border-color: var(--sage-dk); }
.btn-ghost { border-color: rgba(14, 85, 88, .2); }
.btn-ghost:hover { --btn-bg: #fff; border-color: rgba(14, 85, 88, .35); }
.btn-outline-light { border-color: rgba(255, 255, 255, .4); --btn-fg: #fff; }
.btn-outline-light:hover { --btn-bg: rgba(255, 255, 255, .14); border-color: #fff; }

/* ── Hlavička ── */
.site-header { background: rgba(252, 248, 242, .82); }
.site-header.is-stuck { border-bottom-color: rgba(14, 85, 88, .1); }
.brand-text { color: var(--sage-dk); font-weight: 800; }
.site-nav a:hover { background: var(--ochre-soft); color: var(--ink); }

/* ── Hero: teplý přechod broskev + máta místo rozmazaných kruhů ── */
.hero {
  background:
    radial-gradient(55% 75% at 92% 4%, rgba(251, 226, 209, .95) 0%, transparent 62%),
    var(--sand-50);
}
/* Kruhová grafika v hero */
.hero-inner { z-index: 1; }
.blob { display: block; filter: none; opacity: 1; }
.blob-1 {
  width: 420px; height: 420px; min-width: 0; min-height: 0;
  top: -150px; right: -120px;
  background: rgba(251, 226, 209, .75);
  box-shadow: 0 0 0 48px rgba(251, 226, 209, .4), 0 0 0 100px rgba(251, 226, 209, .2);
}
.blob-2 {
  width: 150px; height: 150px; min-width: 0; min-height: 0;
  left: -50px; right: auto; bottom: 48px;
  background: transparent;
  border: 2px solid rgba(14, 85, 88, .2);
  box-shadow: 0 0 0 22px rgba(14, 85, 88, .05);
}
.blob, .hero-art { display: none !important; }
.hero-copy { position: relative; }
.hero-art { position: absolute; top: -6px; right: 0; width: 230px; pointer-events: none; }
.hero-art svg { display: block; width: 100%; height: auto; }
@media (max-width: 1100px) { .hero-art { display: none; } }
@media (max-width: 940px) {
  .blob-1 { width: 260px; height: 260px; top: -110px; right: -90px; }
  .blob-2 { display: none; }
}
.h1-sub { color: var(--sage-dk); }
.h1-main {
  color: var(--sage);
  background: linear-gradient(95deg, #0E5558 0%, #2E8C86 55%, #4FA89A 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-claim::after { width: 84px; background: linear-gradient(90deg, var(--clay), var(--coral)); }
.hero-status { color: var(--clay-dk); }

.hero-card {
  border: 1px solid rgba(14, 85, 88, .08);
  border-radius: var(--r-xl);
  background: #fff;
}
.pill-cool { background: var(--sage-mist); }
.info-list > div { border-top-color: rgba(14, 85, 88, .08); }

.eyebrow { background: #fff; border: 1px solid rgba(14, 85, 88, .1); color: var(--sage-dk); }
.dot { background: var(--coral); }
.dot-cool { background: var(--sage); }
.dot-warm { background: var(--ochre); }

/* ── Rytmus sekcí: krém → máta → broskev → petrolej ── */
.section-cream { background: linear-gradient(180deg, var(--mint-soft) 0%, #E8F3EC 100%); }
#ohlasy, #koucink { background: linear-gradient(180deg, var(--peach-soft) 0%, #FDEADC 100%); }
#institut { background: var(--sand-50); }

/* ── Karty: bílé, měkké stíny, jednotné zaoblení ── */
.card, .section-cream .card {
  background: #fff;
  border: 1px solid rgba(14, 85, 88, .08);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-sm);
}
.card:hover { box-shadow: var(--shadow-md); }
.icon-sage  { background: var(--sage-mist); color: var(--sage-dk); }
.icon-clay  { background: var(--clay-soft); color: var(--clay-dk); }
.icon-ochre { background: var(--ochre-soft); color: #B5683F; }
.card-icon-plain { color: var(--sage); }
.bio { background: #fff; border-color: rgba(14, 85, 88, .08); border-radius: var(--r-lg); }
.bio-avatar { box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--sage-soft); }

/* ── Panely a pásy ── */
.panel { border-radius: var(--r-lg); }
.panel-warm { background: var(--ochre-soft); }
.panel-cool { background: var(--sage-mist); }
.panel-plain { background: #fff; border-color: rgba(14, 85, 88, .1); }
.cta-band { border-radius: var(--r-xl); background: linear-gradient(120deg, #FCE6D6 0%, #F9D8C4 100%); }
.cta-band-solid { background: linear-gradient(120deg, #DDEEE6 0%, #CBE5DA 100%); }
.cta-band.thanks-follow { background: linear-gradient(120deg, #0E5558 0%, #0A4143 100%); }
.quote { background: linear-gradient(135deg, #0E5558 0%, #0A4143 100%); border-radius: var(--r-xl); }

/* ── Ohlasy: zdivo místo 3+2, střídavé tóny ── */
#ohlasy .card-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(1rem, 2vw, 1.5rem); }
#ohlasy .testimonial { grid-column: span 2; margin: 0; background: #fff; }
#ohlasy .testimonial:nth-child(n+4) { grid-column: span 3; }
.testimonial blockquote::before { color: var(--coral); font-size: 3.2rem; }
@media (max-width: 920px) { #ohlasy .card-grid { grid-template-columns: repeat(2, 1fr); } #ohlasy .testimonial, #ohlasy .testimonial:nth-child(n+4) { grid-column: auto; } }
@media (max-width: 620px) { #ohlasy .card-grid { grid-template-columns: 1fr; } }

/* ── Poděkování: fotky ── */
.thanks-gallery img { border-radius: var(--r-lg); box-shadow: var(--shadow-md); }

/* ── Odběr novinek ── */
.signup { background: #fff; border-color: rgba(14, 85, 88, .08); border-radius: var(--r-xl); box-shadow: var(--shadow-md); }
.signup-icon { background: var(--clay-soft); color: var(--clay-dk); }
.signup-field input { border-color: rgba(14, 85, 88, .2); }

/* ── Kontakt: petrolej s teplou záři ── */
.section-dark {
  background:
    radial-gradient(60% 90% at 100% 100%, rgba(238, 122, 98, .22) 0%, transparent 60%),
    linear-gradient(135deg, #0E5558 0%, #0A4143 100%);
}
.section-dark a:not(.btn) { color: var(--ochre-soft); }

/* ── Patička ── */
.site-footer { background: var(--sand-100); border-top-color: var(--sand-200); }