/*
 * Social Updates runtime companion styles.
 *
 * The canonical design remains in ovhok.tailwind.input.css and Razor utility
 * classes. This small checked-in file guarantees that the newly added social
 * experience renders correctly before the first local Tailwind rebuild.
 */

.isolate { isolation: isolate; }
.scroll-mt-24 { scroll-margin-top: 6rem; }
.pb-7 { padding-bottom: 1.75rem; }
.min-w-11 { min-width: 2.75rem; }
.top-16 { top: 4rem; }
[class~="right-[18%]"] { right: 18%; }
[class~="opacity-[0.07]"] { opacity: 0.07; }
[class~="text-white/25"] { color: rgb(255 255 255 / 0.25); }
.text-blue-100 { color: #dbeafe; }
[class~="bg-slate-950/75"] { background-color: rgb(2 6 23 / 0.75); }
[class~="bg-blue-600/35"] { background-color: rgb(37 99 235 / 0.35); }
[class~="bg-fuchsia-500/20"] { background-color: rgb(217 70 239 / 0.20); }
[class~="bg-orange-500/20"] { background-color: rgb(249 115 22 / 0.20); }
[class~="bg-white/[0.07]"] { background-color: rgb(255 255 255 / 0.07); }
[class~="border-white/10"] { border-color: rgb(255 255 255 / 0.10); }

[aria-disabled="true"][class~="aria-disabled:pointer-events-none"] {
    pointer-events: none;
}

[aria-disabled="true"][class~="aria-disabled:opacity-50"] {
    opacity: 0.5;
}

.group:hover [class~="group-hover:text-blue-700"] {
    color: #1d4ed8;
}

@media (hover: hover) {
    [class~="hover:bg-blue-50"]:hover { background-color: #eff6ff; }
    [class~="hover:bg-white/15"]:hover { background-color: rgb(255 255 255 / 0.15); }
    [class~="hover:border-blue-300"]:hover { border-color: #93c5fd; }
    [class~="hover:text-blue-600"]:hover { color: #2563eb; }
    [class~="hover:text-blue-800"]:hover { color: #1e40af; }
}

[class~="focus-visible:outline-white"]:focus-visible {
    outline-color: #fff;
}

@media (min-width: 1024px) {
    [class~="lg:items-end"] { align-items: flex-end; }
    [class~="lg:justify-between"] { justify-content: space-between; }
    [class~="lg:py-24"] {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    #latest-social-posts *,
    #latest-social-posts *::before,
    #latest-social-posts *::after {
        scroll-behavior: auto !important;
    }
}