/*
Theme Name:     StudioTuzkaTemplate
Theme URI:      n/a
Template:       kadence
Author:         Studio Tužka
Author URI:     n/a
Description:    Custom framework založený na šabloně Kadence. Obsahuje integrovanou knihovnu Block Patternů, optimalizované moduly a vlastní layouty pro rychlejší vývoj webů. Od Studio Tužka.
Version:        1.1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* 1. Hlavní obal pozadí - Dáme ho NAHORU, ale uděláme ho "prokliknutelný" */
.dot-grid-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999; /* Změna: úplně nahoru nad obsah Kadence */
    pointer-events: none; /* DŮLEŽITÉ: umožňuje klikat na věci pod tečkami */
    overflow: hidden;
    /* Odstranili jsme tmavé pozadí, ať prosvítá tvůj přirozený světlý web */
}

/* 2. Společné styly - mřížka teček zůstává stejná */
.dot-grid-bg,
.dot-grid-highlight {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle, currentcolor 1.5px, transparent 1.5px);
    background-size: 25px 25px;
    background-position: center;
}

/* 3. Spodní grid - VELMI JEMNÉ TMAVÉ tečky pro světlý web */
.dot-grid-bg {
    color: rgba(0, 0, 0, 0.05); /* Černá s 5% průhledností */
}

/* 4. Horní grid - VÝRAZNĚJŠÍ TMAVÉ tečky u kurzoru */
.dot-grid-highlight {
    color: rgba(0, 0, 0, 0.5); /* Černá s 50% průhledností - můžeš ztmavit až na 1.0 */
    
    -webkit-mask-image: radial-gradient(circle at center, black 0%, transparent 100%);
    mask-image: radial-gradient(circle at center, black 0%, transparent 100%);
    -webkit-mask-size: 200px 200px;
    mask-size: 200px 200px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    opacity: 0; 
}