/*

// Změna společná v produktu u perexu i textu 

#content_produkt .tinymce {  }
#content_produkt .tinymce p { ... atd

// Změny v perexu 

.tinymce.prod_perex { border: 1px solid red }
.tinymce.prod_perex p { ... atd

// Změny v textu 

.tinymce.prod_long { border: 1px solid green; }
.tinymce.prod_long p { ... atd 

*/

.tinymce ul li {
    display: block;
}
h1 {
    padding-bottom: 15px;
    padding-top: 15px;
    line-height: 1.4em;
    color: #3a6578;
    font-size: 40px;
}
h2 {
    padding-bottom: 15px;
    padding-top: 15px;
    color: #376b82;
}
h3 {
    padding-bottom: 15px;
    padding-top: 15px;
    color: #494852;
    font-size: 30px;
}

.next_products .vypis_box.products h2 a {
    color: #376b82;
}
.next_products .vypis_box.products .info .perex {
    font-size: 16px;
    line-height: 1.5;
}
.prod_long {
    max-width: 80%;
    margin: 28px auto 90px auto;
}
#content_obsah > main > div.obsah.obsah_uvod > img {
   margin: 0 0 25px 0;
}
#box_header_1 ul li:nth-child(2) {
    color: #3a6578;
}
#box_header_2 ul.labels li:nth-child(2) {
    color: #3a6578;
}
#box_header_2 ul.labels li:nth-child(2) strong {
    color: #4f8545;
}
#box_header_1 .btn a {
    text-decoration: none;
    font-weight: bold;
    font-size: 17px;
}
#box_header_1 .btn {
    display: block;
    text-align: center;
    padding: 100px 14px 30px 14px;
    border-radius: 10px;
    background: none;
}
#header_icons .box {
    border: 0px;
}
#videonavod {
    text-align: center;
    padding: 20px 0 20px 0;
    width: 100%;
    aspect-ratio: 16 / 9;
}
#videonavod > iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
  }
/* Barvy a baseline */
.tinymce {
    --tbl-border: #d7dee9;   /* barva ohraničení (světlý režim) */
    --tbl-head-bg: #f8fafc;  /* pozadí hlavičky */
}
@media (prefers-color-scheme: dark) {
.tinymce { --tbl-border:#3a4452; --tbl-head-bg:#1f2630; }
}

/* Tabulka */
.tinymce table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1.25rem 0 1.75rem;
    border: 1px solid var(--tbl-border);
    line-height: 1.5;
    font-variant-numeric: tabular-nums; 
}

/* Hlavička */
.tinymce thead th {
    text-align: left;
    font-weight: 600;
    background: var(--tbl-head-bg);
    border-bottom: 2px solid var(--tbl-border);
}

/* Buňky – padding a svislé ohraničení */
.tinymce th,
.tinymce td {
    padding: 8px 12px 8px 5px; 
    vertical-align: middle;
    border-right: 1px solid var(--tbl-border);
}
.tinymce th:last-child,
.tinymce td:last-child {
    border-right: 0;
}

/* Řádkové oddělovače */
.tinymce tbody tr + tr td {
    border-top: 1px solid var(--tbl-border);
}

/* Zarovnání sloupců */
.tinymce thead th:nth-child(1),
.tinymce tbody td:nth-child(1) {
    text-align: right; 
    white-space: nowrap;
}
.tinymce thead th:nth-child(2),
.tinymce tbody td:nth-child(2) {
    text-align: right;
    white-space: nowrap;
}
.tinymce thead th:nth-child(3),
.tinymce tbody td:nth-child(3) {
    text-align: left;
}
#navod_img {
    text-align: center;
}

