:root { --green: #00713C; --darkgreen: #013A1F; --gold:#cba660; --light-grey:#f2f2f2; --grey-text:#222222; --foot-grey:#7F673A; --grey-border: #e8e8e8; --pm-table-grey: #f7f7f7;  }
/* /*--grey-text:#7c7c7b;*/
/*
:root { --black: #0d0b08; --black-hover: #1e1c19; --grey: #f3f3f3; }
:root { --color1: rgba(213,43,30,1); --color2: rgba(206,142,0,1); --color3: rgba(91,143,34,1); --color4: rgba(0,118,190,1); }
:root { --color195: rgba(213,43,30,0.95); --color295: rgba(206,142,0,0.95); --color395: rgba(91,143,34,0.95); --color495: rgba(0,118,190,0.95); }
:root { --color175: rgba(213,43,30,0.75); --color275: rgba(206,142,0,0.75); --color375: rgba(91,143,34,0.75); --color475: rgba(0,118,190,0.75); }
:root { --color115: rgba(213,43,30,0.15); --color215: rgba(206,142,0,0.15); --color315: rgba(91,143,34,0.15); --color415: rgba(0,118,190,0.15); }
*/
/******************************************************************************/

body { color: #222; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 1.75em; position: relative; }

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

a { color: #222; }
a:hover { text-decoration: none; }
img { border: 0; margin: 0; padding: 0; vertical-align: bottom; }

h1, .h1, h2, h3, h4 { /*font-family: poppins, sans-serif;*/ }
h1, .h1 { font-size: 36px; font-weight: bold; line-height: 1.25em; margin-bottom: 0.5em; position: relative; }
h2 { font-size: 26px; font-weight: bold; line-height: 1.5em; margin-bottom: 0.5em; }
h3 { font-size: 20px; font-weight: bold; line-height: 1.5em; margin-bottom: 0.5em; }
h4 { font-size: 17px; font-weight: bold; line-height: 1.5em; margin-bottom: 0.5em; }

.h1 { display: block; }
.h1bg h1, .h1bg .h1 { background: url('../img/bg_h1.png') center top no-repeat; padding-top: 10px; }

.pm-title-container { position: relative; }
.pm-title { font-size: 32px; margin-left: 25px; margin-bottom: 15px; font-weight: bold; }
.pm-title::before { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background-color: #cba660; border-radius: 50%; }


/*
.h1-circle1, .h1-circle2, .h1-circle3, .h1-circle4 { background-position: center top; background-repeat: no-repeat; display: block; font-size: 36px; font-weight: bold; line-height: 1.5em; margin-bottom: 0.5em; padding-top: 70px; position: relative; }

.h1-circle1 { background-image: url('../img/circle/01_brno/icon_circle_01.png'); }
.h1-circle2 { background-image: url('../img/circle/01_brno/icon_circle_02.png'); }
.h1-circle3 { background-image: url('../img/circle/01_brno/icon_circle_03.png'); }
.h1-circle4 { background-image: url('../img/circle/01_brno/icon_circle_04.png'); }
*/

/*
.perexTop { font-size: 22px; font-weight: bold; display: block; margin: 13px 0; }
.perexBottom { font-size: 14px; color: var(--grey-text); display: block; margin-bottom: 13px; }
*/

table {	border-collapse: collapse; }
ul { padding-left: 20px; }
ol { padding-left: 20px; }
p { margin: 0; }

input, textarea, select { font-family: 'Roboto', sans-serif; font-size: 1em; }
iframe { max-width: 100%; }

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

.zvyrazneni { color: var(--color1); }
.schema1 .zvyrazneni { color: var(--color1); }
.schema2 .zvyrazneni { color: var(--color2); }
.schema3 .zvyrazneni { color: var(--color3); }
.schema4 .zvyrazneni { color: var(--color4); }

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

.table {}
.table tr th { line-height: 1.5em; }
.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; }

/******************************************************************************/
/* tabulka 2 sloupce */

/* Základní styl pro tabulku */
.table-2-cols {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

/* Styl pro buňky v tabulce */
.table-2-cols > tbody > tr > td {
  /*border: 1px solid #ddd;*/
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

/* Responzivita - sloupce pod sebou při menších obrazovkách */
@media screen and (max-width: 1050px) {
  .table-2-cols > tbody > tr > td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}

/******************************************************************************/
/* tabulka 2 sloupce - tradiční */

/* Základní styl pro tabulku */
.table-2-cols-traditional {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

/* Styl pro buňky v tabulce */
.table-2-cols-traditional > tbody > tr > td {
  /*border: 1px solid #ddd;*/
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

/* Responzivita - sloupce pod sebou při menších obrazovkách */
@media screen and (max-width: 700px) {
  .table-2-cols-traditional > tbody > tr > td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  .table-2-cols-traditional ul { margin-top: 0!important; }
  .table-2-cols-traditional > tbody > tr > td { padding-top: 0; padding-bottom: 0; }
}

/******************************************************************************/
/* tabulka pokerman */

.table-pokerman { width: 100%; border-collapse: collapse; border: 1px solid #e5e5e5; overflow-x: auto; display: block; height: auto!important; }
.table-pokerman tr:first-child { background: var(--pm-table-grey); color:#000; font-weight: bold; }
.table-pokerman tr:nth-child(even) { /*background: #ddd;*/ }
.table-pokerman td { padding: 10px; text-align: left; border-bottom: 1px solid #e5e5e5; }
.table-pokerman th { background-color: var(--green); color: #fff; font-weight: bold; }

/******************************************************************************/
/* tlačítko pokerman */

.tlacitko-pokerman { font-size: 14px; padding: 10px 15px; background: var(--gold); color: #fff; width: fit-content; display: block; text-decoration: none; font-family: Roboto-Medium, sans-serif; min-width: 140px; text-align: center; border: none; }

/******************************************************************************/
/* tlačítko online-herny */

.tlacitko-online-herny { padding: 10px; color: #fff; background: #000; text-align: center; font-size: 14px; width: fit-content; text-decoration: none; border-radius: 10px; }
.tlacitko-online-herny-negativ { padding: 10px; color: #000; background: #fff; text-align: center; font-size: 14px; width: fit-content; text-decoration: none; border-radius: 10px; }

/*
tr.table-online-2-cols:first-of-type td { width: 200px; }
tr.table-online-2-cols:last-of-type td { background: var(--gold); color: #fff;  }
tr.table-online-3-cols:first-of-type td { width: 200px; }
tr.table-online-3-cols:last-of-type td { background: var(--gold); color: #fff;  }
tr.table-online-3-cols:nth-last-of-type(2) td { background: var(--green); color: #fff; }
*/

.tlacitko-bonusy { background: var(--green); color: #fff; text-align: center; width: 75px; height: 30px; border-radius: 10px; }
.tlacitko-zahrej-si { background: var(--gold); color: #fff; text-align: center; width: 75px; height: 30px; border-radius: 10px; }
.tlacitko-registruj-se { background: var(--gold); color: #fff; text-align: center; width: 150px; height: 30px; border-radius: 10px; }

/*
.tlacitko-online-herny { padding: 0; color: #fff; background: #000; text-align: center; font-size: 14px; width: 100%; height: 100%; text-decoration: none; border-radius: 10px; }
.tlacitko-online-herny-negativ { padding: 0; color: #000; background: #fff; text-align: center; font-size: 14px; width: 100%; height: 100%; text-decoration: none; border-radius: 10px; }
*/

/******************************************************************************/
/* tabulka online-herny */

table.table-online-gaming { border-spacing: 3px; border-collapse: separate; background: #fff; padding: 10px; font-size: 13px; }
.table-online-gaming tr td:first-of-type { width: 125px; height: 30px; text-align: center; padding: 5px; border-radius: 10px; }
.table-online-gaming tr td img { vertical-align: middle; height: auto; max-height: 30px; width: auto; }
.table-online-gaming a { text-decoration: none; color: inherit; }
.table-online-gaming tr td a { white-space: nowrap; display: block; width: 100%; }
.table-online-gaming tr:last-of-type td { padding-top: 10px; font-size: 11px; line-height: 1.25em; }

/*
.table-online-gaming { width: 100%; max-width: 350px; margin-bottom: 5px; }
.table-online-gaming tr td:nth-child(1) { padding-left: 5px; }
.table-online-gaming tr td:nth-child(2), .table-online-gaming tr td:nth-child(3) { padding: 0px; }
.table-online-gaming tr td { height: 60px; border-bottom: 10px solid #f2f2f2; }
.table-online-gaming a { text-decoration: none; color: inherit; }
.table-online-gaming tr td:first-of-type img { max-width: 100px; }
.table-online-gaming tr td a { white-space: nowrap; }
.table-online-gaming thead { display: none; }
*/

.table-online-gaming-other tr td { padding: 15px; }
.table-online-gaming-other tr td { line-height: 1.25em; font-size: 14px; }
.table-online-gaming-other tr td a { text-decoration: none; }
@media screen and (max-width: 400px) {
    .table-online-gaming-other tr td:first-of-type { min-width: 50px; }
    .table-online-gaming-other tr td { padding: 10px; }
    .table-online-gaming-other .tlacitko-online-herny-negativ, .table-online-gaming-other .tlacitko-online-herny { padding: 5px; }
}

/******************************************************************************/
/* respinzivní tabulka */

/* Responsivní tabulka */
.responsive-table {
    width: 100%;
    overflow-x: auto;
}

.responsive-table table {
    width: 100%;
    border-collapse: collapse;
}

.responsive-table th,
.responsive-table td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

/* Nastavení zobrazení pro menší zařízení */
@media screen and (max-width: 600px) {
    .responsive-table table {
        width: 100%;
    }

    .responsive-table thead,
    .responsive-table tbody,
    .responsive-table th,
    .responsive-table td,
    .responsive-table tr {
        display: block;
    }

    /* Nastavení hlavičky tabulky */
    .responsive-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .responsive-table tr {
        border: 1px solid #ddd;
    }

    .responsive-table td {
        border: none;
        border-bottom: 1px solid #ddd;
        position: relative;
        padding-left: 40%;
    }

    .responsive-table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .responsive-table td:before {
        content: attr(data-label);
    }
}

/******************************************************************************/
/* tlačítka */
/*
.button { background: var(--color1); border: 0; color: #eee; cursor: pointer; display: inline-block; font-size: small; font-weight: bold; padding: 8px 25px; text-align: center; text-decoration: none; }
.button:hover { color: var(--black); }
.schema1 .button { background: var(--color1); }
.schema2 .button { background: var(--color2); }
.schema3 .button { background: var(--color3); }
.schema4 .button { background: var(--color4); }

.button.w100 { width: 100%; }
.button.small { line-height: 1.25em; padding: 2px 5px; text-transform: none; }

.button-black { background: var(--black) !important; color: #fff; }
.button-black:hover { color: var(--color1); }
.schema1 .button-black:hover { color: var(--color1); }
.schema2 .button-black:hover { color: var(--color2); }
.schema3 .button-black:hover { color: var(--color3); }
.schema4 .button-black:hover { color: var(--color4); }

.button-white { background: #fff; color: #222; }
.button-white:hover { background: #eee; }
*/
/******************************************************************************/
/* tabulka - ceník */

/*
.table-envelope { width: auto !important; }
.table-envelope tr th, .table-envelope thead tr td { background: #777; color: #fff !important; padding: 3px 15px; }
.table-envelope tr th:first-child { text-align: left; }
.table-envelope tr td { padding: 3px 15px; vertical-align: top; }
.table-envelope tr td:first-child { color: var(--highlight); }
.table-envelope tr td:last-child { white-space: nowrap; }
.table-envelope tr:nth-child(even) td { background: #efefef; }
.table-envelope 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; }
*/

/******************************************************************************/
/* tabulka - zelená */

.tabulka-zelena { border-collapse: collapse; border: 3px double #999 !important; }
.tabulka-zelena th, .tabulka-zelena td { border: 1px solid #999; padding: 4px 10px; }
.tabulka-zelena thead tr td, .tabulka-zelena tr th { background: var(--green); color: #fff; font-weight: normal; line-height: 1.5em; }
.tabulka-zelena th a { color: #fff; }
.tabulka-zelena tr td { background: #bfedd2; }
.tabulka-zelena tr:nth-child(even) td { background: #cffee3; }
.tabulka-zelena tbody tr:hover td { background: #aedcc1; }

/******************************************************************************/
/* tabulka získej nejlepší bonus */

.table-best-bonus { width: 100%; border-collapse: collapse; border: 1px solid #e5e5e5; overflow-x: auto; display: block; height: auto!important; }
.table-best-bonus thead tr:first-child { background: var(--pm-table-grey); color:#000; font-weight: bold; }
.table-best-bonus tr:nth-child(even) { /*background: #ddd;*/ }
.table-best-bonus td { padding: 10px; text-align: left; border-bottom: 1px solid #e5e5e5; }
.table-best-bonus th { background-color: var(--green); color: #fff; font-weight: bold; }
.table-best-bonus caption { width: 100%; display: block; }

@media (max-width: 575px) {

  /* žádný horizontální scroll z wrapperů */
  .table-best-bonus {
    width: 100% !important;
    border-collapse: separate !important; /* klíčové při stacku */
    border: 0;
    overflow-x: visible !important;
  }

  /* schovat hlavičku */
  .table-best-bonus thead {
    display: none !important;
  }

  /* tělo chceme jako blok */
  .table-best-bonus tbody {
    display: block;
    width: 100%;
  }

  /* každý řádek jako „karta“ s buňkami pod sebou */
  .table-best-bonus tr {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    margin: 0 0 15px 0;
    border: 1px solid #e5e5e5;
    border-left: 0;
    border-right: 0;
    background: #fff;
  }

  /* buňky pod sebe, bez kolapsu šířky */
  .table-best-bonus td,
  .table-best-bonus th {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    padding: 10px;
    border: 0;
    border-bottom: 1px solid #eee;
    text-align: left;
  }

  .table-best-bonus td:last-child,
  .table-best-bonus th:last-child {
    border-bottom: none;
  }

  /* zachovávám tvoje omezení obrázků */
  .table-best-bonus img {
    max-width: 200px !important;
    height: auto !important;
  }

  /* poslední buňka se zarovnáním na střed */
    .table-best-bonus td:last-child {
      text-align: center !important;
    }

    /* pro sichr ať se tlačítko nechová divně */
    .table-best-bonus td:last-child .tlacitko-pokerman {
      display: inline-block;
    }
}