:root {
    --color-cta: #f7e32f; /* CTA */
    --color-cta-hover: #e6d21e;

    --fw-light: 300;
    /* ! Nové barvy */
    --highlight: #182744;
    --highlight-hover: #293855;
    --highlight2: #d29504;

    --color-fg-1: #545454;
    --color-fg-2: #1965e1;
    --color-fg-3: #bebebe;
    --color-fg-4: #004994;
    --color-bg-1: #ffffff;
    --color-bg-2: #f8f8f8;
    --color-bg-3: #1965e1;
    --color-bg-4: #b8cceb;

    accent-color: var(--color-fg-2);
}
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;

  font-size: 14px;
  line-height: 1.5;
  font-family: Helvetica, sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  color: var(--color-fg-1);
}
body {
    /* line-height: 1.5em; */
    position: relative;
}
/******************************************************************************/

/* h1, .h1, h2, .h2, h3, .h3, h4, .h4 { } */
h1, .h1 { font-size: 40px; font-weight: 600; line-height: 1.25; margin-top: 1em; margin-bottom: 1em; text-wrap: balance; }
/* :where(#homepage) h1::after, :where(#homepage) .h1::after {
    content: "";
    display: block;
    background: var(--h1-line-color, var(--color-bg-1));
    height: 2px;
    width: 100px;
    margin: auto;
} */

h2, .h2 { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0; margin-top: 1em; margin-bottom: 1em; text-wrap: balance; }
h3, .h3 { font-size: 20px; font-weight: 600; line-height: 1.25; margin: 0; text-wrap: balance; }
h4, .h4 { font-size: 16px; font-weight: 600; line-height: 1.25; margin: 0; text-wrap: balance; }

.h1, .h2, .h3, .h4 { display: block; }

h1 strong, .h1 strong,
h2 strong, .h2 strong,
h3 strong, .h3 strong {
    font-weight: 900;
}

table {	border-collapse: collapse; }
p { margin: 0; }
a { color: inherit; }
a:hover { text-decoration: none; }
img { border: 0; margin: 0; padding: 0; vertical-align: bottom; }


ul {
    padding-left: 1em;
    margin: 1em 0;
}
ul li::marker {
    color: var(--color-fg-1);
    font-size: .6em;
}
input, textarea, select { font-family: inherit; font-size: 1rem; }

hr {opacity: .15;height: 1px;background: currentColor;border: none;margin: 1em 0;}

@media (max-width: 600px) {
    /* h1, .h1 { font-size: 32px; margin-top: .5em; margin-bottom: .5em;} */
    /* h2, .h2 { font-size: 22px; margin-top: .5em; margin-bottom: .5em; } */
    /* h3, .h3 { font-size: 18px; margin: 0; } */
    /* h4, .h4 { font-size: 16px; margin: 0; } */
}

/******************************************************************************/

.velka-pismena { text-transform: uppercase; }

/******************************************************************************/

