/* --- VŠEOBECNÉ ŠTÝLY (PLATIA PRE BANNER AJ MODAL) --- */

/* Univerzálnejšie skrytie loga CookieFirst v banneri */
[data-cookiefirst-widget="banner"] a[href*="cookiefirst.com"][title*="CookieFirst logo"],
[data-cookiefirst-widget="banner"] img[alt="CookieFirst logo"] {
    display: none !important;
}

/* Voliteľné: Zabezpečíme, aby všetky tlačidlá mali rovnaký border-radius */
[data-cookiefirst-widget] button[data-cookiefirst-button] {
     --banner-btn-border-radius: 4px !important;
     --banner-btn-hover-border-radius: 4px !important;
}

/* --- ŠTÝLY PRE BANNER TLAČIDLÁ --- */

/* Tlačidlá Akceptovať a Odmietnuť (v banneri) - základný štýl */
[data-cookiefirst-widget="banner"] button[data-cookiefirst-action="accept"],
[data-cookiefirst-widget="banner"] button[data-cookiefirst-action="reject"] {
    --banner-btn-bg: #000000 !important;
    --banner-btn-text: #ffffff !important;
    --banner-btn-border-color: #000000 !important;
    --banner-btn-hover-bg: #ffffff !important;
    --banner-btn-hover-text: #000000 !important;
    --banner-btn-hover-border-color: #000000 !important;
}

/* Tlačidlá Akceptovať a Odmietnuť (v banneri) - štýl pri prejdení myšou (hover) */
[data-cookiefirst-widget="banner"] button[data-cookiefirst-action="accept"]:hover,
[data-cookiefirst-widget="banner"] button[data-cookiefirst-action="reject"]:hover {
    background-color: #ffffff !important;
    border-color: #000000 !important;
    color: #000000 !important;
}

/* Tlačidlo Nastaviť (v banneri) - základný štýl */
[data-cookiefirst-widget="banner"] button[data-cookiefirst-action="adjust"] {
    --banner-btn-bg: #ffffff !important;
    --banner-btn-text: #000000 !important;
    --banner-btn-border-color: #000000 !important;
    --banner-btn-hover-bg: #000000 !important;
    --banner-btn-hover-text: #ffffff !important;
    --banner-btn-hover-border-color: #000000 !important;
}

/* Tlačidlo Nastaviť (v banneri) - štýl pri prejdení myšou (hover) */
[data-cookiefirst-widget="banner"] button[data-cookiefirst-action="adjust"]:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

/* Zmena default modrej farby */

/* Farba pre aktívny tab v modálnom okne */
[data-cookiefirst-widget="modal"] button[role="tab"][aria-selected="true"] {
    color: rgb(28, 119, 254) !important;
    border-bottom-color: rgb(28, 119, 254) !important;
}

/* Farba pre odkazy v hlavnom obsahu (vnútri tab panelov) */
[data-cookiefirst-widget="modal"] [role="tabpanel"] a {
    color: rgb(28, 119, 254) !important;
}

/* Farba pre ostatné akcentované odkazy (napr. v pätičke "powered by CookieFirst") */
[data-cookiefirst-widget="modal"] a[data-cookiefirst-accent-color="true"] {
     color: rgb(28, 119, 254) !important;
}

/* Voliteľné: Zachovanie farby odkazu pri hover/focus pre oba typy odkazov */
[data-cookiefirst-widget="modal"] [role="tabpanel"] a:hover,
[data-cookiefirst-widget="modal"] [role="tabpanel"] a:focus,
[data-cookiefirst-widget="modal"] a[data-cookiefirst-accent-color="true"]:hover,
[data-cookiefirst-widget="modal"] a[data-cookiefirst-accent-color="true"]:focus {
    color: rgb(28, 119, 254) !important;
    /* text-decoration: underline !important; */
}

/* !!! PRAVIDLÁ PRE TEXTY S RÔZNYMI FARBAMI PRE VIZUÁLNU PODOBNOSŤ !!! */

