/*
 * Vlastní styly pro Silktide Cookie Consent Manager,
 * přizpůsobené pro projekt Dsmalicci.
 */

#silktide-wrapper {
    /*
     * Barvy přizpůsobené designu webu Dsmalicci
     * na základě souboru css/style.css
     */
    --primaryColor: #8440A8;      /* Hlavní fialová barva z :root --primary */
    --backgroundColor: #F1ECF9;  /* Světlá fialová barva z :root --light */
    --textColor: #103741;        /* Tmavá barva z :root --dark (pro text) */
    --backdropBackgroundColor: rgba(16, 55, 65, 0.5); /* --dark s průhledností */
    --focus: 0 0 0 2px #fff, 0 0 0 4px var(--primaryColor);
}

#silktide-banner,
#silktide-modal {
    border: 1px solid #ddd;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Hlavní tlačítko "Přijmout vše" */
#silktide-wrapper .st-button.st-button--primary {
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
    color: #ffffff;
    transition: all 0.3s ease;
}

#silktide-wrapper .st-button.st-button--primary:hover {
    background-color: #6a3386; /* Tmavší fialová */
    border-color: #6a3386;
    color: #ffffff;
}

/* Sekundární tlačítka (Odmítnout, Nastavení) */
#silktide-wrapper .st-button.st-button--secondary,
#silktide-banner .preferences {
    background-color: transparent;
    color: var(--primaryColor);
    border: 1px solid var(--primaryColor);
    transition: all 0.3s ease;
}

#silktide-wrapper .st-button.st-button--secondary:hover,
#silktide-banner .preferences:hover span {
    background-color: var(--primaryColor);
    color: #ffffff;
    border-color: var(--primaryColor);
}

/* Přepínače v modálním okně */
#silktide-modal .switch input:checked + .switch__pill {
    background: var(--primaryColor);
}

/* Cookie Icon */
#silktide-cookie-icon {
    background-color: var(--primaryColor); /* Ikona bude mít výrazné fialové pozadí */
    border: 1px solid var(--primaryColor);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

#silktide-cookie-icon svg {
    fill: #ffffff; /* A bílou ikonu cookie */
    transition: fill 0.3s ease;
}

#silktide-cookie-icon:hover {
    background-color: #6a3386; /* Tmavší fialová při najetí */
    transform: translateY(-3px);
}