.zeleny-titulek {color: #008931;font-weight: bold;font-size: 22px;text-wrap: balance;}

/******************************************************************************/

/* .zvyrazneni { color: #00a1e2; } */
.zvyrazneni { color: var(--color-fg-1); }
.zvyrazneni-seda { color: #666; }
.zvyrazneni-zluta { color: #d39603; }

/******************************************************************************/

.text-tentky { font-weight: 300; }

/******************************************************************************/
/* tabulka */

.table {}
.table tr th { line-height: 1.5; }
.table tr th, .table tr td { padding: 0px 15px 0px 0; }
.table tr th, .table thead tr td, .table tr.th td { background: var(--highlight); background: #ccc; color: #111; font-weight: normal; }

/******************************************************************************/
.text-max4 {
    width: 100% !important;
    height: auto !important;
}
.text-max4 tr {
    height: auto !important;
}
.text-max4 td {
    width: 100% !important;
    height: auto !important;
    columns: 230px;
    column-gap: 1em;
}
/******************************************************************************/

.content-table {
    width: 100% !important;
    height: auto !important;
}
.content-table tr {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(440px, 1fr));
    gap: 1em;
    height: auto !important;
}
.content-table td {
    /* font-size:14px; */
    display: block;
    width: 100% !important;
    height: auto !important;
}
.content-table img {
    max-width: 100%;
    object-fit: contain;
    height: auto;
}
@media (max-width: 600px) {
    .content-table tr {
        grid-template-columns: 1fr;
    }
}
/******************************************************************************/

.content-table-reverse {
    width: 100% !important;
    height: auto !important;
}
.content-table-reverse tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* grid-template-columns: repeat(auto-fill, minmax(440px, 1fr)); */
    gap: 1em;
    height: auto !important;
}
.content-table-reverse td {
    /* font-size:14px; */
    display: block;
    width: 100% !important;
    height: auto !important;
}
.content-table-reverse img {
    max-width: 100%;
    object-fit: contain;
    height: auto;
}
@media (max-width: 900px) {
    .content-table-reverse tr {
        grid-template-columns: 1fr;
    }
    .content-table-reverse td:first-child {
        order: 2;
    }
}
@media (max-width: 600px) {
    .content-table-reverse tr {
        grid-template-columns: 1fr;
    }
}

/******************************************************************************/

.content-table-4 {
    width: 100% !important;
    height: auto !important;
}
.content-table-4 tr {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1em;
    height: auto !important;
}
.content-table-4 td {
    /* font-size:14px; */
    display: block;
    width: 100% !important;
    height: auto !important;
}
.content-table-4 img {
    max-width: 100%;
    object-fit: contain;
    height: auto;
}
@media (max-width: 600px) {
    .content-table-4 tr {
        grid-template-columns: 1fr;
    }
}

/******************************************************************************/
.machine-table {
    font-size: 14px;
    line-height: 1.5em;
    width: 100%;
}
.machine-table td {
    position: relative;
}
.machine-table td::after {
    position: absolute;
    bottom: 0;
    width: 95%;
}
.machine-table td:first-child {
    text-align: right;
    padding: .25em calc(2em + 8px) .25em 1em;
    width: 50%;
}
.machine-table td:last-child {
    color: var(--color-fg-1);
}
.machine-table td::after {
    border-bottom: 1px solid currentColor;
    content: "";
    display: block;
    opacity: .2;
}
.machine-table td:first-child::after {
    margin-left: -1em;
    margin-right: -2em;
}
.machine-table tr:first-child td::before {
    border-bottom: 1px solid currentColor;
    content: "";
    display: block;
    opacity: .2;
    width: 95%;
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 600px) {
    .machine-table {
        font-size: 15px;
        /* line-height: 1.6; */
    }
}


/******************************************************************************/
/* tlačítka */

/* .button {
    --color-1: #d39603;
    --color-2: #fff;
    --color-3: #000;
    --line: 2;
    position: relative;
    display: inline-block;
    text-decoration: none;
    isolation: isolate;
    padding: .5em 2em;
    filter: drop-shadow(calc(var(--line) * 1px) calc(var(--line) * 1px + 1px) 0px var(--color-1));
    color: var(--color-3);
    font-weight: bold;
    transition: .2s filter;
    text-transform: uppercase;
    margin-left: .5em;
    margin-right: .5em;
    margin-bottom: calc(var(--line) * 1px + 1px);
    appearance: none;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: inherit;
}
.button::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--color-2);
    z-index: -1;
    transform: skew(-21deg);
    transition: .2s background;
}

.button:hover {
    --color-2: #d39603;
    --color-1: #000;
}

.button.button-bigger {
    --line: 2;
    font-size: 1.3em;
} */

/* .button-black { background: #000; color: #fff; }
.button-black:hover { background: #111; }
.button-white { background: #fff; color: #222; }
.button-white:hover { background: #eee; }
.button-yellow { background: var(--yellow); color: #222; }
.button-yellow:hover { background: var(--yellow-hover); }
.button-cta { background: var(--color-cta); }
.button-cta:hover { background: var(--color-cta-hover); }

.button-float-right {float: right;} */

.button--brother {
    background: var(--color-bg-3);
    color: white;
    font-weight: bold;
    font-size: 14px;
    padding: 2em 3em;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    transition: .2s background;
    display: inline-block;
    line-height: 1;
}
.button--brother .button__icon {
    margin-left: 1em;
    display: inline-grid;
    vertical-align: middle;
}
.button--brother:focus-within,
.button--brother:hover {
    background: black;
    outline: none;
}


/******************************************************************************/
/* tabulka - ceník */

.table-price-list { max-width: 500px; width: 100% !important; }
.table-price-list tr th { background: #777; color: #fff; font-size: small; padding: 0 15px; }
.table-price-list tr th:first-child { text-align: left; }
.table-price-list tr td { padding: 0px 15px; vertical-align: top; }
.table-price-list tr td:first-child { }
.table-price-list tr td:last-child { text-align: right; white-space: nowrap; }
.table-price-list tr:nth-child(even) td { background: #efefef; }
.table-price-list tr:nth-child(odd) td {}

/******************************************************************************/
/* tabulka - o nás */

.table-about-us { width: 100%; }
.table-about-us tr td { padding: 10px 15px; vertical-align: top; }
.table-about-us tr td:first-child { border-right: 1px solid #ddd; }
.table-about-us tr:nth-child(even) td { background: #eee; }
.table-about-us tr:nth-child(odd) td {}

/******************************************************************************/
/* tabulka - otvírací doba */

.table-opening-hours {}
.table-opening-hours tr td { padding: 0 15px; }
.table-opening-hours tr:nth-child(even) td { background: #eee; }
.table-opening-hours tr:nth-child(odd) td {}

/******************************************************************************/
/* tabulka - adresa */

.table-address { width: 100% !important; }
.table-address tr td { overflow: hidden; position: relative; vertical-align: top; }
.table-address iframe { height: 210px; width: 99.99%; }

/******************************************************************************/
/* tabulka - kontakty */

.table-contacts { width: 100% !important; }
.table-contacts tr td { padding: 0 15px 45px 0; vertical-align: top; width: 33.33% !important; }


/******************************************************************************/