[x-cloak] {
    display: none !important;
}

/**
 * Javna /beauty — sekcije usluga (admin „Pozadina”).
 * Ne koristiti Tailwind utility stringove iz PHP-a (bg-muted/30 itd.) jer nisu u ajrin3-bundle.css.
 * Indeksi 0–5 moraju odgovarati HomepageDataService::beautySectionThemeTailwindClasses() redosledu u adminu.
 */
.beauty-service-section-theme-0 {
    background-color: color-mix(in srgb, #ede6d6 30%, #faf8f4);
}
.beauty-service-section-theme-1 {
    background-color: #faf8f4;
}
.beauty-service-section-theme-2 {
    background-color: #fdf9f3;
}
.beauty-service-section-theme-3 {
    background-color: color-mix(in srgb, #c9a96e 8%, #faf8f4);
}
.beauty-service-section-theme-4 {
    background-color: color-mix(in srgb, #b8935e 8%, #faf8f4);
}
.beauty-service-section-theme-5 {
    background-color: color-mix(in srgb, #ede6d6 20%, #faf8f4);
}

/* Admin homepage (vizuelni urednik): modali MORAJU biti iznad z-50 headera i z-60 trake;
   proizvoljne vrednosti poput z-[200] često nisu u ajrin3 tailwind buildu, pa se ignorišu. */
.homepage-admin-modal {
    z-index: 9999;
}

/* Dugmad „Uredi sekciju” na karticama — iznad sadržaja sekcije (npr. z-10), ispod modala */
.homepage-admin-section-edit {
    z-index: 100;
}