/* Hero sekcia – obrázok na pozadí */
.hero-section {
    background-image: url('/assets/img/hero-bg.png');
    background-size: cover;
    background-position: center;
    position: relative;
}

/* Overlay cez celý hero s ružovo-fialovým prechodom */
.hero-overlay {
    background: linear-gradient(135deg, #ec4899 0%, #a21caf 100%);
    opacity: 0.82;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;
}

/* Gradientový text pre nadpis */
.text-main-gradient {
    background: linear-gradient(90deg, #ec4899, #a21caf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Custom hlavná ružová */
:root {
    --main: #ec4899;
    --main-light: #f9a8d4;
}
/* Input focus border */
.focus\:border-main:focus {
    border-color: var(--main) !important;
}
/* Input focus ring (tieň) */
.focus\:ring-main-light:focus {
    box-shadow: 0 0 0 2px var(--main-light) !important;
}

/* Gradient tlačidlo */
.btn-main-gradient {
    background-image: linear-gradient(90deg, #ec4899 0%, #a21caf 100%);
    color: #fff;
    transition: background 0.3s;
}
.btn-main-gradient:hover {
    background-image: linear-gradient(90deg, #db2777 0%, #7c3aed 100%);
}

.bg-nav-gradient {
    background: linear-gradient(90deg, #ec4899 0%, #a21caf 100%);
    backdrop-filter: blur(12px);
    background-clip: padding-box;
}