/* Pravidlo pre hlavný popisný text (prvý <p>) */
[data-cookiefirst-widget="modal"] [role="tabpanel"] div[data-cookiefirst-corner-style] > div > p:first-of-type,
[data-cookiefirst-widget="modal"] [role="tabpanel"] div[data-cookiefirst-corner-style] > div > div > p:first-of-type
{
    font-family: inherit !important;
    font-size: 0.875rem !important;
    color: #333333 !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Pravidlo pre vnorený/druhý popisný text (vnorený <p> alebo druhý v poradí) */
[data-cookiefirst-widget="modal"] [role="tabpanel"] div[data-cookiefirst-corner-style] p p,
[data-cookiefirst-widget="modal"] [role="tabpanel"] div[data-cookiefirst-corner-style] > div:nth-of-type(n+2) p
{
    font-family: inherit !important;
    /*font-size: 0.875rem !important;*/
    color: #666666 !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    margin: -20px 0 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Reset pre text v tlačidlách (nadpisy kategórií) */
[data-cookiefirst-widget="modal"] [role="tabpanel"] div[data-cookiefirst-corner-style] button p {
    font-weight: bold !important;
    font-size: initial !important;
    color: initial !important;
    line-height: initial !important;
    display: initial !important;
    opacity: initial !important;
}

/* Medzera nad H3 nadpismi v treťom paneli (Zásady cookies) !!! */
[data-cookiefirst-widget="modal"] [role="tabpanel"]:nth-of-type(3) h3 {
    margin-top: 0.7rem !important;
}

/* Tlačidlá Prijať všetky a Uložiť nastavenia (v modálnom okne) - základný štýl */
[data-cookiefirst-widget="modal"] button[data-cookiefirst-action="accept"],
[data-cookiefirst-widget="modal"] button[data-cookiefirst-action="save"] {
    --banner-btn-bg: #000000 !important;
    --banner-btn-text: #ffffff !important;
    --banner-btn-border-color: #000000 !important;
    --banner-btn-hover-bg: #ffffff !important;
    --banner-btn-hover-text: #000000 !important;
    --banner-btn-hover-border-color: #000000 !important;
}

/* Tlačidlá Prijať všetky a Uložiť nastavenia (v modálnom okne) - štýl pri prejdení myšou (hover) */
[data-cookiefirst-widget="modal"] button[data-cookiefirst-action="accept"]:hover,
[data-cookiefirst-widget="modal"] button[data-cookiefirst-action="save"]:hover {
    background-color: #ffffff !important;
    border-color: #000000 !important;
    color: #000000 !important;
}

/* Tlačidlo Odmietnuť voliteľné (v modálnom okne) - základný štýl */
[data-cookiefirst-widget="modal"] button[data-cookiefirst-action="reject_second"] {
    --banner-btn-bg: #ffffff !important;
    --banner-btn-text: #000000 !important;
    --banner-btn-border-color: #000000 !important;
    --banner-btn-hover-bg: #000000 !important;
    --banner-btn-hover-text: #ffffff !important;
    --banner-btn-hover-border-color: #000000 !important;
}

/* Tlačidlo Odmietnuť voliteľné (v modálnom okne) - štýl pri prejdení myšou (hover) */
[data-cookiefirst-widget="modal"] button[data-cookiefirst-action="reject_second"]:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

/* --- ODSTRÁNENIE ORANŽOVÉHO FOCUS OBRYSU  --- */

/* Cieli na všetky prvky (tlačidlá, odkazy), ktoré majú nastavený focus outline */
.cookiefirst-root [data-cookiefirst-widget] [data-cookiefirst-outline-accent-color="true"]:focus,
.cookiefirst-root [data-cookiefirst-widget] [data-cookiefirst-outline-accent-color="true"]:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
/* Univerzálnejšie cielenie na tlačidlo zatvorenia (X) pomocou aria-label */
.cookiefirst-root [data-cookiefirst-widget="modal"] button[aria-label*="Close"]:focus,
.cookiefirst-root [data-cookiefirst-widget="modal"] button[aria-label*="Close"]:focus-visible,
.cookiefirst-root [data-cookiefirst-widget="modal"] button[aria-label*="Zatvoriť"]:focus, /* Pridaná slovenská verzia pre istotu */
.cookiefirst-root [data-cookiefirst-widget="modal"] button[aria-label*="Zatvoriť"]:focus-visible {
     outline: none !important;
     box-shadow: none !important;
}

/* Dodatočné zabezpečenie pre tab tlačidlá (Nastavenie, Cookies, atď.) */
.cookiefirst-root [data-cookiefirst-widget="modal"] button[role="tab"]:focus,
.cookiefirst-root [data-cookiefirst-widget="modal"] button[role="tab"]:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}