/********************* max-width 768px *******************/
@media (max-width: 768px) {
#zahlavi_top {
    display: flex;
    max-width: 95%;
    padding: 20px 0px;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
#header_zahlavi {
    padding-bottom: 10px;
}
#box_header_1 {
    padding: 10px 0px 20px 0px;
}
#header_icons .container {
        display: flex;
        flex-direction: column !important;
}
#header_icons {
    padding: 10px 5px 0px 5px !important;
}
#header_icons .box {
    padding: 0px 10px 40px 10px;
}
#header_icons i {
    padding: 0 30px 30px 30px
}
#box_header_1 .container {
    margin: 0px auto;
    max-width: 80%;
}
#box_header_2 p {
    text-align: center;
} 
#box_header_2 ul.labels li:first-child {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}   
#box_header_2 ul.labels li:nth-child(2) {
    font-weight: bold;
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
    line-height: 150%;
    text-align: center;
}
#box_header_2 ul.labels li:nth-child(2) strong {
    font-size: 30px;
    line-height: 200%;
}
#box_header_2 > div > div.containerl > img {
   display: none;
}
.produkt.produkt_detail {
    margin: 20px auto;
}
#actions_right {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    flex-direction: row;
    justify-content: space-evenly;
}
#cart .cart_popup {
    left: -240px;
    padding: 8px;
}
.qty {
    display: inline-flex;
    align-items: center;
    gap: 0px;
    flex-direction: column;
}
.cart-row {
    grid-template-columns: 13% 25% 17% 17% 17% 4%;
    gap: 4px;
    padding: 16px;
    background-color: #faf9f7;
    border-radius: 12px;
    margin-bottom: 12px;
    border: 1px solid #e5e5e5;
}
.cart-col {
    text-align: left;
}
.cart-title {
    line-height: 1.3;
}
#currency_switch .cur, #lang_switch .lang {
    padding: 4px 6px;
    font-size: 15px;
}
#cart svg {
    width: 22px;
    height: 22px;
}
#paticka {
    padding: 15px 0px 25px 0px;
}
#paticka .column h4 {
    margin-top: 10px;
    margin-bottom: 15px;
}
#paticka .column_popisek ul.socials {
    display: flex;
    gap: 12px;
    margin-top: 18px;
    flex-direction: row;
    justify-content: space-evenly;
}
#content_obsah > main > div.obsah.produkt_uvod > div > p:nth-child(1) {
    display: none;
}
#content_obsah {
    text-align: center;
}
}
/********************* max-width 980px *******************/
@media (max-width: 980px) {
h1 {
    padding-bottom: 0px;
    padding-top: 15px;
    line-height: 1.4em;
    font-size: 30px;
    }
.tinymce h2 {
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 18px;
    line-height: 1.5;

}
.tinymce h3 {
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 16px;
    line-height: 1.5;

}
.next_products .vypis_box.products .info h2 {
    margin: 0 0 6px 0;
    font-size: 24px;
    line-height: 1.5;
}
.next_products .vypis_box.products .btn_detail {
    width: 140px;
    text-align: center;
    font-size: 20px;
}
.menu_all {
    font-size: 18px;
}
.tinymce.prod_long {
    max-width: 80%;
}
.produkt_uvod {
    margin: 0px auto;
    max-width: 80%;
    padding: 30px 0px 30px 0px;
}
#content p {
    font-size: 16px;
}
#box_header_1 .container {    
    padding: 0px 0px 20px 0px;
}
#box_header_1 .containerr {    
    margin: 30% 5% 0 0;
}
#box_header_1 .btn {
    display: inline-block;
    width: 100%;
    text-align: center;
}
#header_icons  {
    padding: 0px 0px 20px 0px;
}
#header_icons .box {
    font-weight: bold;
    font-size: 20px;
}
#header_icons .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#box_header_2 {
    padding: 30px 50px 10px 50px;
}
#box_header_2 ul.labels li:nth-child(2) strong {
    font-size: 30px;
    line-height: 200%;
}
#box_header_2 > div > div.containerl {
    margin: 15% 0 0 5%;
}
#box_header_2 .containerr {    
    padding-top: 0px;
}
#paticka .paticka_obsah {
    max-width: 80%;
}
#paticka .column_popisek {
    flex: 2 1 80%;
    padding-right: 20px;
}
.next_products .vypis_box.products {
    display: flex;
    gap: 46px;
    align-items: center;
    padding: 10px 10px;
    border-radius: 12px;
    transition: box-shadow .2s ease, transform .2s ease;
    position: relative;
    flex-direction: column;
}
.next_products .vypis_box.products .thumb {
    width: 100%;
}
#content_produkt {
    text-align: center;
}
.qty_control {
    display: flex;
    align-items: stretch;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    height: 44px;
    padding: 0;
    box-sizing: border-box;
    width: 150px;
    margin: 0 auto;
    justify-content: center;
}
.tinymce ul {
    margin-left: 0em;
    margin-bottom: 20px;
    padding-left: 0;
    list-style: none;
    text-align: left;
}
.tinymce ul li {
    font-size: 16px;
    line-height: 1.4;
}
#content_produkt > main > div.prod_long.tinymce > p:nth-child(39) {
    text-align: left;
}
.btn_buy {
    margin: 20px 0 0 0;
}
.prod_buy {
    display: grid;
    gap: 10px;
    align-content: start;
    max-width: 100%;
    justify-content: center;
}
.prod_buy .prod_buy_row {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    flex-direction: column;
    align-items: center;
}
}

