/*
Theme Name: Divi Child
Template: Divi
*/

/* 🔥 Tvoje CSS */
/* =========================
   TOOLTIP ROOT RESET
========================= */

#mapTooltip {
  position: fixed;
  pointer-events: none;
  z-index: 99999;
  opacity: 0;
  transition: opacity 0.2s ease;

  /* 🔥 kill Divi tooltip styles */
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: initial !important;
  white-space: normal !important;
}


/* =========================
   TOOLTIP CARD
========================= */

#mapTooltip .tooltip-inner {
  display: flex !important;
  align-items: stretch !important;

  background: #ffffff !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25) !important;
  font-family: Arial, sans-serif;
}


/* =========================
   LEFT (NUMBER + STATUS)
========================= */

#mapTooltip .tooltip-left {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center;
  align-items: center;

  padding: 18px;
  min-width: 90px;
  color: #fff;
}

#mapTooltip .tooltip-number {
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}

#mapTooltip .tooltip-status {
  font-size: 13px;
  margin-top: 6px;
}


/* =========================
   RIGHT (DETAILS)
========================= */

#mapTooltip .tooltip-right {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center;
  background: #f5f5f5;
  padding: 16px 18px;
  min-width: 180px;
  gap: 6px; /* 🔥 KLÍČOVÝ */
}

#mapTooltip .tooltip-size {
  font-size: 13px;
  color: #777;
  margin-bottom: 6px;
}

#mapTooltip .tooltip-type {
  font-size: 16px;
  font-weight: bold;
  color: #222;
  line-height: 1.3;        /* 🔥 zabrání překryvu */
  white-space: normal;     /* 🔥 může se zalomit */
}


/* =========================
   COLORS BY STATUS
========================= */

#mapTooltip .tooltip-inner.available .tooltip-left {
  background: #2e7d32 !important;
}

#mapTooltip .tooltip-inner.reserved .tooltip-left {
  background: #f9a825 !important;
}

#mapTooltip .tooltip-inner.sold .tooltip-left {
  background: #d32f2f !important;
}


/* =========================
   SAFETY FIXES
========================= */

#mapTooltip,
#mapTooltip * {
  box-sizing: border-box;
}

/* ❗ KLÍČOVÝ FIX NA PŘEKRYV TEXTU */
#mapTooltip * {
  white-space: normal !important;
}

table tr.active-row {
  background: #dfceb7 !important;
transition: background 0.2s ease;
}

table tr:hover {
  background: #f5f5f5;
}


/* POZADÍ BANNERU */
.cky-consent-container {
  background-color: #dfceb7 !important;
}

/* TEXT */
.cky-consent-container,
.cky-consent-container p {
  color: #000000 !important;
}

/* HLAVNÍ BUTTON (Přijmout) */
.cky-btn-accept {
  background-color: #185231 !important;
  color: #ffffff !important;
  border: none !important;
}

/* Ostatní tlačítka */
.cky-btn-reject,
.cky-btn-settings {
  background-color: transparent !important;
  color: #185231 !important;
  border: 1px solid #185231 !important;
}

/* Hover */
.cky-btn-accept:hover {
  opacity: 0.9;
}

.cky-btn-reject:hover,
.cky-btn-settings:hover {
  background-color: #ad6d56 !important;
  color: #000 !important;
}

/* Border radius (pokud chceš styl) */
.cky-btn {
  border-radius: 6px !important;
}

.cky-consent-container {
  font-family: 'Oswald', sans-serif !important;
}

/* Tlačítko "Uložit moje nastavení" */
.cky-btn-preferences {
  background-color: #cccccc !important; /* šedá */
  color: #000000 !important;
  border: none !important;
}

.cky-btn-preferences:hover {
  background-color: #b3b3b3 !important;
}

/* Odkaz na zásady (policy link) */
.cky-policy {
  color: #185231 !important;
}

.cky-policy:hover {
  text-decoration: underline;
}

/* Keep off-screen slider content and the reCAPTCHA badge from widening the page.
   clip preserves vertical scrolling and does not create a nested scroll container. */
html, body {
  overflow-x: clip;
}