/* Vynucení plynulého scrollu pro všechny prohlížeče na nejvyšší úrovni */

html {

    scroll-behavior: smooth !important;

}



/* Globální chování a čistý font pro celý web */

body, h1, h2, h3, h4, .font-serif {

    font-family: 'Inter', sans-serif !important;

    font-style: normal !important;

}



/* Zajištění, že plynulý scroll zastaví kousek nad sekcí a menu neodřízne nadpis */

section, header {

    scroll-margin-top: 5rem; /* Trochu jsem ti to ještě zvětšil, ať má nadpis víc vzduchu */

}



/* Nadpisy budou mít moderní, mírně tučnější a čistý vzhled */

h1, h2 {

    font-weight: 600;

    letter-spacing: -0.02em; /* Moderní přisraženější vzhled nadpisů */

}



/* --- NATVRDO VYNUCENÝ POLOMĚR OBLÝCH ROHŮ (10px) --- */

.rounded-custom, 

.btn-custom, 

.card-custom, 

.rounded-2xl, 

.rounded-xl, 

.rounded-full { 

    border-radius: 10px !important; 

}



/* --- MAPOVÁNÍ BAREVNÉ PALETY --- */

.bg-brand-light { background-color: #fcf9f5; }

.bg-brand-light-alpha { background-color: rgba(252, 249, 245, 0.8); }

.text-brand-light-pure { color: #f5efe9; }



.text-brand-dark { color: #4a443f; }

.bg-brand-dark { background-color: #4a443f; }

.text-brand-dark-muted { color: rgba(74, 68, 63, 0.8); }

.border-brand-dark-alpha { border-color: rgba(74, 68, 63, 0.3); }

.from-brand-dark-gradient { --tw-gradient-from: rgba(74, 68, 63, 0.1) var(--tw-gradient-from-position); }



.bg-brand-clay { background-color: #eae2d9; }

.border-brand-clay { border-color: #eae2d9; }

.text-brand-clay { color: #eae2d9; }

.border-brand-clay-alpha { border-color: rgba(234, 226, 217, 0.4); }

.border-brand-clay-light { border-color: rgba(234, 226, 217, 0.3); }



.bg-brand-hero { background-color: #f3ece4; }

.bg-brand-section { background-color: rgba(234, 226, 217, 0.3); }

.bg-brand-gallery { background-color: rgba(234, 226, 217, 0.1); }



.border-white-alpha { border-color: rgba(255, 255, 255, 0.1); }



/* --- CHYTRÁ POMOCNÁ LOGIKA PRO OBRÁZKY --- */

img:not([src]), img[src=""], img[src*="undefined"] {

    display: none !important;

}



img[src]:not([src=""]) + .placeholder-text {

    display: none !important;

}



/* Efekt pro fotky v galerii */

.group:hover img {

    transform: scale(1.03);

    transition: transform 0.4s ease;

}

.group img {

    transition: transform 0.4s ease;

}