body { background, url("/obrazek/3/pozadi-jpg") repeat-x 0 0 #F2F2F2; }

.btn-primary {

  background-color: #444444 !important;

  border: none !important;

  color: #ffffff !important;

  border-radius: 4px !important;

  padding: 9px 22px !important;

  font-size: 17px !important;

  box-shadow: none !important;

}

/* Hlavní motiv pouze na úvodní stránce */

body:not(#index) #motive,

body:not(#index) #theme {

  display: none !important;

}

/* Tlačítko Google Maps – desktop */

#index a.btn-primary[href*="TCM+Eruvia"] {

  transform: none !important;

  position: relative;

  left: calc(100% + 26px);

}

/* Mobil */

@media (max-width: 767px) {

  #index a.btn-primary[href*="TCM+Eruvia"] {

    position: static !important;

    left: auto !important;

    transform: none !important;

    display: block !important;

    width: fit-content !important;

    margin: 12px auto 0 auto !important;

  }

}

/* MOBIL – obrázek před tlačítkem u vybraných sekcí */

@media (max-width: 767px) {

  /* Můj příběh a vzdělání */

  #index section.section-2-col-left-text:has(a.btn-primary[href="#"]) .row,

  /* Skutečné příběhy */

  #index section.section-2-col-left-text:has(a[href*="skutecne-pribehy-a-zkusenosti"]) .row,

  /* Návštěva ordinace */

  #index section.section-2-col-right-text:has(a[href*="navsteva-ordinace-podminky"]) .row {

    display: flex !important;

    flex-direction: column !important;

  }

  /* textový sloupec „rozbalíme“, aby šlo tlačítko přesunout samostatně */

  #index section.section-2-col-left-text:has(a.btn-primary[href="#"]) .section-content:first-child,

  #index section.section-2-col-left-text:has(a[href*="skutecne-pribehy-a-zkusenosti"]) .section-content:first-child,

  #index section.section-2-col-right-text:has(a[href*="navsteva-ordinace-podminky"]) .section-content:first-child {

    display: contents !important;

  }

  /* obrázek bude druhý */

  #index section.section-2-col-left-text:has(a.btn-primary[href="#"]) .section-content:last-child,

  #index section.section-2-col-left-text:has(a[href*="skutecne-pribehy-a-zkusenosti"]) .section-content:last-child,

  #index section.section-2-col-right-text:has(a[href*="navsteva-ordinace-podminky"]) .section-content:last-child {

    order: 2 !important;

  }

  /* tlačítko bude až pod obrázkem */

  #index section.section-2-col-left-text:has(a.btn-primary[href="#"]) p:has(a.btn-primary),

  #index section.section-2-col-left-text:has(a[href*="skutecne-pribehy-a-zkusenosti"]) p:has(a.btn-primary),

  #index section.section-2-col-right-text:has(a[href*="navsteva-ordinace-podminky"]) p:has(a.btn-primary) {

    order: 3 !important;

    margin-top: 14px !important;

  }

}

/* Zarovnání obrázků spodních dvousloupcových sekcí – iPad a PC */

@media (min-width: 768px) {

  /* Skutečné příběhy */

  #index section.section-2-col-left-text:has(a[href*="skutecne-pribehy-a-zkusenosti"])

  .section-content img,

  /* Návštěva ordinace */

  #index section.section-2-col-right-text:has(a[href*="navsteva-ordinace-podminky"])

  .section-content img,

  /* Kde mne najdete */

  #index section.section-2-col-left-text:has(a[href*="google.com/maps/place/TCM+Eruvia"])

  .section-content img {

    display: block !important;

    margin-left: 0 !important;

    margin-right: auto !important;

  }

}

/* MOBIL – ODSAZENÍ JEDNOTLIVÝCH TEXTOVÝCH SEKCÍ */

@media (max-width: 767px) {

  /* 1. Zdraví není samozřejmost */

  #index section.section-title .section-content > p {

    margin-left: 4px !important;

    margin-right: 4px !important;

  }

  /* 2. Michaela Štofková */
  /* Michaela Štofková – pouze nadpis */

  #index section.section-2-col-left-text:has(a.btn-primary[href="#"]) .section-content:first-child > p:first-child {

    text-align: left !important;

    transform: translateX(-40px) !important;

  }

  /* Michaela Štofková – pouze text */

  #index section.section-2-col-left-text:has(a.btn-primary[href="#"]) p:not(:has(a.btn-primary)) {

    margin-left: 16px !important;

    margin-right: 16px !important;

  }

  /* 3. Sledujte mě na Instagramu a Facebooku */

  #index section.section-blank:has(+ p + section.section-3-col-bottom-text) .section-content > p {

    margin-left: 4px !important;

    margin-right: 4px !important;

  }

  /* 4. Skutečné příběhy a zkušenosti */

  /* pouze nadpis Skutečné příběhy a zkušenosti */

  #index section.section-2-col-left-text:has(a[href*="skutecne-pribehy-a-zkusenosti"]) h2 {

    transform: translateX(-10px) !important;
  } 

  #index section.section-2-col-left-text:has(a[href*="skutecne-pribehy-a-zkusenosti"]) h2,

  #index section.section-2-col-left-text:has(a[href*="skutecne-pribehy-a-zkusenosti"]) p:not(:has(a.btn-primary)) {

    margin-left: 16px !important;

    margin-right: 16px !important;

  }

  /* 5. Návštěva ordinace, podmínky */

  /* pouze nadpis Návštěva ordinace, podmínky */

  #index section.section-2-col-right-text:has(a[href*="navsteva-ordinace-podminky"]) h2 {

    transform: translateX(-12px) !important;

  }

  #index section.section-2-col-right-text:has(a[href*="navsteva-ordinace-podminky"]) h2,

  #index section.section-2-col-right-text:has(a[href*="navsteva-ordinace-podminky"]) p:not(:has(a.btn-primary)) {

    margin-left: 16px !important;

    margin-right: 16px !important;

  }

  /* 6. Kde mne najdete – pouze nadpis */

  #index section.section-2-col-left-text:has(a[href*="google.com/maps/place/TCM+Eruvia"]) h2 {

    margin-left: 4px !important;

    margin-right: 4px !important;

  }

  /* 7. Kde mne najdete – TCM Eruvia, adresa, telefon a ostatní text */

  #index section.section-2-col-left-text:has(a[href*="google.com/maps/place/TCM+Eruvia"]) p {

    margin-left: 8px !important;

    margin-right: 8px !important;

  }

}

