/* LunaTech Solutions - Ocean Blue Variant (v10) - FINAL */
/* Fixní barevné schéma bez přepínání */

/* Hlavní barvy pozadí */
body, html {
    background-color: #d4e8f8 !important;
}

/* Posun kotvy, aby se titulky neschovávaly pod fixní header */
html {
    scroll-padding-top: 80px;
}

:target {
    scroll-margin-top: 80px;
}

/* Aktivní položka v hlavním menu při scrollu */
header a.active-nav {
    color: #0052a3 !important;
    background-color: #c5dff5 !important;
    border-radius: 12px;
    padding: 8px 12px;
    box-shadow: 0 6px 16px rgba(90, 154, 212, 0.25);
}

/* Hlavní akcent barvy - světlá (#e5e5d3 → #7eb3e3) */
[class*="bg-[#e5e5d3]"],
[class*="from-[#e5e5d3]"],
[class*="to-[#e5e5d3]"],
[class*="via-[#e5e5d3]"],
[class*="hover:bg-[#e5e5d3]"]:hover {
    background-color: #7eb3e3 !important;
}

/* Pozadí stránek (#f8f7f3 → #d4e8f8) */
[class*="bg-[#f8f7f3]"],
.bg-\[#f8f7f3\] {
    background-color: #d4e8f8 !important;
}

/* Speciální pozadí pro sekci služeb */
section[id="services"],
section[class*="services"] {
    background-color: #c5dff5 !important;
    position: relative !important;
}

/* Kartičky služeb - bílé pozadí s modrým ohraničením */
section[id="services"] .grid > div,
section[class*="services"] .grid > div,
section[id="services"] > div > div > div,
section[class*="services"] > div > div > div {
    background: #ffffff !important;
    border: 2px solid #7eb3e3 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(126, 179, 227, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Kartičky služeb při hover */
section[id="services"] .grid > div:hover,
section[class*="services"] .grid > div:hover,
section[id="services"] > div > div > div:hover,
section[class*="services"] > div > div > div:hover {
    background: #ffffff !important;
    border-color: #5a9ad4 !important;
    box-shadow: 0 8px 25px rgba(126, 179, 227, 0.5) !important;
    transform: translateY(-5px) !important;
}

/* Gradienty */
section[class*="bg-gradient"] {
    background-image: linear-gradient(to bottom right, #d4e8f8, #7eb3e3) !important;
}

[class*="via-[#e5e5d3]"] {
    --tw-gradient-stops: var(--tw-gradient-from), #7eb3e3, var(--tw-gradient-to) !important;
}

/* Kartičky a boxy */
[class*="bg-[#f8f7f3]"] {
    background-color: #d4e8f8 !important;
}

/* Hover efekty */
[class*="hover:bg-[#e5e5d3]"]:hover,
div[class*="hover:bg-[#e5e5d3]"]:hover {
    background-color: #5a9ad4 !important;
}

/* Ikony služeb */
section[id="services"] svg,
section[class*="services"] svg {
    color: #7eb3e3 !important;
    filter: drop-shadow(0 2px 4px rgba(126, 179, 227, 0.4));
}

/* Tlačítka */
button[class*="bg-[#e5e5d3]"],
a[class*="bg-[#e5e5d3]"] {
    background-color: #7eb3e3 !important;
}

button[class*="bg-[#e5e5d3]"]:hover,
a[class*="bg-[#e5e5d3]"]:hover {
    background-color: #5a9ad4 !important;
}

/* Hlavička */
header {
    background-color: #d4e8f8 !important;
}

/* Footer - darker background for readability */
footer {
    background-color: #0f1f33 !important;
    color: #ffffff !important;
}

footer a,
footer a:visited {
    color: #cfe2ff !important;
}

footer a:hover {
    color: #ffffff !important;
}