/*
 * Lynt Calc – vzhled pro chiptron.cz a chiptron.eu (Bricks, child theme „chiptron“). Plugin ho načte sám, když je
 * aktivní šablona chiptron (Lynt_Calc_Assets::site_css). Barvy bere z proměnných Bricks na webu; za čárkou jsou
 * náhradní hodnoty pro vloženou verzi na cizích webech, kde styly chiptronu chybí.
 * Vzhled webu: oranžový akcent, šedofialový text, ostré rohy, ploché světle oranžové zvýraznění, verzálky u tlačítek.
 * Selektory začínají .lc – WordPress řadí styly pluginu v hlavičce před styly šablony, vyhrávají tedy přesností.
 */

.lc,
.lc-schema {
	--lc-accent: var(--primary, #da6328);
	--lc-ink: var(--base, #4d4d66);
	--lc-muted: #6e6e84;
	--lc-line: var(--base-light, #e4e4e8);
	--lc-field: var(--base, #4d4d66);
	--lc-soft: var(--base-ultra-light, #f6f6f7);
	--lc-radius: 0;
	--lc-radius-box: 0;
	--lc-radius-field: 0;
	--lc-radius-pill: 0;
	--lc-info: var(--primary-ultra-dark, #833b18);
	--lc-info-bg: var(--primary-ultra-light, #fdf7f4);
	--sch-hl: var(--primary, #da6328);
}

/* styly šablony dávají odstavcům a span výšku řádku textu článku – v kalkulačce platí její vlastní */
.lc :where(p, span) { line-height: inherit; }

/* nadpisy, záložky a tlačítka jako na webu: menší verzálky s prostrkáním */
.lc .lc-heading { color: var(--base-ultra-dark, #2e2e3d); letter-spacing: .5px; }
.lc .lc-tabs button { font-size: .875em; text-transform: uppercase; letter-spacing: .5px; }
.lc .lc-btn { font-size: .875em; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; padding: 7px 16px; }
.lc .lc-btn--primary:hover:not(:disabled) { background: var(--primary-dark, #ae4f20); border-color: var(--primary-dark, #ae4f20); }

/* předvolby a volby bez verzálek – „20 mA“ nesmí být „20 MA“ */
.lc .lc-preset,
.lc .lc-choice { border-color: var(--lc-line); }
.lc .lc-preset:hover,
.lc .lc-choice:hover { border-color: var(--lc-accent); }
.lc .lc-preset.is-on,
.lc .lc-choice.is-on { background: var(--primary-light, #f9e8df); border-color: var(--lc-accent); color: var(--primary-ultra-dark, #833b18); }

/* výsledky: ploché plochy jako rámeček „Stručně“ */
.lc .lc-result { border-color: transparent; }
.lc .lc-result--primary { background: var(--primary-light, #f9e8df); border-color: transparent; color: var(--base-ultra-dark, #2e2e3d); }
.lc .lc-result--primary .lc-result__label { color: var(--lc-ink); opacity: 1; }

/* blok Schéma: popisek jako popisky obrázků na webu */
.lc-schema .lc-schema__caption { color: #9e9e9e; }

/* stránka schématických značek */
.lc-symbol .lc-symbol__figure { border-color: var(--base-light, #e4e4e8); border-radius: 0; color: var(--base, #4d4d66); }
.lc-symbol .lc-symbol__art { border-bottom-color: var(--base-light, #e4e4e8); }
.lc-symbol .lc-symbol__name { color: var(--base-ultra-dark, #2e2e3d); }
.lc-symbol .lc-symbol__desc { color: var(--base, #4d4d66); }
.lc-symbol:target .lc-symbol__figure { border-color: var(--primary, #da6328); box-shadow: 0 0 0 3px rgba(218, 99, 40, .18); }