/* Univerzální obsahové styly pro TinyMCE i frontend */
.perex{font-size:1.15em;line-height:1.75;font-weight:500;margin:0 0 1.2em;color:#1f2937}
.text-highlight{background:#fff7d6;border-left:4px solid #f0c542;padding:14px 16px;border-radius:8px;margin:0 0 1.2em}
.text-note{color:#475569;font-style:italic}
.text-muted-small{font-size:.9em;color:#64748b}

.c-content-box{margin:0 0 1.25rem;padding:1rem 1.1rem;border-radius:14px;border:1px solid #e5e7eb;background:#fff}
.c-content-box > *:first-child{margin-top:0}
.c-content-box > *:last-child{margin-bottom:0}
.c-content-box--info{background:#eef6ff;border-color:#bfdbfe}
.c-content-box--tip{background:#effcf6;border-color:#86efac}
.c-content-box--warning{background:#fff7ed;border-color:#fdba74}
.c-content-box--success{background:#ecfdf5;border-color:#6ee7b7}

.link-arrow{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;text-decoration:none}
.link-arrow::after{content:'›';font-size:1.15em;line-height:1}

.c-cta{padding:1.4rem;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;margin:0 0 1.5rem}
.c-cta__title{margin:0 0 .5rem}
.c-cta__text{margin:0 0 1rem}
.c-cta__actions{margin:0}

.check-list{list-style:none;padding:0;margin:0 0 1.2rem}
.check-list li{position:relative;padding-left:1.8rem;margin:0 0 .65rem}
.check-list li::before{content:'✓';position:absolute;left:0;top:0;color:#059669;font-weight:700}

.table-specs{width:100%;border-collapse:collapse;margin:0 0 1.3rem;font-size:.98rem}
.table-specs th,.table-specs td{border:1px solid #e5e7eb;padding:.75rem .85rem;text-align:left;vertical-align:top}
.table-specs th{background:#f8fafc;font-weight:700}
.table-specs tr:nth-child(even) td{background:#fcfcfd}

.faq-list{display:grid;gap:.9rem;margin:0 0 1.4rem}
.faq-item{padding:1rem 1.1rem;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
.faq-item h3{margin:0 0 .45rem}
.faq-item p{margin:0}

.gallery-grid{display:grid;gap:1rem;margin:0 0 1.5rem}
.gallery-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gallery-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-grid__item{margin:0}
.gallery-grid__item img{display:block;width:100%;height:auto;border-radius:14px}
.gallery-grid__item figcaption{margin-top:.45rem;font-size:.92rem;color:#475569}

.zigzag{margin:0 0 1.75rem}
.zigzag .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;align-items:center}
.zigzag .z_img img{display:block;width:100%;height:auto;border-radius:18px}
.zigzag .z_text > *:first-child{margin-top:0}
.zigzag .z_text > *:last-child{margin-bottom:0}
.zigzag .z_img.r{order:2}
.zigzag .z_text.l{order:1}
.clear{clear:both;}

.badge-list{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.2rem;padding:0;list-style:none}
.badge-list li{padding:.45rem .75rem;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;font-size:.92rem}

.price-note{padding:.9rem 1rem;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#334155}

@media (max-width: 767px){
  .gallery-grid--2,.gallery-grid--3,.zigzag .wrap{grid-template-columns:1fr}
  .zigzag .z_img.r,.zigzag .z_text.l{order:initial}
  .btn{width:100%;justify-content:center;margin-right:0}
}

.btn.submit{display:inline-flex;align-items:center;justify-content:center}
.table-pricing{width:100%;border-collapse:collapse;margin:1rem 0}
.table-pricing th,.table-pricing td{border:1px solid #d9dee3;padding:.75rem .875rem;text-align:left}
.table-pricing th{background:#f5f7fa;font-weight:700}
.shop-admin-ai-plain-wrap{position:relative}
.shop-admin-ai-plain-bar{margin:0 0 6px 0}
.shop-admin-ai-plain-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #cfd5db;border-radius:6px;background:#fff;cursor:pointer;font:inherit}
.shop-admin-ai-plain-btn:hover{background:#f7f9fb}


/* Lepší návaznost odstavců před seznamem a nadpisem */
.tox-content-body p:has(+ ul),
.tox-content-body p:has(+ ol),
.tox-content-body p:has(+ h1),
.tox-content-body p:has(+ h2),
.tox-content-body p:has(+ h3),
.tox-content-body p:has(+ h4),
.tox-content-body p:has(+ h5),
.tox-content-body p:has(+ h6),
.wysiwyg-content p:has(+ ul),
.wysiwyg-content p:has(+ ol),
.wysiwyg-content p:has(+ h1),
.wysiwyg-content p:has(+ h2),
.wysiwyg-content p:has(+ h3),
.wysiwyg-content p:has(+ h4),
.wysiwyg-content p:has(+ h5),
.wysiwyg-content p:has(+ h6),
.editor-content p:has(+ ul),
.editor-content p:has(+ ol),
.editor-content p:has(+ h1),
.editor-content p:has(+ h2),
.editor-content p:has(+ h3),
.editor-content p:has(+ h4),
.editor-content p:has(+ h5),
.editor-content p:has(+ h6){margin-bottom:0}

/* Fallback i pro prohlížeče bez :has */
.tox-content-body p + ul,
.tox-content-body p + ol,
.tox-content-body p + h1,
.tox-content-body p + h2,
.tox-content-body p + h3,
.tox-content-body p + h4,
.tox-content-body p + h5,
.tox-content-body p + h6,
.wysiwyg-content p + ul,
.wysiwyg-content p + ol,
.wysiwyg-content p + h1,
.wysiwyg-content p + h2,
.wysiwyg-content p + h3,
.wysiwyg-content p + h4,
.wysiwyg-content p + h5,
.wysiwyg-content p + h6,
.editor-content p + ul,
.editor-content p + ol,
.editor-content p + h1,
.editor-content p + h2,
.editor-content p + h3,
.editor-content p + h4,
.editor-content p + h5,
.editor-content p + h6{margin-top:.2rem}
/* =========================================================
   DEKIZOL – ČISTÝ FIX GALERIE, KARET A CTA
   Stabilní galerie bez zmenšování fotek při hoveru menu
========================================================= */

/* =========================================================
   DEKIZOL – SPOLEČNÝ FIX PRO GALERII, NÁVOD, KARTY A CTA
========================================================= */


/* ---------------------------------------------------------
   1) OBECNÁ POJISTKA PRO KARTY – ŽÁDNÉ POSKAKOVÁNÍ
--------------------------------------------------------- */

html body .dek-galerie-card,
html body a.dek-galerie-card,
html body div.dek-galerie-card,
html body .dek-static-card,
html body a.dek-static-card,
html body div.dek-static-card {
  box-sizing: border-box !important;
  position: relative !important;

  background: #ffffff !important;
  border: 1px solid rgba(20, 21, 22, 0.10) !important;
  box-shadow: 0 12px 28px rgba(20, 21, 22, 0.08) !important;
  overflow: hidden !important;

  text-decoration: none !important;
  color: #141516 !important;
  border-radius: 0 !important;

  transform: none !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
  animation: none !important;
}

html body .dek-galerie-card img,
html body .dek-static-card img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;

  object-fit: cover !important;
  object-position: center center !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;

  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  transition: none !important;
  animation: none !important;
}

/* Pojistka pro starší galerijní obrázky s inline výškou */
html body .dek-galerie-card img[style*="height: 220px"] {
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
}

html body .dek-galerie-card img[style*="height: 235px"] {
  height: 235px !important;
  min-height: 235px !important;
  max-height: 235px !important;
}

html body .dek-galerie-card img[style*="height: 250px"] {
  height: 250px !important;
  min-height: 250px !important;
  max-height: 250px !important;
}

@media (hover:hover) and (pointer:fine) {
  html body .dek-galerie-card:hover,
  html body a.dek-galerie-card:hover,
  html body div.dek-galerie-card:hover,
  html body .dek-static-card:hover,
  html body a.dek-static-card:hover,
  html body div.dek-static-card:hover {
    transform: none !important;
    border-color: #cb9e65 !important;
    box-shadow: 0 16px 34px rgba(20, 21, 22, 0.12) !important;
  }

  html body .dek-galerie-card:hover img,
  html body .dek-static-card:hover img {
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
  }
}


/* ---------------------------------------------------------
   2) RUČNÍ HOVER EFEKT – JEN TAM, KDE HO CHCEŠ
--------------------------------------------------------- */

html body .dek-hover {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important;
}

@media (hover:hover) and (pointer:fine) {
  html body .dek-hover:hover {
    transform: translateY(-3px) !important;
    border-color: #cb9e65 !important;
    box-shadow: 0 12px 26px rgba(0,0,0,0.09) !important;
  }
}


/* ---------------------------------------------------------
   3) CTA TLAČÍTKA
--------------------------------------------------------- */

html body .dek-galerie-cta,
html body a.dek-galerie-cta,
html body .dek-outline-cta,
html body a.dek-outline-cta,
html body .dek-dark-cta,
html body a.dek-dark-cta {
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}

html body .dek-galerie-cta,
html body a.dek-galerie-cta {
  box-shadow: 0 12px 26px rgba(203, 158, 101, 0.20) !important;
}

@media (hover:hover) and (pointer:fine) {
  html body .dek-galerie-cta:hover,
  html body a.dek-galerie-cta:hover {
    transform: none !important;
    background: #d8ad74 !important;
    border-color: #d8ad74 !important;
    color: #141516 !important;
    box-shadow: 0 14px 30px rgba(203, 158, 101, .34) !important;
  }

  html body .dek-outline-cta:hover,
  html body a.dek-outline-cta:hover {
    transform: none !important;
    border-color: #cb9e65 !important;
    background: rgba(203,158,101,.12) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(203,158,101,.22) !important;
  }

  html body .dek-dark-cta:hover,
  html body a.dek-dark-cta:hover {
    transform: none !important;
    background: #cb9e65 !important;
    border-color: #cb9e65 !important;
    color: #141516 !important;
    box-shadow: 0 14px 30px rgba(20,21,22,.24) !important;
  }
}


/* ---------------------------------------------------------
   4) DOTYKOVÁ ZAŘÍZENÍ – BEZ POSKAKOVÁNÍ
--------------------------------------------------------- */

@media (hover: none) {
  html body .dek-galerie-card:hover,
  html body a.dek-galerie-card:hover,
  html body div.dek-galerie-card:hover,
  html body .dek-static-card:hover,
  html body a.dek-static-card:hover,
  html body div.dek-static-card:hover,
  html body .dek-hover:hover,
  html body .dek-galerie-cta:hover,
  html body a.dek-galerie-cta:hover,
  html body .dek-outline-cta:hover,
  html body a.dek-outline-cta:hover,
  html body .dek-dark-cta:hover,
  html body a.dek-dark-cta:hover {
    transform: none !important;
  }
}


/* ---------------------------------------------------------
   5) STARŠÍ GALERIE .dek-galerie-page
   Necháváme pro případ, že ji někde ještě používáš.
--------------------------------------------------------- */

html body .dek-galerie-page {
  width: calc(100vw - 32px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 0 !important;
}

html body .dek-galerie-page section {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html body .dek-galerie-page .dek-galerie-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 100% !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

html body .dek-galerie-page .dek-galerie-grid .dek-galerie-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: none !important;
  box-sizing: border-box !important;
}

html body .dek-galerie-page .dek-galerie-grid .dek-galerie-card img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

@media (max-width: 900px) {
  html body .dek-galerie-page .dek-galerie-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  html body .dek-galerie-page {
    width: calc(100vw - 20px) !important;
  }

  html body .dek-galerie-page section {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  html body .dek-galerie-page .dek-galerie-grid {
    grid-template-columns: 1fr !important;
  }
}


/