/* === Brand přizpůsobení (dědí font/písmo z webu) === */
.tn-products{
  --tn-primary:#0f67b1;      /* modrá testnadoma.cz */
  --tn-primary-2:#0a4480;    /* tmavší pro hover */
  --tn-accent:#e01e26;       /* červená pro badge "SUPER CENA" */
  --tn-ink:#0f172a;          /* tmavý text */
  --tn-muted:#475569;        /* sekundární text */
  --tn-border:#e5e7eb;
  --tn-card:#fff;
  --tn-shadow:0 8px 24px rgba(2,6,23,.08);
  font-family:inherit;
}

/* === Mřížka === */
.tn-products{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:24px;
  max-width: 80%;
  margin: 0 auto;
}

/* Karta */
.tn-card{
  background:var(--tn-card);
  border:1px solid var(--tn-border);
  border-radius:16px;
  box-shadow:var(--tn-shadow);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

/* Obrázek + badge */
.tn-media{
  position:relative;
  display:block;
  aspect-ratio:4/3;
  background:#f5f8fb;
}
.tn-media img{width:100%;height:100%;object-fit:cover;display:block}

.tn-badge{
  position:absolute;left:12px;top:12px;
  padding:7px 10px;
  font-weight:800; font-size:12px; letter-spacing:.4px;
  color:#fff; border-radius:8px;
}
.tn-badge--new{ background:var(--tn-primary) }
.tn-badge--deal{ background:var(--tn-accent) }
.tn-badge--time{ background:#be123c }

/* Tělo karty */
.tn-body{ padding:14px 14px 16px; display:flex; flex-direction:column; gap:10px;align-items: center; }
.tn-title{ margin:0; font-size:18px; line-height:1.35 }
.tn-title a{ color:var(--tn-ink); text-decoration:none }
.tn-title a:hover{ color:var(--tn-primary) }

/* Rating (ikonky SVG dědí barvu) */
.tn-rating{ display:flex; align-items:center; gap:4px; color:#f59e0b }
.tn-star{ width:16px; height:16px; fill:currentColor }
.tn-star--half path{ stroke:none }
.tn-rating__count{ margin-left:6px; color:var(--tn-muted); font-weight:600; font-size:14px }

/* Cena */
.tn-price{ display:flex; align-items:baseline; gap:8px }
.tn-price__current{
  font-weight:800; font-size:22px; color:#1f2937;
  background:#f0f6ff; border-radius:10px; padding:6px 10px;
  border:1px solid rgba(15,103,177,.25);
}
.tn-price__old{
  color:#9ca3af; text-decoration:line-through; font-weight:600; font-size:14px
}

/* Tlačítko */
.tn-btn{
  margin-top:6px;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 16px; border-radius:999px; text-decoration:none;
  background:var(--tn-primary); color:#fff; font-weight:800; border:1px solid transparent;
  transition:filter .2s ease, transform .06s ease, background .2s ease
}
.tn-btn:hover{ background:var(--tn-primary-2); filter:brightness(1.03) }
.tn-btn:active{ transform:translateY(1px) }
.tn-btn__icon{ line-height:1 }

/* === Breakpointy === */
@media (max-width:980px){
  .tn-products{ grid-template-columns: repeat(2, minmax(0,1fr)) }
}
@media (max-width:768px){
  .tn-products{ grid-template-columns: 1fr }
}
/* Font Awesome ikony – sjednocení velikosti/rozestupů */
.tn-products .rating{display:flex;align-items:center;gap:4px;color:#f59e0b}
.tn-products .rating .fa-star,
.tn-products .rating .fa-star-half-stroke,
.tn-products .rating .fa-star-half,
.tn-products .rating .fa-star-half-alt,
.tn-products .rating .fa-star-and-crescent{font-size:16px;line-height:1}
.tn-products .tn-rating__count{margin-left:6px;color:var(--tn-muted);font-weight:600;font-size:14px}

/* zarovnání ikony v tlačítku */
.tn-products .tn-btn .tn-btn__icon{font-size:16px;display:inline-block}

/* === NL bar – 80% šířky, nízký pruh === */
.nl-bar{
  width:80%;
  margin:18px auto;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:999px;
  box-shadow:0 6px 18px rgba(2,6,23,.06);
  font-family:inherit;
}
.nl-bar .nl-inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:14px; padding:10px 14px;
}
.nl-bar .nl-text{
  white-space:nowrap;
  font-weight:700; font-size:14px; color:#0f172a;
}

/* --- Kompaktní řádkový formulář Ecomailu --- */

#f-6-3fdfd544852ed7431aa64f3b9481afb9 form{
  display:flex; align-items:center; gap:10px; margin:0;
}
#f-6-3fdfd544852ed7431aa64f3b9481afb9 form *{ box-sizing:border-box }

/* labely a popisky schováme, pokud je widget vykreslí */
#f-6-3fdfd544852ed7431aa64f3b9481afb9 form label{ display:none }

/* vstup e-mailu – úzký, kompaktní */
#f-6-3fdfd544852ed7431aa64f3b9481afb9 input[type="email"],
#f-6-3fdfd544852ed7431aa64f3b9481afb9 input[type="text"]{
  height:38px; min-width: 260px; width: 100%;
  padding:8px 12px; border:1px solid rgba(15,103,177,.35);
  border-radius:999px; outline:0;
  font-size:14px; color:#0f172a; background:#ffffff;
}
#f-6-3fdfd544852ed7431aa64f3b9481afb9 input[type="email"]:focus{
  border-color:#0f67b1; box-shadow:0 0 0 3px rgba(15,103,177,.12);
}

