/* ORLOVIZE – VARIANTA 2: OCELová MODŘ A STŘÍBRO
   Vzdušnější a klidnější televizní vzhled s decentní červenou.
*/

:root {
    --paper: #eef2f6;
    --paper-light: #ffffff;
    --paper-dark: #dfe6ed;

    --ink: #233447;
    --ink-soft: #5b6d80;

    --gold: #6888a8;
    --gold-light: #a8bdcf;
    --burgundy: #c8443d;

    --line: rgba(64, 91, 119, 0.23);
    --line-light: rgba(64, 91, 119, 0.13);
}

/* Základ */

body {
    background: var(--paper);
    color: var(--ink);
}

a {
    color: #bd3936;
}

a:hover,
a:focus {
    color: #8f2929;
}

::selection {
    color: #fff;
    background: #315675;
}

/* Hlavička */

/* Zachování původního obrázku v horní hlavičce */
.site-header {
    background-color: #172b46;
    background-image: url("../images/pozadi-hlavicka.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.site-logo {
    color: #fff;
}

.site-logo:hover,
.site-logo:focus {
    color: #fff;
}

.site-logo__mark {
    color: #c4d5e3;
}

.site-logo__text {
    color: #fff;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.18);
}

.site-logo__subtitle {
    color: #e0e9f0;
}

/* Navigace */

.main-nav {
    background: #e3eaf1;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.main-nav a {
    color: #314d68;
}

.main-nav a:hover,
.main-nav a:focus,
.main-nav__submenu a:hover,
.main-nav__submenu a:focus-visible {
    color: #bd3936;
}

.main-nav > a::after,
.main-nav__link::after {
    background: #c8443d;
}

.main-nav__submenu {
    background: #f8fafc;
    border-color: #cbd7e2;
    border-top: 2px solid #c8443d;
    box-shadow: 0 8px 22px rgba(27, 51, 75, 0.16);
}

.main-nav__submenu a {
    color: #405a73;
    border-bottom-color: #dce4eb;
}

/* Úvodní plocha */

.hero {
    background:
        radial-gradient(
            ellipse at 50% 0%,
            #fff 0%,
            rgba(238, 242, 246, 0.94) 72%
        ),
        var(--paper);
    border-bottom: 1px solid var(--line);
}

.hero__ornament,
.hero__ornament-star {
    color: #5e80a1;
}

.hero__ornament span:not(.hero__ornament-star),
.hero__bottom-rule {
    background: #9db4c9;
}

.eyebrow,
.topic-card__label,
.sidebar__eyebrow,
.quote-section__source {
    color: #bd3936;
}

.hero h1 {
    color: #233f59;
}

.hero__intro {
    color: var(--ink-soft);
}

.text-link {
    color: #bd3936;
    border-bottom-color: #a8bdcf;
}

.text-link span {
    color: #5e80a1;
}

/* Obsah a karty */

.intro,
.texts,
.article-index {
    background: #fff;
}

.topics {
    background: #eef2f6;
}

.topic-card {
    background: rgba(255, 255, 255, 0.88);
    border-color: var(--line-light);
    box-shadow: 0 3px 13px rgba(34, 59, 83, 0.035);
}

.topic-card:hover {
    background: #fff;
    border-color: var(--line);
}

.topic-card--featured {
    background: #fff;
    border-top: 3px solid #5e80a1;
}

.topic-card__number,
.text-list__number,
.text-list__arrow,
.article-index__number,
.article-index__arrow {
    color: #5e80a1;
}

.topic-card h3,
.intro h2,
.texts h2,
.section-heading h2,
.closing-section h2 {
    color: #233f59;
}

/* Citát */

.quote-section {
    background: linear-gradient(
        120deg,
        #dfe7ee,
        #cbd9e5
    );
    border-color: #bdcbd8;
}

.quote-section blockquote {
    color: #233f59;
}

.quote-section__symbol {
    color: #5e80a1;
}

.quote-section__source {
    color: #bd3936;
}

.quote-section__note {
    color: #5b6d80;
}

/* Seznamy a články */

.text-list,
.text-list__item,
.article-index__item {
    border-color: var(--line);
}

.text-list__item {
    color: var(--ink);
}

.text-list__item:hover .text-list__content strong,
.article-index__item:hover .article-index__content strong,
.article-index__item:focus-visible .article-index__content strong {
    color: #bd3936;
}

.article-index__item:hover,
.article-index__item:focus-visible {
    background: rgba(94, 128, 161, 0.06);
}

.article-heading {
    border-bottom-color: var(--line);
}

.article-content h1,
.article-body h2 {
    color: #233f59;
}

/* Postranní sloupec */

.sidebar-box {
    background: #fff;
    border-color: var(--line-light);
    border-radius: 6px;
    box-shadow: 0 4px 14px rgba(34, 59, 83, 0.04);
}

.sidebar-box--quote {
    background: #dfe7ee;
    border-top: 3px solid #5e80a1;
}

.sidebar-box--quote blockquote {
    color: #233447;
}

.sidebar-links li,
.sidebar-links li:last-child {
    border-color: var(--line-light);
}

.sidebar-links a {
    color: var(--ink-soft);
}

.sidebar-links a:hover,
.sidebar-links a:focus {
    color: #bd3936;
}

/* Závěr a patička */

.closing-section {
    background: #dfe7ee;
    border-top: 1px solid var(--line);
}

.site-footer {
    background: #203b55;
    color: #fff;
    border-top: 3px solid #8da8c0;
}

.site-footer__logo {
    color: #fff;
}

.site-footer__inner p {
    color: #d6e1ea;
}

.site-footer__inner .site-footer__copyright {
    border-top-color: rgba(255, 255, 255, 0.2);
}

/* Obrázky a video */

article img {
    box-shadow: 0 4px 14px rgba(27, 51, 75, 0.14);
}

.sidebar-video {
    color: var(--ink);
}

.sidebar-video__image {
    border-color: var(--line);
    background: #dfe7ee;
    box-shadow: 0 3px 10px rgba(27, 51, 75, 0.1);
}

.sidebar-video:hover,
.sidebar-video:focus-visible {
    color: #bd3936;
}

.sidebar-video:focus-visible {
    outline-color: #5e80a1;
}

/* Hudební přehrávač */

.hv-player {
    background: #f7f9fc;
    border-color: #d1dce6;
    box-shadow: 0 3px 12px rgba(34, 59, 83, 0.06);
}

.hv-song2 {
    color: #233447;
}

.hv-tit,
.hv-vol-icon {
    color: #5b6d80;
}

.hv-play {
    background: #c8443d;
}

.hv-play:hover {
    background: #a93230;
}

.hv-play.playing {
    background: #5e80a1;
}

.hv-volume {
    background: #d1dce6;
}

.hv-volume::-webkit-slider-thumb,
.hv-volume::-moz-range-thumb {
    background: #c8443d;
}