/* MOBIL – karty vždy pod sebou a tlačítko vždy pod obrázkem */

@media (max-width: 767px) {

  #index section.section-3-col-bottom-text .section-cell-item {

    display: block !important;

    float: none !important;

    width: 100% !important;

    max-width: 100% !important;

    clear: both !important;

  }

  #index section.section-3-col-bottom-text .section-cell-img {

    display: block !important;

    float: none !important;

    width: 100% !important;

    text-align: center !important;

    clear: both !important;

  }

  #index section.section-3-col-bottom-text .section-cell-img img {

    display: block !important;

    width: 300px !important;

    max-width: calc(100% - 32px) !important;

    height: auto !important;

    margin-left: auto !important;

    margin-right: auto !important;

    float: none !important;

  }

  #index section.section-3-col-bottom-text .section-cell-item p {

    display: block !important;

    clear: both !important;

    text-align: center !important;

  }

  #index section.section-3-col-bottom-text .section-cell-item .btn {

    float: none !important;

    display: inline-block !important;

    margin-top: 14px !important;

  }

}

/* MOBIL – karty vždy pod sebou, tlačítko vždy pod obrázkem */

@media (max-width: 767px) {

  #index section.section-3-col-bottom-text .section-cell-item {

    display: block !important;

    float: none !important;

    width: 100% !important;

    max-width: 100% !important;

    clear: both !important;

  }

  #index section.section-3-col-bottom-text .section-cell-img {

    display: block !important;

    float: none !important;

    width: 100% !important;

    text-align: center !important;

    clear: both !important;

  }

  #index section.section-3-col-bottom-text .section-cell-img img {

    display: block !important;

    width: 300px !important;

    max-width: calc(100% - 32px) !important;

    height: auto !important;

    margin-left: auto !important;

    margin-right: auto !important;

    float: none !important;

  }

  #index section.section-3-col-bottom-text .section-cell-item p {

    display: block !important;

    clear: both !important;

    text-align: center !important;

  }

  #index section.section-3-col-bottom-text .section-cell-item .btn {

    float: none !important;

    display: inline-block !important;

    margin-top: 14px !important;

  }

}

/* ===== CENÍK ERUVIA – CENOVÉ KARTY ===== */

.section-pricelist .table-responsive {

  width: 100%;

  margin: 0 0 32px 0;

  overflow: hidden;

  border: 1px solid #d2ced4;

  border-radius: 8px;

  background: #ffffff;

}

.section-pricelist table.table {

  width: 100%;

  margin: 0 !important;

  border-collapse: collapse;

  background: #ffffff;

}

/* NADPIS KAŽDÉ KATEGORIE */

.section-pricelist table.table thead th {

  padding: 16px 20px;

  background: #f3eff4 !important;

  color: #95247c !important;

  font-weight: 600;

  text-align: left;

  border: 0 !important;

  border-bottom: 1px solid #dedbe0 !important;

}

/* VŠECHNY CENOVÉ ŘÁDKY BÍLÉ */

.section-pricelist table.table tbody tr,

.section-pricelist table.table tbody tr:nth-child(odd),

.section-pricelist table.table tbody tr:nth-child(even),

.section-pricelist table.table tbody tr:nth-of-type(odd),

.section-pricelist table.table tbody tr:nth-of-type(even),

.section-pricelist table.table tbody tr > td,

.section-pricelist table.table-striped tbody tr:nth-of-type(odd) > td,

.section-pricelist table.table-striped tbody tr:nth-of-type(even) > td {

  background-color: #f7f7f8 !important;

  --bs-table-accent-bg: #f7f7f8 !important;

}

/* JEDNOTLIVÉ ŘÁDKY */

.section-pricelist table.table tbody td {

  padding: 14px 20px;

  border: 0 !important;

  border-bottom: 1px solid #b9b6bc !important;

  vertical-align: middle;

}

/* POSLEDNÍ ŘÁDEK UŽ NEMÁ VNITŘNÍ LINKU */

.section-pricelist table.table tbody tr:last-child td {

  border-bottom: 0 !important;

}

/* CENA */

.section-pricelist table.table tbody td:last-child {

  width: 25%;

  text-align: right !important;

  white-space: nowrap;

  font-weight: 500;

}

/* MOBIL */

@media (max-width: 767px) {

  .section-pricelist .table-responsive {

    width: 100%;

    margin-bottom: 24px;

    border-radius: 6px;

  }

  .section-pricelist table.table {

    width: 100%;

    table-layout: auto;

  }

  .section-pricelist table.table thead th {

    padding: 13px 12px;

  }

  .section-pricelist table.table tbody td {

    padding: 12px;

  }

  .section-pricelist table.table tbody td:first-child {

    white-space: normal;

    overflow-wrap: break-word;

  }

  .section-pricelist table.table tbody td:last-child {

    width: 30%;

    white-space: nowrap;

    text-align: right !important;

  }

}