/* tlačítko – kapsle v brand barvě */
#f-6-3fdfd544852ed7431aa64f3b9481afb9 button[type="submit"],
#f-6-3fdfd544852ed7431aa64f3b9481afb9 input[type="submit"]{
  height:38px; padding:0 16px;
  border-radius:999px; border:1px solid transparent;
  background:#0f67b1; color:#fff; font-weight:800; cursor:pointer;
  transition:filter .2s ease, transform .06s ease, background .2s ease;
}
#f-6-3fdfd544852ed7431aa64f3b9481afb9 button[type="submit"]:hover,
#f-6-3fdfd544852ed7431aa64f3b9481afb9 input[type="submit"]:hover{
  background:#0a4480; filter:brightness(1.03);
}
#f-6-3fdfd544852ed7431aa64f3b9481afb9 button[type="submit"]:active,
#f-6-3fdfd544852ed7431aa64f3b9481afb9 input[type="submit"]:active{
  transform:translateY(1px);
}

/* schování nadbytečných bloků (chybové/ok text nechte viditelný) */
#f-6-3fdfd544852ed7431aa64f3b9481afb9 form .ecm-field-description,
#f-6-3fdfd544852ed7431aa64f3b9481afb9 form .ecm-header,
#f-6-3fdfd544852ed7431aa64f3b9481afb9 form .ecm-footer{ display:none }

/* responsivita – sjednocená s projektem */
@media (max-width:980px){
  .nl-bar{ width:90% }
  #f-6-3fdfd544852ed7431aa64f3b9481afb9 input[type="email"]{ min-width: 200px }
}
@media (max-width:768px){
  .nl-bar{ width:94%; border-radius:16px }
  .nl-bar .nl-inner{ flex-direction:column; align-items:stretch; gap:10px }
  .nl-bar .nl-text{ text-align:center; white-space:normal }
  #f-6-3fdfd544852ed7431aa64f3b9481afb9 form{ width:100% }
  #f-6-3fdfd544852ed7431aa64f3b9481afb9 input[type="email"]{ min-width:0; width:100% }
}