/* Incognito / Panic mode — dims all profile photos, logo, menu and stories.
   Always loaded; rules only apply while <body> has the `incognito-on` class,
   so elements fade in/out smoothly via their own transitions. */

/* Homepage grid photos */
.homeGirlsCardImg {
    transition: filter 0.2s ease-in-out;
}
body.incognito-on .homeGirlsCardImg {
    filter: brightness(0.1);
}

/* Stories circles (zuck.js carousel) */
.stories.carousel .story > .item-link > .item-preview img {
    transition: filter 0.2s ease-in-out;
}
.stories.carousel .story > .item-link > .item-preview {
    transition: filter 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
body.incognito-on .stories.carousel .story > .item-link > .item-preview img {
    filter: brightness(0.1);
}
body.incognito-on .stories.carousel .story > .item-link > .item-preview {
    filter: brightness(0.4);
}

/* Profile detail page — main photo */
#main-photo img {
    transition: filter 0.2s ease-in-out;
}
body.incognito-on #main-photo img {
    filter: brightness(0.1);
}

/* Profile detail page — thumbnails */
.p-photos img {
    transition: filter 0.2s ease-in-out;
}
body.incognito-on .p-photos img {
    filter: brightness(0.1);
}

/* Nav logo */
nav a img,
nav a.text-lg,
nav a.text-xl {
    transition: opacity 0.2s ease-in-out;
}
body.incognito-on nav a img,
body.incognito-on nav a.text-lg,
body.incognito-on nav a.text-xl {
    opacity: 0.1;
}

/* Nav menu items */
nav .hidden.md\\:flex a,
nav .flex.items-center.gap-4 a {
    transition: opacity 0.2s ease-in-out;
}
body.incognito-on nav .hidden.md\\:flex a,
body.incognito-on nav .flex.items-center.gap-4 a {
    opacity: 0.2;
}

/* Footer */
footer {
    transition: opacity 0.2s ease-in-out;
}
body.incognito-on footer {
    opacity: 0.2;
}

/* Panic mode dims every image on public pages (ads, avatars, banners, paid content...) */
img {
    transition: filter 0.25s ease-in-out;
}
body.incognito-on img {
    filter: brightness(0.1) !important;
}

/* Images set as inline CSS background-image (photo slots, covers, etc.) */
[style*="background-image"] {
    transition: filter 0.25s ease-in-out;
}
body.incognito-on [style*="background-image"] {
    filter: brightness(0.1) !important;
}