/* ==========================================================================
   consent.css - cookie lišta.

   Vzhľad je presunutý zo style.css, kde platil iba na domovských stránkach.
   Podstránky style.css nenačítavajú, takže tam lišta vôbec nebola - a Google
   Analytics sa tam spúšťal bez akejkoľvek možnosti odmietnuť.
   Súbor načítava includes/consent.php na každej stránke.
   ========================================================================== */

.cookie-banner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 600px;
    width: 90%;
    background-color: #000;
    color: #fff;
    padding: 30px;
    display: none;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    z-index: 1000;
    border-radius: 80px;
    box-sizing: border-box;
    font-family: "Montserrat", Arial, sans-serif;
}
.cookie-banner.show { display: flex; }

.cookie-banner .small-text  { font-size: 1em; margin-bottom: 5px; }
.cookie-banner .big-text    { font-size: 2.5em; font-weight: bold; margin-bottom: 15px; }
.cookie-banner .other-text p { font-size: .9em; line-height: 1.4; margin: 0 0 15px; }

.cookie-banner .other-text a { color: #F06A28; text-decoration: none; font-weight: bold; transition: color .3s ease; }
.cookie-banner .other-text a:hover { color: #FF8C40; text-decoration: underline; }

.cookie-banner .cbtns { display: flex; gap: 20px; }

/* Tlačidlá mali pôvodne len ikonu (fajka / krížik) - nebolo jasné, čo robia,
   a v slovenskej verzii nemali ani alternatívny text. Pribudol popis.
   Písmo 1.2rem tučné spĺňa definíciu "veľkého textu" podľa WCAG, pri ktorom
   stačí kontrast 3:1 - biela na oranžovej (3.09:1) tak normu splní bez zmeny
   farieb webu. Obe tlačidlá majú rovnakú veľkosť aj váhu. */
.cookie-banner .cbtns button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 170px;
    padding: 12px 22px;
    border: 1px solid #F06A28;
    border-radius: 5px;
    background-color: #F06A28;
    color: #fff;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.cookie-banner .cbtns button#decline-cookies { background-color: #000; }
.cookie-banner .cbtns button:hover { background-color: #FF8C40; box-shadow: 0 4px 10px rgba(0, 0, 0, .3); transform: translateY(-2px); }
.cookie-banner .cbtns button#decline-cookies:hover { background-color: #333; border-color: #FF8C40; }
.cookie-banner .cbtns button img { width: 24px; height: 24px; transition: transform .3s ease; }
.cookie-banner .cbtns button:hover img { transform: scale(1.1); }

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 949;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .5s ease;
}
#overlay.active { opacity: 1; visibility: visible; }

/* Fokus sa presúva na celú lištu (kvôli klávesnici) - rám okolo nej netreba */
.cookie-banner:focus { outline: none; }

/* Na stránkach so zásadami lišta nezakrýva text - dajú sa prečítať pred rozhodnutím */
.cookie-banner.is-compact {
    top: auto;
    bottom: 16px;
    transform: translateX(-50%);
    border-radius: 30px;
    box-shadow: 0 0 0 1px #F06A28, 0 5px 25px rgba(0, 0, 0, .8);
}

@media (max-width: 768px) {
    .cookie-banner { padding: 22px 18px; border-radius: 40px; }
    .cookie-banner .big-text { font-size: 2em; }
    /* Základ šírky tlačidla = jeho obsah. Keď sa dve nezmestia vedľa seba,
       každé ide na vlastný riadok na celú šírku - text "Odmietnuť" sa neoreže. */
    .cookie-banner .cbtns { flex-wrap: wrap; justify-content: center; gap: 12px; width: 100%; }
    .cookie-banner .cbtns button { min-width: 0; flex: 1 1 auto; }
}