/* === COOKIEBOT CUSTOM STYLES PRO MORENDY.CZ (LIGHT VARIANT) === */

/* Celý banner */
#CybotCookiebotDialog {
  background-color: #ffffff !important; /* světlé pozadí */
  color: #313841 !important;            /* základní text šedý */
  border-radius: 12px !important;
  font-family: ui-sans-serif, system-ui, sans-serif, 
               "Apple Color Emoji", "Segoe UI Emoji", 
               Segoe UI Symbol, "Noto Color Emoji" !important;
}

/* Nadpis */
#CybotCookiebotDialogBodyContentTitle {
  color: #0c0a09 !important; /* hlavní tmavá */
  font-weight: 700 !important;
}

/* Text obsahu */
#CybotCookiebotDialogBodyContentText {
  color: #313841 !important;
  line-height: 1.6 !important;
  font-size: 0.95rem !important;
  opacity: 0.95 !important;
  letter-spacing: 0 !important;
}

/* Odkazy */
#CybotCookiebotDialog a {
  color: #000000 !important;       /* černé odkazy */
  text-decoration: underline !important;
}
#CybotCookiebotDialog a:hover {
  text-decoration: none !important;
}

/* Kontejner tlačítek */
#CybotCookiebotDialogBodyButtons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
}

/* Všechna tlačítka */
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton {
  border-radius: calc(var(--radius) - 2px) !important;
  padding: 0.6rem 1.2rem !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  cursor: pointer !important;
  transition: background 0.2s ease, color 0.2s ease, border 0.2s ease;
  color: #000000 !important; /* text v CTA tlačítkách černý */
}

/* Primární CTA (Přijmout vše) */
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: #fecd0b !important;
  border-color: #fecd0b !important;
}   
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover {
  background-color: #fecd0b !important;
  border-color: #fecd0b !important;
}  

/* Sekundární CTA (Odmítnout vše) */
#CybotCookiebotDialogBodyButtonDecline {
  background-color: transparent !important;
  border: 2px solid #0c0a09 !important; 
}     


/* Tlačítko Nastavení/Podrobnosti, Povolit výběr */  
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  background-color: transparent !important;
  border: 2px solid #0c0a09 !important; 
  color: #000000 !important;
}       

/* ===== Fix modré aktivní kategorie v seznamu ===== */
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-bottom: 2px solid #fecd0b !important;
}


/* ===== Fix modrých sliderů (ON/OFF přepínače) ===== */
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #4b5563 !important;  /* vypnuto = šedé */
}
#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #fecc0d !important;  /* zapnuto = žluté */
}





/* === Cookiebot Privacy Trigger Custom Style === */
#CookiebotWidget,
#CookiebotWidget button,
#CookiebotWidget a {
  font-family: ui-sans-serif, system-ui, sans-serif, 
               "Apple Color Emoji", "Segoe UI Emoji", 
               Segoe UI Symbol, "Noto Color Emoji" !important;
}

/* Hlavní tlačítko */
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: #fecd0b !important;   /* místo modré žlutá */
  color: #000000 !important;              /* černý text/ikona */
  border: 2px solid #fecd0b !important;   /* žlutý rámeček */
  border-radius: calc(var(--radius) - 2px) !important;
  padding: 0.5rem 1rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.2s ease, border 0.2s ease, color 0.2s ease;
}
  

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change:hover {
  background-color: #e9bb01 !important;   /* tmavší žlutá při hoveru */
  border-color: #e9bb01 !important;
  color: #000000 !important;
}

/* Vedlejší tlačítko */
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  background-color: transparent !important;
  border: 2px solid #0c0a09 !important; 
  border-radius: calc(var(--radius) - 2px) !important;
}   

/* odkaz */
#CookiebotWidget .CookiebotWidget-consent-details button {
  color: #000000 !important;       /* černé odkazy */
  text-decoration: underline !important;
}

#CookiebotWidget .CookiebotWidget-consent-details button:hover {
  text-decoration: none !important;
}

/* ikony */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: #e9bb01 !important;
  width: 18px;
}