/**
* Theme Name: Blocksy Child
* Description: Blocksy Child theme
* Author: harrych.app/ell
* Author URI: https://harrych.app/ell
* Template: blocksy
* Text Domain: blocksy
*/

#buddypress ul.item-list li {
    overflow: visible !important;
}

ul.nominations-list {
    display: flex;
    flex-flow: row wrap;
    list-style-type: none;
    padding: 0;
    gap: 50px 10px;
	margin-bottom: 50px !important;
}
ul.nominations-list > li {
    background: var(--theme-palette-color-7);
    display: flex;
    flex-direction: column;
    padding: 10px 10px 50px;
    border: 1px solid var(--theme-palette-color-6);
    border-radius: 10px;
    width: calc((100% - (10px * 4)) / 5);
    position: relative;
    max-height: 500px;
    opacity: 1;
}
body.hide-watched-films ul.nominations-list > li.watched {
    transition: 0.3s cubic-bezier(1, 0, 1, 0.5);
    width: 0px;
    padding: 0;
    border: 0;
    max-height: 0;
    margin-right: -10px;
    opacity: 0;
    pointer-events: none;
}
ul.nominations-list > li.watched {
    border-color: var(--theme-palette-color-10);
    background-color: var(--theme-palette-color-11);
}
ul.nominations-list > li.winner,
ul.nominees-nominations-list > li.winner {
    order: -1;
}
ul.nominations-list > li.winner:before,
ul.nominees-nominations-list > li.winner:before {
    content: "";
    height: 45px;
    width: 30px;
    position: absolute;
    background: var(--theme-palette-color-1);
    inset: 0 15px auto auto;
    background-image: url(https://oscarschecklist.com/wp-content/uploads/2025/01/trophy-solid.svg);
    background-size: 20px;
    background-position: center 20px;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
}
ul.nominations-list a,
ul.nominations-list h3 {
	text-decoration: none;
    color: var(--theme-palette-color-3);
}

.buttons-cntr {
    position: absolute;
    inset: auto 50% -1px;
    display: flex;
    height: 30px;
    width: calc(100% + 2px);
    transform: translate(-50%);
    justify-content: center;
    gap: 1px;
    border-radius: 0 0 10px 10px;
    padding: 1px;
    overflow: hidden;
}
li.watched > .buttons-cntr {
    background: var(--theme-palette-color-10);
}

ul.nominations-list button {
	/* padding: 3px 15px 0 35px; */
	/* border-radius: 50px; */
	/* height: 30px; */
    width: 100%;
	/* border: 1px solid var(--theme-palette-color-5); */
	background: var(--theme-palette-color-6);
	color: var(--theme-palette-color-4);
    cursor: pointer;
    text-wrap: nowrap;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.nominations-list .buttons-cntr:has(button:last-child:nth-child(2)) button {
    width: calc((100% - 1px) / 2);
}
ul.nominations-list .buttons-cntr:has(button:last-child:nth-child(3)) button {
    width: calc((100% - 2px) / 3);
}
ul.nominations-list button:last-child {
    border-bottom-right-radius: 8px;
}
ul.nominations-list button:first-child {
    border-bottom-left-radius: 8px;
}

ul.nominations-list button:active,
ul.nominations-list button:active ~ svg {
    scale: 0.9;
}

ul.nominations-list button svg {
	/* background: var(--theme-palette-color-7); */
	/* border-radius: 100%; */
	aspect-ratio: 1;
	height: 20px;
	/* padding: 5px; */
	/* position: absolute; */
	/* inset: -2px auto -2px -2px; */
	/* border: 1px solid var(--theme-palette-color-5); */
	/* box-shadow: 0 0 5px var(--theme-palette-color-); */
	pointer-events: none;
}


ul.nominations-list button svg path {
    fill: var(--theme-palette-color-5);
	/* opacity: 0.2; */
}
ul.nominations-list button.mark-as-unfav-button svg path {
    fill: #732b2b;
    opacity: 1;
}



ul.nominations-list > li.watched .mark-as-unwatched-button {
	border-color: var(--theme-palette-color-9);
	background: var(--theme-palette-color-10);
}

ul.nominations-list > li.watched .mark-as-unwatched-button svg path {
	fill: var(--theme-palette-color-4);
	opacity: 1;
}

ul.nominations-list button.mark-as-unfav-button {
    background: #f18585;
}
ul.nominations-list button.mark-as-unfav-button:hover, 
ul.nominations-list button.mark-as-fav-button:hover {
    background: #cd5c5c;
}

ul.nominations-list button.mark-as-unpredict-button {
    background: var(--theme-palette-color-2);
}
ul.nominations-list button.mark-as-predict-button:hover,
ul.nominations-list button.mark-as-unpredict-button:hover {
    background: var(--theme-palette-color-1);
}
ul.nominations-list button.mark-as-unpredict-button svg path {
    fill: rgba(0, 0, 0, 0.5);
    opacity: 1;
}

ul.nominations-list:has(>.winner) button.mark-as-predict-button,
ul.nominations-list:has(>.winner) button.mark-as-unpredict-button {
    display: none;
}

ul.nominations-list:has(>.winner) .buttons-cntr:has(button:last-child:nth-child(3)) button {
    width: calc((100% - 1px) / 2);
}

/* ul.nominations-list:has(>.winner) button:nth-child(2) {
    border-bottom-right-radius: 10px;
} */

ul.nominations-list:has(>.winner) .predict .buttons-cntr:before {
    content: "Your prediction";
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    font-size: 10px;
    color: var(--theme-palette-color-5);
}

ul.nominations-list .film-poster {
    order: 1;
    width: 100%;
    aspect-ratio: 80 / 117;
    background: var(--theme-palette-color-6);
    display: flex;
}
ul.nominations-list .film-poster:has(img) {
    background: none;
}
ul.nominations-list .film-poster svg {
    fill: var(--theme-palette-color-5);
    margin: 10px;
    opacity: 0.3;
    width: 100%;
}
ul.nominations-list img {
	border-radius: 3px;
	aspect-ratio: 80/117;
	object-fit: contain;
}
ul.nominations-list.nominee_visibility-prominent .nominee-photo img {
    object-fit: cover;
}
ul.nominations-list .film-name {
	order: 3;
    line-height: 1.2;
    padding-top: 7px;
}
ul.nominations-list .film-name:has(h4) {
    margin: 2px 0 0px;
}
ul.nominations-list .song-name {
	order: 2;
}
ul.nominations-list p {
	margin: 0;
}
ul.nominations-list h3 {
	margin: 10px 0 0;
}
ul.nominations-list .nominees-photo {
	order: 1;
	padding: 0;
	list-style-type: none;
	display: flex;
	width: 100%;
	gap: 5px;
	padding: 0 5px;
	flex-flow: row wrap;
	margin-top: -25px;
    margin-bottom: 0;
}
ul.nominations-list .nominee-photo {
	width: calc((100% - 10px)/3);
    background: var(--theme-palette-color-6);
	background-size: cover;
	aspect-ratio: 80/117;
    display: flex;
}
ul.nominations-list .nominee-photo svg {
    fill: var(--theme-palette-color-5);
    opacity: 0.4;
    margin: 5px;
    width: 100%;
}
ul.nominations-list .nominees-name, ul.nominations-list details.nominees {
	list-style-type: none;
	padding: 0;
	order: 4;
	color: var(--theme-palette-color-4);
	margin: 0;
    font-size: 12px;
    line-height: 1.2;
}
ul.nominations-list .nominees-name a {
	color: var(--theme-palette-color-4)
}
ul.nominations-list .nominees-name > li {
	display: inline;
}
ul.nominations-list .nominees-name > li:not(:first-child):before {
	content: ", ";
}


@media screen and (max-width: 689px) {
    ul.nominations-list > li {
        width: calc((100% - (5px * 2)) / 3);
        padding: 5px 5px 45px;
    }
    ul.nominations-list {
        gap: 35px 5px;
    }
    body.hide-watched-films ul.nominations-list > li.watched {
        margin-right: -5px;
    }
}

@media screen and (max-width: 389px) {
    ul.nominations-list > li {
width: calc((100% - (5px * 1)) / 2);
    }
}

@media screen and (max-width: 500px) {
	ul.nominations-list {
		gap: 25px 5px;
	}
	ul.nominations-list > li {
		padding: 5px 5px 50px;
	}
	ul.nominations-list .nominee-photo {
        width: calc((100% - 5px) / 2);
	}
}


ul.nominations-list.nominee_visibility-prominent .nominees-name {
	order: 3;
}
ul.nominations-list.nominee_visibility-prominent .film-name {
	order: 4;
}
ul.nominations-list.nominee_visibility-prominent .film-poster {
	width: calc((100% - 20px) / 2);
	order: 2;
	margin-top: -50px;
	margin-left: 5px
}
ul.nominations-list.nominee_visibility-prominent .nominees-photo {
	padding: 0;
	order: 1;
	margin: 0;
}
ul.nominations-list.nominee_visibility-prominent .nominee-photo {
	width: 100%;
}


ul.nominations-list a.login-link {
    padding: 0 10px 0 30px;
    border-radius: 50px;
    height: 24px;
    border: 1px solid var(--theme-palette-color-5);
    background: var(--theme-palette-color-6);
    color: var(--theme-palette-color-4);
    position: absolute;
    inset: auto auto 0 50%;
    translate: -50% 50%;
    display: flex;
    align-items: center;
    width: max-content;
}

ul.nominations-list .login-link svg {
    background: var(--theme-palette-color-7);
    border-radius: 100%;
    aspect-ratio: 1;
    height: 26px;
    padding: 5px;
    position: absolute;
    inset: -2px auto -2px -2px;
    border: 1px solid var(--theme-palette-color-5);
    box-shadow: 0 0 5px var(--theme-palette-color-);
    pointer-events: none;
}




.entry-content:has(.awards-category) {
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    /* width: calc(100vw - 300px); */
    padding-top: 30px;
}
.awards-category.category-best-picture {
    order: -1;
}
.awards-category {
    position: relative;
    padding: 0 10px;
    scroll-margin-top: 75px;
    width: 100% !important;
}
body.hide-watched-films .awards-category.complete {
    max-height: 0;
    margin-bottom: -1px;
    overflow: hidden;
}
.awards-category .category-title {
    position: sticky;
    top: 90px;
    z-index: 3;
    padding: 15px;
    width: calc(100% + 20px);
    translate: -10px;
    background: rgb(255 255 255 / 90%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    /* border-top: 1px solid var(--theme-palette-color-6); */
    /* border-bottom: 1px solid var(--theme-palette-color-6); */
    margin-bottom: 15px;
}
.parent-pageid-122361 .awards-category .category-title {
    top: 140px;
}
html[data-color-mode="dark"] .awards-category .category-title {
    background: rgb(0 0 0 / 75%);
}
@media (prefers-color-scheme: dark) {
    html:not([data-color-mode="light"]) .awards-category .category-title {
        background: rgb(0 0 0 / 75%);
    }
    html:not([data-color-mode="light"]) ul.nominations-list button.mark-as-unfav-button {
        background: #cd5c5c;
    }
    html:not([data-color-mode="light"]) ul.nominations-list button.mark-as-unfav-button:hover, 
    html:not([data-color-mode="light"]) ul.nominations-list button.mark-as-fav-button:hover {
        background: #f18585;
    }
    html:not([data-color-mode="light"]) .dark-hide {
        display: none !important;
    }
}
html[data-color-mode="dark"] .dark-hide {
    display: none !important;
}
@media (prefers-color-scheme: light) {
    html:not([data-color-mode="dark"]) .light-hide {
        display: none !important;
    }
}
html[data-color-mode="light"] .light-hide {
    display: none !important;
}
html[data-color-mode="dark"] ul.nominations-list button.mark-as-unfav-button {
    background: #cd5c5c;
}
html[data-color-mode="dark"] ul.nominations-list button.mark-as-unfav-button:hover, 
html[data-color-mode="dark"] ul.nominations-list button.mark-as-fav-button:hover {
    background: #f18585;
}
.admin-bar.parent-pageid-122361 .awards-category .category-title {
    top: 163px;
}
.admin-bar .awards-category .category-title {
    top: 123px;
}
.awards-category .category-title h2 {
    margin-bottom: -8px;
}
h1, h2, h3, h4, h5, h6, a {
    text-wrap: balance;
}
a.category-link {
    background: rgba(0, 0, 0, 0);
    display: flex;
    height: 37.5px;
    padding: 10px;
    width: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    transition: 0.1s;
    margin: 0 auto -7.5px 10px;
}
a.category-link svg {
    fill: var(--theme-palette-color-5);
    transition: 0.1s;
    width: 100%;
}
.awards-category ul {
    padding-bottom: 10px;
}

@media screen and (max-width: 689px) {
    .content:has(.awards-category) {
        width: 100%;
    }
}


@media screen and (max-width: 999px) {
    .parent-pageid-122361 .awards-category .category-title {
        top: 104px;
    }
    .awards-category .category-title {
        top: 59px;
    }
    .admin-bar.parent-pageid-122361 .awards-category .category-title {
        top: 127px;
    }
    .admin-bar .awards-category .category-title {
        top: 92px;
    }
}
@media screen and (max-width: 782px) {
    .admin-bar.parent-pageid-122361 .awards-category .category-title {
        top: 91px;
    }
    .admin-bar .awards-category .category-title {
        top: 105px;
    }
}
@media screen and (max-width: 689px) {
    .admin-bar.parent-pageid-122361 .awards-category .category-title {
        top: 139px;
    }
    .admin-bar .awards-category .category-title {
        top: 105px;
    }
    .parent-pageid-122361 .awards-category .category-title {
        top: 102px;
    }
    .awards-category .category-title {
        top: 59px;
    }
    a.category-link {
        height: 35px;
    }
}
@media screen and (max-width: 600px) {
    .admin-bar.parent-pageid-122361 .awards-category .category-title {
        top: 100px;
    }
    .admin-bar .awards-category .category-title {
        top: 60px;
    }
}




aside#sidebar::-webkit-scrollbar,
aside#sidebar > *::-webkit-scrollbar {
    display: none;
}
aside#sidebar {
    background: rgb(255 255 255 / 75%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding-top: 50px;
    overflow: scroll;
    display: table;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
@media screen and (min-width: 1000px) {
    .stk-block-heading:first-child .stk-block-heading__text:not([contenteditable]) {
        padding-top: 15px !important;
    }
}
@media (min-width: 1000px) {
    .ct-sidebar[data-sticky=sidebar], .ct-sidebar .ct-sticky-widgets {
        position: sticky;
        top: 150px;
    }
}
@media (max-width: 999px) {
    aside#sidebar:not(.open) > * {
        max-height: 70px;
    }
}

aside#sidebar > * {
    /* max-height: calc(100vh - (var(--sidebar-offset, 50px) + var(--admin-bar, 0px) + var(--theme-frame-size, 0px) + var(--header-sticky-height, 0px)* var(--sticky-shrink, 100) / 100)); */
    padding: 0 6px 25px;
    overflow: visible;
    max-height: calc(100vh - 150px);
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

@media (min-width: 1000px) {
    aside#sidebar > * {
        overflow: scroll;
    }    
}

html[data-color-mode="dark"] aside#sidebar {
    background: rgb(0 0 0 / 75%);
}
@media (prefers-color-scheme: dark) {
    html:not([data-color-mode="light"]) aside#sidebar {
        background: rgb(0 0 0 / 75%);
    }
}
ul#toc {
    display: flex;
    flex-direction: column;
    padding-bottom: 25px;
}
ul#toc li.Best-Picture {
    order: -1;
}

ul#toc li {
    position: relative;
    padding: 4px 0 3px 15px;
    line-height: 1;
    font-size: 12px;
}
ul#toc li:before, ul#toc li:after {
    content: "";
    background: var(--theme-palette-color-4);
    position: absolute;
    inset: 2px auto 2px 0;
    width: 2px;
    opacity: 0;
    transition: 0.3s;
}
ul#toc li:before {
    opacity: 0.1;
}
ul#toc li.active:after {
    opacity: 1;
}
ul#toc li.favourite {
    order: -2;
}
ul#toc li.hidden-category {
    order: 999;
    opacity: 0.5;
}

.progress-bar-container {
    width: 100%;
    background: var(--theme-palette-color-7);
    overflow: hidden;
    position: absolute;
    inset: 2px 0 2px 0.5em;
    z-index: -1;
}

.progress-bar {
    height: 100%;
    background: var(--theme-palette-color-2);
    transition: 0.3s;
    width: var(--progress);
}

.progress-bar.full {
    background: var(--theme-palette-color-10);
}
span.count-container {
    position: absolute;
    right: 0;
}
span.watched-count {
    font-size: 9px;
    position: relative;
    bottom: 3px;
}
span.total-count {
    font-size: 8px;
    position: relative;
    top: 2px;
}
span.total-count:before {
    content: "/";
    padding: 0 1px;
    font-size: 10px;
    bottom: 3px;
    position: relative;
}

#sidebar div.ct-widget:has(.circular-progress-bar) {
    margin-bottom: 25px;
}
.circular-progress-bar {
    background: conic-gradient(var(--theme-palette-color-2) 0%, var(--theme-palette-color-7) 0);
    aspect-ratio: 1;
    border-radius: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.circular-progress-bar.categories {
    background: conic-gradient(var(--theme-palette-color-2) var(--total-categories-progress), var(--theme-palette-color-7) 0);
}
.circular-progress-bar.films {
    background: conic-gradient(var(--theme-palette-color-2) var(--total-watched-films-progress), var(--theme-palette-color-7) 0);
}
.circular-progress-bar.complete.categories {
    background: conic-gradient(var(--theme-palette-color-10) var(--total-categories-progress), var(--theme-palette-color-7) 0);
}
.circular-progress-bar.complete.films {
    background: conic-gradient(var(--theme-palette-color-10) var(--total-watched-films-progress), var(--theme-palette-color-7) 0);
}
.circular-progress-bar:after {
    position: absolute;
    inset: 10px;
    background: var(--theme-palette-color-8);
    content: "";
    border-radius: 50%;
}
span.progress, span.total {
    position: relative;
    z-index: 1;
    font-size: 20px;
}
span.progress {
    bottom: 5px;
    right: 5px;
}
span.total {
    top: 5px;
    left: 5px;
}
span.total:before {
    content: "/";
    position: relative;
    right: 5px;
    bottom: 5px;
}
@media screen and (max-width: 999px) {
    .circular-progress-bar:after {
        inset: 7px;
    }
    span.progress, span.total {
        font-size: 15px;
    }
    span.progress {
        right: 2px;
    }
    span.total {
        left: 2px;
    }
    span.total:before {
        right: 2px;
    }
}


.circular-progress-container {
    position: relative;
    min-width: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.circular-progress {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(var(--theme-palette-color-2) var(--progress), var(--theme-palette-color-7) 0);
    position: absolute;
}

.awards-category.complete .circular-progress {
    background: conic-gradient(var(--theme-palette-color-10) var(--progress), var(--theme-palette-color-7) 0);
}

.circular-progress::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
    background-color: var(--theme-palette-color-8);
    border-radius: 50%;
    z-index: 1;
}

.progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    z-index: 2;
}

.category-title span.progress, .category-title span.total {
    font-size: 11px;
}
.category-title span.progress {
    bottom: 3px;
    right: 3px;
}
.category-title span.total {
    top: 3px;
    left: 3px;
}
.category-title span.total:before {
    content: "/";
    position: relative;
    right: 3px;
    bottom: 3px;
}



.friends-watched {
    order: 4;
    margin-top: auto;
    display: flex;
    flex-flow: row wrap;
    gap: 5px;
    align-items: end;
    max-height: 50px;
    overflow: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.friends-watched::-webkit-scrollbar {
    display: none;
}
.friend-avatar:first-child {
    margin-top: 10px;
}
.friend-avatar img {
    height: 100%;
    width: 100%;
    border-radius: 50% !important;
    position: absolute;
    inset: 0;
    z-index: 1;
}
.friends-watched .friend-avatar {
    background-color: hsl(calc(var(--randomcolornum) * 0.36) 90% 70%);
    height: 25px;
    width: 25px;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: center;
}
@media (prefers-color-scheme: dark) {
    .friends-watched .friend-avatar {
        background-color: hsl(calc(var(--randomcolornum) * 0.36) 50% 40%);
    }
}
.friends-watched .friend-initials {
    top: 4px;
    font-size: 12px;
    /* color: var(--theme-palette-color-3); */
}


#item-header-avatar img.avatar,
.ct-header-account-dropdown img {
    background-image: url(https://secure.gravatar.com/avatar/e0d05d0…?s=64&d=mm&f=y&r=g);
    background-size: contain;
}


.ct-shortcuts-bar[data-type=type-2] .ct-shortcuts-bar-items {
    margin-inline: unset !important;
}
@media screen and (max-width: 999px) {
    .ct-container:has(>#sidebar) {
        position: relative;
    }
    aside#sidebar {
        position: fixed;
        z-index: 3;
        bottom: 10px;
        left: 10px;
        width: 300px;
        padding: 0px;
        /* border: 1px solid; */
        max-height: 70px;
        /* overflow: hidden; */
        border-radius: 15px;
    }
    aside#sidebar > * {
        padding: 0;
    }
    article:has(~#sidebar.open) {
        padding-left: calc(240px - 5vw + 25px);
        translate: 25px;
    }
    aside#sidebar,
    [data-sidebar] {
        transition: 0.1s;
    }
    /* aside#sidebar:not(.open) {
        translate: -100%;
        opacity: 0;
    } */

    article:has(~#sidebar.open) ul.nominations-list > li {
        width: calc((100% - (5px * 2)) / 3);
        padding: 5px 5px 40px;
        max-width: 140px;
    }
    article:has(~#sidebar.open) ul.nominations-list {
        gap: 35px 5px;
    }
    #sidebar:not(.open) p:has(+.circular-progress-bar) {
        display: none;
    }
    #sidebar:not(.open) .circular-progress-bar {
        height: 30px;
        width: 30px;
        margin: 5px auto auto 15px;
    }
    #sidebar:not(.open) span.progress,
    #sidebar:not(.open) span.total {
        translate: 35px;
        font-size: 13px;
        right: 0;
    }
    #sidebar:not(.open) span.total:before {
        right: 3px;
    }
    aside#sidebar.open {
        max-height: calc(100vh - 115px);
        width: 250px;
        left: 0;
        bottom: -20px;
        padding: 10px;
    }
    #sidebar:not(.open) .stk-block-icon.cross,
    #sidebar.open .stk-block-icon:not(.cross),
    #sidebar.open div#more {
        display: none;
    }
    #sidebar.open .stk-column-wrapper:has(div#more) {
        max-width: 30px;
        margin: 0 0 auto auto;
    }
    #sidebar.open .wp-block-stackable-column:has(div#more) {
        transform: translateY(-40px);
        max-width: 50px;
        position: fixed;
        inset: 0 0 auto auto;
        transform: translate(-30px, 30px);
    }
    
    #sidebar .ct-widget:has(div#your-progress),
    #sidebar .ct-widget:has(div#friends-list) {
        transition: 0.3s;
        max-height: 75px;
        overflow: hidden;
    }
    #sidebar:not(.open) .ct-widget:has(div#your-progress),
    #sidebar:not(.open) .ct-widget:has(div#friends-list) {
        max-height: 0;
    }
}

@media screen and (max-width: 689px) {
    article:has(~#sidebar.open) {
        padding-left: 0;
        translate: 0px;
    }
    aside#sidebar {
        width: 100vw;
        inset: auto 0 0 0;
        border-radius: 0;
        border-top: 1px solid var(--theme-palette-color-7);
    }
    aside#sidebar.open {
        inset: auto 0 0 0;
        width: 100vw;
        background: rgb(255 255 255 / 85%);
        position: fixed;
        overflow: scroll;
        z-index: 999;
        padding: 0;
        max-height: calc(100vh - 400px);
        display: block;
    }
    aside#sidebar.open > * {
        padding: 15px;
        max-height: calc(100vh - 400px);
    }
    .circular-progress-bar {
        height: 100px;
        width: 100px;
        margin: auto;
    }
}

div#friends-list {
    margin-bottom: 15px;
    overflow: scroll;
    max-width: 250px;
}
div#friends-list ul {
    display: inline-flex;
    background: var(--theme-palette-color-7);
    gap: 8px;
    border-radius: 150px;
    justify-content: start;
    align-items: center;
    padding: 0 5px 0 0;
    max-width: 250px;
    overflow: scroll;
}
div#friends-list li {
    padding: 7px 7px 5px;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    background-color: hsl(calc(var(--randomcolornum) * 0.36) 60% 60%);
    z-index: 1;
    position: relative;
}
@media (prefers-color-scheme: dark) {
    html:not([data-color-mode="light"]) div#friends-list li {
        background-color: hsl(calc(var(--randomcolornum) * 0.36) 50% 40%);
    }
}
div#friends-list li p {
    margin: 0 5px 0 7px;
}
div#friends-list li.active {
    cursor: default;
}
div#friends-list li:not(:first-child) {
    padding: 0;
    margin-left: -5px;
    height: 34px;
    min-width: 34px;
    justify-content: center;
    font-weight: bold;
    color: white;
}
div#friends-list img {
    margin: 0;
    border-radius: 50%;
    aspect-ratio: 1;
    height: 100%;
}
div#friends-list li:first-child img {
    background-image: url(https://secure.gravatar.com/avatar/e0d05d0…?s=64&d=mm&f=y&r=g);
    background-size: contain;
}
div#friends-list li:not(:first-child) img {
    position: absolute;
    width: 100%;
    inset: 0;
}
div#friends-list li.active:not(:first-child) {
    background: hsl(calc(var(--randomcolornum) * 0.36) 90% 70%);
    box-shadow: 0 0 10px hsl(calc(var(--randomcolornum) * 0.36) 90% 70%);
    scale: 1;
    z-index: 2;
}

div#friends-list li:first-child.active, div#friends-list li:first-child {
    background: var(--theme-palette-color-6);
    min-width: fit-content;
}
.friend-initials {
    position: relative;
    top: 2px;
    font-size: 14px;
    font-weight: normal;
    color: var(--theme-palette-color-3);
    color: black;
}



article#post-29039 {
    position: fixed;
    bottom: -1px;
    width: 100vw;
    z-index: 10;
}
body:not(.open-logged-in-notice) article#post-29039, body.close-logged-in-notice article#post-29039, body.logged-in article#post-29039 {
    display: none;
}
@media screen and (max-width: 999px) {
    body.open-logged-in-notice:not(.close-logged-in-notice):not(.logged-in)
    aside#sidebar {
        bottom: 114px;
    }
    article#post-29039 {
        min-height: 106px;
    }
}
@media screen and (max-width: 689px) {
    body.open-logged-in-notice:not(.close-logged-in-notice):not(.logged-in)
    aside#sidebar {
        bottom: 118px;
    }
    article#post-29039 {
        min-height: 119px;
    }
}


nav>ul>[class*=ct-mega-menu]>.sub-menu {
    gap: 0 50px;
    padding-bottom: 25px;
    grid-auto-flow: column;
    grid-template-rows: repeat(6, 1fr);
}
nav>ul>[class*=ct-mega-menu]>.sub-menu>li {
    padding: 0 !important;
    border: unset !important;
    border-bottom: 1px solid var(--theme-palette-color-6) !important;
    transition: 0.2s;
}
nav>ul>[class*=ct-mega-menu]>.sub-menu>li.current-menu-item {
    border-bottom: 1px solid var(--theme-palette-color-2) !important;
}
nav>ul>[class*=ct-mega-menu]>.sub-menu>li>a {
    padding: 25px 5px 5px !important;
}

.nominations-navigation {
	display: flex;
	gap: 10px;
	align-items: center;
}
a.nominations-nav-button {
    width: 60px;
    text-align: left;
}
a.nominations-nav-button:has(+select) {
    text-align: right;
}
.nominations-navigation select {
    height: 30px;
    width: 85px;
    background-color: var(--theme-palette-color-8);
    border-color: var(--theme-palette-color-6);
    border-radius: 2px;
}
.nominations-navigation select:not(:has(+a)) {
    margin-right: 70px;
}
.nominations-navigation select:first-child {
    margin-left: 70px;
}

@media screen and (max-width: 999px) {
    .nominations-navigation select {
        height: 35px;
        width: 90px;
    }
}
@media screen and (max-width: 689px) {
    .nominations-navigation select {
        height: 23px;
        width: 75px;
        font-size: 15px;
    }
}    


body.parent-pageid-122361 main#main {
    margin-top: 40px;
}
article#post-18667 {
    position: fixed;
    inset: 101px 0 auto;
    z-index: 49;
}
body.admin-bar article#post-18667 {
    top: 133px;
}
@media screen and (max-width: 999px) {
    body.admin-bar article#post-18667 {
        top: 102px;
    }
    article#post-18667 {
        top: 70px;
    }
    body.parent-pageid-122361 main#main {
        margin-top: 35px;
    }
}
@media screen and (max-width: 782px) {
    body.admin-bar article#post-18667 {
        top: 116px;
    }
    body.parent-pageid-122361 main#main {
        margin-top: 33px;
    }
}
@media screen and (max-width: 599px) {
    body.admin-bar article#post-18667 {
        top:70px;
    }
}

body:not(.parent-pageid-122361) div:has(>article#post-18667) {
    display: none;
}

.ct-container:has(>#sidebar) {
    z-index: 2;
}

/* Define the keyframes for the up-and-down animation */
@keyframes upAndDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}

/* Apply the animation to the button */
.animate-up-and-down:not(:hover) {
    animation: upAndDown 2s ease-in-out infinite;
}

/* The base style for the LI elements */
ul.nominations-list > li.watched {
    position: relative; /* Ensure that the pseudo-element is positioned relative to the LI */
    transition: background-color 0.7s 0.3s;
}

/* The pseudo-element for the 'watched' state */
ul.nominations-list > li::after {
    content: "Watched"; /* The text that will be displayed */
    position: absolute;
    /* top: 0; */
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--theme-palette-color-11);
    color: var(--theme-palette-color-3);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    opacity: 0;
    pointer-events: none; /* Ensure it doesn't block mouse clicks */
    transition: opacity 2s ease-out; /* Fade out transition */
    z-index: 1; /* Ensures it covers the LI content initially */
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

/* When the 'watched' class is added, start fading out the pseudo-element */
ul.nominations-list > li.watched::after {
    animation: fadeOutWatched 2s forwards; /* Trigger the fade out animation */
}

/* Keyframes for the fade-out effect */
@keyframes fadeOutWatched {
    0% {
        opacity: 0;
        /* scale: 2; */
        max-height: 0%;
    }
    10% {
        opacity: 1;
        /* scale: 1; */
        max-height: 100%;
    }
    50% {
        opacity: 1;
        max-height: 100%;
    }
    55% {
        /* scale: 1; */
    }
    100% {
        opacity: 0;
        /* scale: 0.8; */
        /* max-height: 0%; */
    }
}


aside#sidebar > * > div:first-child {
    display: block;
    width: 100%;
    height: 70px;
    margin-bottom: 10px;
    border-radius: 5px;
    /* overflow: hidden; */
}
/* @media (width < 1000px) {
    aside#sidebar.open > * > div:first-child {
        margin: -10px -10px 10px;
        width: calc(100% + 20px);
    }    
} */
@media (width < 690px) {
    aside#sidebar.open > * > div:first-child {
        margin: -15px -15px 10px;
        width: calc(100% + 30px);
    }
}
aside#sidebar > * > div:first-child > p {
    display: flex;
    /* gap: 7px; */
    line-height: 1;
    align-items: center;
    height: 100%;
    justify-content: center;
}
aside#sidebar > * > div:first-child button {
    height: 100%;
    border-radius: 0px;
    width: 25%;
    color: var(--theme-palette-color-3);
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    font-size: 11px;
    display: flex;
    align-items: end;
    justify-content: center;
    text-align: center;
    padding: 10px 5px;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    fill: var(--theme-palette-color-3);
}
aside#sidebar > * > div:first-child button svg {
    opacity: 0.8;
    /* margin-bottom: 10px; */
    fill: inherit;
    padding: 3px;
    height: 25px;
}
aside#sidebar > * > div:first-child button svg rect,
aside#sidebar > * > div:first-child button svg path {
    fill: inherit;
    /* transition: 0.2s; */
}
aside#sidebar > * > div:first-child button:active {
    /* scale: 0.95; */
    background-color: var(--theme-palette-color-2);
    /* border: 1px solid var(--theme-palette-color-2); */
}
body.show-unique-films aside#sidebar > * > div:first-child button#toggle-unique-films,
body.hide-watched-films aside#sidebar > * > div:first-child button#toggle-hide-watched,
body.winners-only aside#sidebar > * > div:first-child button#toggle-winners-only,
body.hide-predicted aside#sidebar > * > div:first-child button.toggle-predicted-button,
aside#sidebar.open.progress-mode > * > div:first-child button#toggle-progress,
aside#sidebar.open.watchlist-mode > * > div:first-child button#toggle-watchlist {
    background-color: var(--theme-palette-color-7);
    background-color: rgba(0, 0, 0, 0.1);
    color: var(--theme-palette-color-1);
    fill: var(--theme-palette-color-1);
}
/* body.show-unique-films aside#sidebar > * > div:first-child button#toggle-unique-films svg,
body.hide-watched-films aside#sidebar > * > div:first-child button#toggle-hide-watched svg,
body.winners-only aside#sidebar > * > div:first-child button#toggle-winners-only svg,
aside#sidebar.open > * > div:first-child button#toggle-progress svg {
    filter: drop-shadow(0px 0px 10px var(--theme-palette-color-3));
    } */
@media screen and (min-width: 1000px) {
    aside#sidebar > * > div:first-child button#toggle-progress {
        display: none;
    }
    aside#sidebar > * > div:first-child button {
        width: calc(100% / 3);
    }
    aside#sidebar > * > div:first-child > p {
        border-radius: 15px;
        /* overflow: hidden; */
    }
}
@media (prefers-color-scheme: dark) {
    html:not([data-color-mode="light"]) body.show-unique-films aside#sidebar > * > div:first-child button#toggle-unique-films,
    html:not([data-color-mode="light"]) body.hide-watched-films aside#sidebar > * > div:first-child button#toggle-hide-watched,
    html:not([data-color-mode="light"]) body.winners-only aside#sidebar > * > div:first-child button#toggle-winners-only,
    html:not([data-color-mode="light"]) body.hide-predicted aside#sidebar > * > div:first-child button.toggle-predicted-button,
    html:not([data-color-mode="light"]) aside#sidebar.open.progress-mode > * > div:first-child button#toggle-progress,
    html:not([data-color-mode="light"]) aside#sidebar.open.watchlist-mode > * > div:first-child button#toggle-watchlist {
        background-color: rgba(255, 255, 255, 0.1);
    }
}

/* body:has(* ul.nominations-list:not(* > .predict)) .hide-if-predictions-cast, */
body:not(:has(* li.winner)) aside#sidebar > * > div:first-child button#toggle-winners-only,
body:has(* li.winner) aside#sidebar > * > div:first-child button.toggle-predicted-button {
    display: none;
}






@media (hover: hover) {
    ul.nominations-list a:hover {
        text-decoration: underline;
        text-decoration-color: var(--theme-palette-color-4);
    }

    ul.nominations-list button:hover svg path,
    ul.nominations-list > li.watched .mark-as-unwatched-button:hover svg path,
    ul.nominations-list > li.watched .mark-as-unwatched-button:hover svg path {
        fill: var(--theme-palette-color-8);
        opacity: 1;
    }

    ul.nominations-list > li button.mark-as-unwatched-button:hover ~ svg  {
        background: var(--theme-palette-color-9);
    }

    ul.nominations-list > li button.mark-as-unwatched-button:hover ~ svg path {
        fill: var(--theme-palette-color-10);
        opacity: 0.2;
    }

    ul.nominations-list button:hover {
        border-color: var(--theme-palette-color-5);
        background: var(--theme-palette-color-9);
    }

    ul.nominations-list > li button.mark-as-unwatched-button:hover {
        background: var(--theme-palette-color-9);
        color: white;
    }

    a.category-link:hover {
        background: var(--theme-palette-color-7);
    }

    a.category-link:hover svg {
        fill: var(--theme-palette-color-1);
    }

    ul#toc li:hover {
        cursor: pointer;
        font-weight: bold;
    }

    div#friends-list li:hover {
        background: hsl(calc(var(--randomcolornum) * 0.36) 90% 70%);
        box-shadow: 0 0 10px hsl(calc(var(--randomcolornum) * 0.36) 90% 70%);
        scale: 1.05;
        z-index: 1;
    }
    
    div#friends-list li:first-child:hover {
        background: var(--theme-palette-color-6);
    }

    div#friends-list li:hover:not(:active) img.friend-avatar {
        scale: 1.1;
    }

    nav>ul>[class*=ct-mega-menu]>.sub-menu>li:hover {
        border-color: var(--theme-palette-color-5) !important;
        font-weight: bold;
    }

    aside#sidebar > * > div:first-child button:hover {
        cursor: pointer;
        /* scale: 1.05; */
        /* font-weight: bold; */
        /* border: 1px solid var(--theme-palette-color-1); */
        background-color: var(--theme-palette-color-7);
        background-color: rgba(0, 0, 0, 0.05);
    }

    @media (prefers-color-scheme: dark) {
        html:not([data-color-mode="light"]) aside#sidebar > * > div:first-child button:hover {
            background-color: rgba(255, 255, 255, 0.05);
        }
    }
}

body.winners-only ul.nominations-list > li:not(.winner) {
    display: none;
}
body.winners-only ul.nominations-list > li {
    width: 100% !important;
}
body.winners-only .entry-content:has(.awards-category) {
    display: flex;
    flex-flow: row wrap;
    gap: 15px;
}
body.winners-only .awards-category {
    width: calc((100% - (15px * 4))  / 5) !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.winners-only ul.nominations-list {
    height: calc(100% - 100px);
}
@media screen and (max-width: 999px) and (min-width: 690px) {
    body.winners-only .entry-content:has(.awards-category) {
        gap: 10px;
    }
    body.winners-only article:has(~#sidebar.open) .awards-category {
        width: calc((100% -(5px* 2)) / 3) !important;
        min-width: 140px !important;
    }
    body.winners-only .awards-category .category-title {
        height: 70px;
    }
}
@media screen and (max-width: 690px) {
    body.winners-only .entry-content:has(.awards-category) {
        gap: 10px;
    }
    body.winners-only .awards-category {
        width: calc((100% - (10px * 2))  / 3) !important;
    }
}
body.winners-only .awards-category .category-title {
    padding: 0;
    width: 100%;
    height: 40px;
    translate: 0;
    margin: 0 0 10px;
}
body.winners-only .awards-category .category-title h2 {
    font-size: 12px;
    margin: 0;
    line-height: 1.2;
}
body.winners-only .circular-progress-container {
    display: none;
}
body.winners-only a.category-link {
    height: 20px;
    padding: 0 10px;
    width: 35px;
    margin: 0;
}
body.winners-only a.category-link svg {
    height: 100%;
    width: 10px;
}
body.winners-only.hide-watched-films .awards-category:has(.winner.watched) {
    display: none;
}

div#basic-details-section {
    display: flex;
    flex-flow: column;
}

div#basic-details-section * {
    order: 2;
}
div#basic-details-section *:nth-child(1), 
div#basic-details-section *:nth-child(2), 
div#basic-details-section *:nth-child(3):not(input) {
    order: 1;
}
div#basic-details-section .space-message {
    order: 1;
}

#buddypress div#item-header {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-flow: column;
}
#buddypress span.activity {
    display: none;
}
#buddypress div#item-header img.avatar {
    margin: 0;
    border-radius: 100%;
    aspect-ratio: 1;
}
#buddypress #item-nav div.item-list-tabs {
    display: flex;
    justify-content: center;
}
#buddypress #item-nav div.item-list-tabs ul {
    background: var(--theme-palette-color-7);
    display: flex;
    border-radius: 50px;
    border: 1px solid var(--theme-palette-color-6);
}
#buddypress #item-nav div.item-list-tabs ul li {
    border-radius: 50px;
    overflow: hidden;
}
#buddypress #item-nav div.item-list-tabs ul li:not(:last-child, .current, :has(+ .current)) {
    margin-right: -10px;
}
#buddypress #item-nav div.item-list-tabs ul li a {
    padding: 5px 15px 3px;
}
#buddypress #item-nav div.item-list-tabs ul li.current a {
    background: var(--theme-palette-color-1);
    color: white;
}
#buddypress #item-nav div.item-list-tabs ul li:not(.current):hover a {
    background: var(--theme-palette-color-6);
}
#buddypress div.item-list-tabs ul li a span
#buddypress div.item-list-tabs ul li a:hover span {
    border-color: var(--theme-palette-color-5);
    color: var(--theme-palette-color-3);
    background: none;
    font-weight: bold;
    padding: 2px 5px;
    font-size: 10px;
    margin: 0;
    bottom: 4px;
    position: relative;
}

#buddypress div.item-list-tabs#subnav {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}
body.invitations div#item-nav {
    margin-bottom: 50px;
}
#buddypress div#item-body {
    max-width: 500px;
    margin: auto;
}
#buddypress div.item-list-tabs#subnav ul li a {
    border-bottom: 3px solid var(--theme-palette-color-7);
    color: var(--theme-palette-color-5);
    font-size: 14px;
}
#buddypress div.item-list-tabs#subnav ul li.current a, 
#buddypress div.item-list-tabs#subnav ul li.selected a {
    border-color: var(--theme-palette-color-1);
    background: none;
    color: var(--theme-palette-color-1);
}
#buddypress div.item-list-tabs#subnav ul li:not(.current):hover a {
    border-bottom: 3px solid var(--theme-palette-color-3);
    color: var(--theme-palette-color-3);
}

ul:has(#members-order-select) {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 100px;
}
li#members-order-select {
    position: absolute;
    left: 0px;
    bottom: 0;
    display: flex;
    flex-flow: column;
}
li#members-order-select select#members-friends {
    font-size: 14px;
    height: 30px;
    width: fit-content;
}
li#delete-account-personal-li, li#data-personal-li, li#profile-personal-li {
    display: none;
}
div#buddypress {
    margin-top: 25px;
}

#buddypress .dir-search input[type=search],
#buddypress .dir-search input[type=text],
#buddypress .groups-members-search input[type=search],
#buddypress .groups-members-search input[type=text],
#buddypress .standard-form input[type=color],
#buddypress .standard-form input[type=date],
#buddypress .standard-form input[type=datetime-local],
#buddypress .standard-form input[type=datetime],
#buddypress .standard-form input[type=email],
#buddypress .standard-form input[type=month],
#buddypress .standard-form input[type=number],
#buddypress .standard-form input[type=password],
#buddypress .standard-form input[type=range],
#buddypress .standard-form input[type=search],
#buddypress .standard-form input[type=tel],
#buddypress .standard-form input[type=text],
#buddypress .standard-form input[type=time],
#buddypress .standard-form input[type=url],
#buddypress .standard-form input[type=week],
#buddypress .standard-form select,
#buddypress .standard-form textarea {
    background: var(--theme-palette-color-7);
    color: var(--theme-palette-color-3);
    border: 1px solid var(--theme-palette-color-6);
}
#buddypress .dir-search input[type=search]:focus,
#buddypress .dir-search input[type=text]:focus,
#buddypress .groups-members-search input[type=search]:focus,
#buddypress .groups-members-search input[type=text]:focus,
#buddypress .standard-form input[type=color]:focus,
#buddypress .standard-form input[type=date]:focus,
#buddypress .standard-form input[type=datetime-local]:focus,
#buddypress .standard-form input[type=datetime]:focus,
#buddypress .standard-form input[type=email]:focus,
#buddypress .standard-form input[type=month]:focus,
#buddypress .standard-form input[type=number]:focus,
#buddypress .standard-form input[type=password]:focus,
#buddypress .standard-form input[type=range]:focus,
#buddypress .standard-form input[type=search]:focus,
#buddypress .standard-form input[type=tel]:focus,
#buddypress .standard-form input[type=text]:focus,
#buddypress .standard-form input[type=time]:focus,
#buddypress .standard-form input[type=url]:focus,
#buddypress .standard-form input[type=week]:focus,
#buddypress .standard-form select:focus,
#buddypress .standard-form textarea:focus {
    background: var(--theme-palette-color-6);
    border: 1px solid var(--theme-palette-color-1);
}
#buddypress input#submit,
#buddypress .friendship-button a,
#buddypress a.button {
    background: var(--theme-palette-color-1);
    border: 1px solid var(--theme-palette-color-1);
    border-radius: 0;
    color: white;
    font-weight: bold;
    padding: 4px 15px;
}
#buddypress input#submit:hover,
#buddypress .friendship-button:hover a,
#buddypress a.button:hover {
    background: var(--theme-palette-color-2);
    border: 1px solid var(--theme-palette-color-2);
    color: white;
}
#buddypress ul.item-list {
    border-top: 1px solid var(--theme-palette-color-6);
}
#buddypress ul.item-list li {
    height: 80px;
    border-bottom: 1px solid var(--theme-palette-color-6);
}
#buddypress table td,
#buddypress table th {
    border-color: var(--theme-palette-color-6) !important;
}
body.invitations #buddypress div.item-list-tabs#subnav {
    display: none;
}





ul.nominees-nominations-list {
    list-style-type: none;
    display: flex;
    flex-flow: column;
    gap: 15px;
    padding: 0;
}
ul.nominees-nominations-list li {
    background: var(--theme-palette-color-7);
    border: 1px solid var(--theme-palette-color-6);
    border-radius: 10px;
    /* overflow: hidden; */
    display: flex;
    gap: 10px;
    position: relative;
}
@media screen and (max-width: 689px) {
    ul.nominees-nominations-list li {
        padding-right: 50px;
    }
}

ul.nominees-nominations-list img {
    max-height: 110px;
    aspect-ratio: 80 / 117;
    border-radius: 10px 0 0 10px;
    object-fit: cover;
}
ul.nominees-nominations-list .year-category {
    display: flex;
    padding-top: 5px;
    align-items: baseline;
}
ul.nominees-nominations-list .year-category p {
    padding: 0 5px;
    margin: 0;
}
ul.nominees-nominations-list .info a {
    text-decoration: none;
    color: var(--theme-palette-color-3);
}
ul.nominees-nominations-list .info a:hover {
    color: var(--theme-palette-color-1);
    /* text-decoration: underline; */
}
ul.nominees-nominations-list a.category {
    font-size: 1.5em;
    line-height: 1.2;
}
ul.nominees-nominations-list a.category.Winner {
    display: none;
}

ul.nominees-nominations-list li.winner {
    border: 1px solid var(--theme-palette-color-1);
}
body.tax-films ul.nominees-nominations-list summary {
    display: none;
}
ul.nominees-nominations-list .nominees-name a:not(:first-child):before {
    content: ", ";
}
ul.nominees-nominations-list .nominees-name a:not(:first-child):hover:before {
    color: var(--theme-palette-color-3);
    text-decoration: none;
}



ul.nominees-nominations-list ul.nominees-name {
    list-style: none;
    padding: 0;
    display: flex;
    font-size: 14px;
}
ul.nominees-nominations-list ul.nominees-name li {
    border: none;
    border-radius: 0;
}
ul.nominees-nominations-list ul.nominees-name li:not(:first-child):before {
    content: ", ";
}
ul.nominees-nominations-list details.nominees {
    font-size: 14px;
    margin-top: 10px;
}
ul.nominees-nominations-list .title {
    position: relative;
    top: 5px;
}

ul.nominees-nominations-list button {
    translate: 0% 0%;
    z-index: 2;
    margin: auto 10px 20px auto;
}

ul.nominees-nominations-list button {
	padding: 3px 15px 0 35px;
	border-radius: 50px;
	height: 30px;
	border: 1px solid var(--theme-palette-color-5);
	background: var(--theme-palette-color-6);
	color: var(--theme-palette-color-4);
    cursor: pointer;
    text-wrap: nowrap;
    font-size: 12px;
}

ul.nominees-nominations-list button:active,
ul.nominees-nominations-list button:active ~ svg {
    scale: 0.9;
}

ul.nominees-nominations-list button svg {
	background: var(--theme-palette-color-7);
	border-radius: 100%;
	aspect-ratio: 1;
	height: 34px;
	padding: 5px;
	position: absolute;
	inset: -2px auto -2px -2px;
	border: 1px solid var(--theme-palette-color-5);
	box-shadow: 0 0 5px var(--theme-palette-color-);
	pointer-events: none;
}


ul.nominees-nominations-list button svg path {
    fill: var(--theme-palette-color-5);
	opacity: 0.2;
}




ul.nominees-nominations-list > li.watched button {
	border-color: var(--theme-palette-color-9);
	background: var(--theme-palette-color-10);
}

ul.nominees-nominations-list > li.watched svg  {
	background: var(--theme-palette-color-10);
}

ul.nominees-nominations-list > li.watched svg path {
	fill: var(--theme-palette-color-4);
	opacity: 1;
}



@media screen and (max-width: 690px) {
    ul.nominees-nominations-list {
        gap: 35px;
    }
    ul.nominees-nominations-list button {
        translate: 50% 50%;
        position: absolute;
        inset: auto 50% 0 auto;
    }
    ul.nominees-nominations-list .info {
        margin-bottom: 30px;
    }
    ul.nominees-nominations-list .year-category {
        flex-direction: column;
    }
    ul.nominees-nominations-list .year-category p {
        display: none;
    }
    ul.nominees-nominations-list img {
        min-width: 110px;
        width: 110px;
        aspect-ratio: 80 / 117;
        border-radius: 10px 0 0 10px;
        max-height: 160px;
    }
}


body.registration.register.buddypress form#signup_form {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    margin: auto;
}
#buddypress .standard-form #basic-details-section,
#buddypress .standard-form #blog-details-section,
#buddypress .standard-form #profile-details-section,
#buddypress #commentform input[type=text],
#buddypress #commentform textarea,
#buddypress .form-allowed-tags,
#buddypress .standard-form#signup_form input[type=text],
#buddypress .standard-form#signup_form textarea,
#buddypress .standard-form #basic-details-section input[type=password], 
#buddypress .standard-form #blog-details-section input#signup_blog_url {
    width: 100%;
}
body.registration.register.buddypress div#profile-details-section h2 {
    display: none;
}
#buddypress .standard-form legend {
    padding: 0;
}
#buddypress .standard-form #profile-details-section {
    margin-top: 15px;
}

body.registration.register.buddypress input#signup_submit {
    background: #c59d3f;
    color: black;
    border: none;
    border-radius: 0;
    padding: 0 20px;
}

body.registration.register.buddypress input#signup_submit:hover {
    background: #9a7721;
}

.notice p, div#pass-strength-result {
    color: #3c434a !important;
}



.badge {
    background-color: var(--theme-palette-color-3);
    color: var(--theme-palette-color-8);
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.8em;
    margin-left: 5px;
}



.tax-films h1,
.tax-nominees h1 {
    text-align: center;
    margin: 0;
}
.tax-films img.term-featured-image,
.tax-nominees img.attachment-medium {
    width: 200px;
    margin: 0 auto 1em;
    display: block;
    border-radius: 5px;
}
/* .tax-films details.description,
.tax-nominees details.description {
    max-width: 600px;
    line-height: 1;
    font-size: 13px;
    margin-bottom: 50px;
} */
.tax-films details.info summary,
.tax-nominees details.description summary {
    width: 200px;
    margin: auto;
    text-align: center;
}
ul.nominees-nominations-list {
    margin-top: 50px;
}

.tax-films .details-blocks {
    max-width: clamp(300px, 85vw, 400px);
    margin: auto;
    display: flex;
    justify-content: center;
    gap: 15px;
}
.tax-films .details-blocks:has(>details[open]) > details:not([open]) {
    display: none;
}

details.watch-history canvas {
    height: 300px !important;
    width: 100% !important;
}

.tax-films .details-blocks details[open], 
.tax-films .details-blocks details[open] summary {
    width: 100%;
}

.tax-films .details-blocks details {
    /* max-width: clamp(300px, 85vw, 400px); */
    /* margin: auto; */
    border-left: 3px solid var(--theme-palette-color-1);
    padding: 0px 0px 0px;
    position: relative;
}
.tax-films .details-blocks details summary {
    /* position: absolute; */
    inset: 0 0 auto 0;
    height: 50px;
    width: max-content;
    text-align: left;
    align-items: center;
    padding: 15px 20px;
    margin: 0;
    background: var(--theme-palette-color-7);
    cursor: pointer;
}
.tax-films .details-blocks details[open] {
    padding: 0px 20px 10px;
    background: var(--theme-palette-color-7);
    border-left: 3px solid var(--theme-palette-color-1);
}
.tax-films .details-blocks details[open] summary {
    background: none;
    border-left: 0px solid var(--theme-palette-color-1);
    padding-left: 0px;
}
.tax-films .details-blocks details p {
    margin-bottom: 5px;
}

.tax-films .details-blocks:has(> details.bio[open]) {
    max-width: 600px;
    /* padding: 0 20px; */
}
.tax-films .details-blocks:has(> details.watch-history[open]) {
    max-width: 100%;
    padding: 0 20px;
}


.nominations-summary {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.nominations-summary p {
    margin-bottom: 10px;
}
.nominations-icons {
    display: flex;
    gap: 10px 5px;
    flex-wrap: wrap;
    justify-content: center;
}
.nominations-icons .icon {
    height: 25px;
    aspect-ratio: 1.2;
    position: relative;
}
.nominations-icons .icon svg {
    height: 100%;
    width: auto;
    fill: var(--theme-palette-color-6);
    position: absolute;
    inset: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}
.nominations-icons .icon.winner svg {
    fill: var(--theme-palette-color-1);
}



body.tax-nominees .entry-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
body.tax-nominees .entry-content details.description, body.tax-nominees ul.nominees-nominations-list {
    order: 1;
}



#main>.search-results > * {
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: 90vw;
    width: 1290px;
}
#main>.search-results > .search-hero {
    max-width: 100vw;
    width: 100vw;
    background: var(--theme-palette-color-7);
    padding: 25px 10vw;
    text-align: center;
}
#main>.search-results > .results-cntr {
    background: var(--theme-palette-color-7);
    border-radius: 25px;
    padding: 25px 50px;
    margin: 50px auto;
}

@media screen and (max-width: 689px) {
    #main>.search-results > .results-cntr {
        padding: 25px;
    }
    
}


a.add-friends-link {
    display: flex;
    gap: 10px;
    align-items: center;
    background: radial-gradient(ellipse at center, var(--theme-palette-color-7) 0%, var(--theme-palette-color-7) 20px, transparent 30%);
    background-size: 50px 50px;
    height: 50px;
    transition: 0s;
    margin-bottom: 25px !important;
}
a.add-friends-link svg {
    height: 20px;
    transition: 0.2s;
    fill: var(--theme-palette-color-4);
}
a.add-friends-link p {
    margin: 0;
    transition: 0.2s;
}
a.add-friends-link:hover p {
    color: var(--theme-palette-color-1);
}
a.add-friends-link:hover svg {
    fill: var(--theme-palette-color-1);
}

.visibility-adminsonly .field-visibility-settings-toggle {
    display: none;
}



body.hide-predicted .awards-category:has(>ul>.predict) {
    display: none;
}

div#prediction-counter {
    background: var(--theme-palette-color-2);
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
    border: navajowhite;
}
div#prediction-counter.all-predictions-made {
    background: var(--theme-palette-color-7);
    border-left: 3px solid var(--theme-palette-color-1);
    padding: 5px 0px 3px 15px;
}


div.oscars-watched-by-decade ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-flow: row wrap;
    gap: 5px;
    font-size: 12px;
}
div.oscars-watched-by-decade a {
    height: 100%;
    background: #000;
    display: flex;
    line-height: 1;
    padding: 4px 5px 2px;
}
div.oscars-watched-by-decade ul ul {
    flex-flow: column;
}
div.oscars-watched-by-decade details > ul > li {
    width: calc((100% - (5px * 9)) / 10);
}
@media screen and (max-width: 999px) {
    div.oscars-watched-by-decade details > ul > li {
        width: calc((100% - (5px * 4)) / 5);
    }
}
@media screen and (max-width: 689px) {
    div.oscars-watched-by-decade details > ul > li {
        width: calc((100% - (5px * 2)) / 3);
    }
}

summary h3 {
    display: inline;
}

li.current-user {
    /* margin: 20px 0 0; */
    font-weight: bold;
    /* color: var(--theme-palette-color-1); */
}
/* li.current-user:has(+.current-users-friend):after {
    content: "Friends";
    display: block;
    font-size: 1.3em;
    margin: 20px 0 0;
    color: var(--theme-palette-color-3);
} */



label input,
label select,
h2 input,
h2 select {
    border: 0 !important;
    background: var(--theme-palette-color-6) !important;
    width: 60px !important;
    height: auto !important;
    font-size: 16px !important;
    text-align: center;
    padding: 5px 0 2px 5px !important;
}
label select,
h2 select {
    width: auto !important;
    padding: 5px 5px 2px 5px !important
}
ul.leaderboard {
    list-style: none;
    padding: 0;
}
ul.leaderboard li {
    padding: 5px 10px 2px 5px;
    position: relative;
    display: flex;
    align-items: center;
}
ul.leaderboard li:nth-of-type(even):before {
    background: var(--theme-palette-color-4);
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.05;
    pointer-events: none;
}
ul.leaderboard span.rank {
    width: 60px;
    display: inline-block;
    text-align: center;
}
ul.leaderboard span.username {
    margin-left: 5px;
    font-size: 1.2em;
    line-height: 1;
}
ul.leaderboard span.total-watched,
ul.leaderboard span.stat-value {
    margin-left: auto;
    font-size: 0.8em;
}
ul.leaderboard li.spacer {
    height: 20px;
}
span.large {
    display: flex;
    justify-content: center;
    font-size: 80px;
    line-height: 0.8;
    margin-top: 25px !important;
}
span.small {
    display: flex;
    justify-content: center;
    font-size: 14px;
    margin-bottom: 25px;
}
span.large + label {
    text-align: center !important;
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
}
span.small + span.large {
    margin-top: 10px !important;
}
span.small:has( + span.large) {
    margin-bottom: 10px !important;
}



.decade-tabs .tab-buttons {
    display: flex;
    flex-flow: row-reverse wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 25px;
}
.decade-tabs .tab-btn {
    padding: 3px 6px 0;
    color: var(--theme-palette-color-4);
    background: var(--theme-palette-color-8);
    cursor: pointer;
    border-radius: 3px;
    font-weight: 600;
    font-size: 13px;
    transition: 0.1s;
}
.decade-tabs .tab-btn.active {
    background: var(--theme-palette-color-1);
    color: var(--theme-palette-color-8);
}
.decade-tabs .tab-btn:hover:not(:active) {
    scale: 1.1;
}
.decade-tabs .tab-content { 
    display: none;
}
.decade-tabs .tab-content.active { 
    display: block;
    position: relative;
}
@media screen and (max-width: 999px) {
    .decade-tabs .tab-content:before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        height: 100%;
        width: 7px;
        background: linear-gradient(to right, rgb(0 0 0 / 10%), rgba(0, 0, 0, 0));
    }
}
.decade-tabs ul {
    overflow: scroll;
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-flow: row-reverse nowrap;
    gap: 5px;
}
.decade-tabs .tab-content > ul > li {
    font-size: 14px;
    width: calc((100% - (5px * 9)) / 10);
    min-width: 40px;
    opacity: 0.3;
}
.decade-tabs .tab-content > ul > li:has(>ul>li) {
    min-width: 80px;
    opacity: 1;
}
.decade-tabs .tab-content > ul > li > ul {
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    gap: 5px;
}
.decade-tabs .tab-content > ul > li > ul > li {
    font-size: 12px;
    line-height: 1.1;
    background: var(--theme-palette-color-8);
    padding: 3px 3px 1px;
    border-radius: 3px;
}
form#oscars-publicise-form input {
    width: 20px !important;
}



@media screen and (max-width: 999px) {
    span.large {
        font-size: 60px;
    }   
}
@media screen and (max-width: 689px) {
    span.large {
        font-size: 40px;
    }   
}



/* body:not(.page-id-122452) button.mark-as-watchlist-button,
body:not(.page-id-122452) button#toggle-watchlist,
body:not(.page-id-122452) .ct-widget:has(>.watchlist-cntr) {
    display: none !important;
} */
button.mark-as-watchlist-button svg:first-child, 
button.mark-as-unwatchlist-button svg:last-child {
    display: none;
}
/* ul.nominations-list button.mark-as-watchlist-button,  */
ul.nominations-list button.mark-as-unwatchlist-button {
    background: #5b78cd;
}
ul.nominations-list button.mark-as-watchlist-button:hover, 
ul.nominations-list button.mark-as-unwatchlist-button:hover {
    background: #82a8f2;
}
ul.nominations-list button.mark-as-unwatchlist-button svg path {
    fill: black !important;
    opacity: 0.5;
}

ul.nominations-list:has(>.winner) button.mark-as-unwatchlist-button,
ul.nominations-list:has(>.winner) button.mark-as-unwatchlist-button,
ul.nominations-list:has(>.winner) button.mark-as-watchlist-button,
ul.nominations-list:has(>.winner) button.mark-as-watchlist-button {
    border-bottom-right-radius: 9px;
}

#sidebar.watchlist-mode .watchlist-cntr {
    display: flex;
    flex-direction: column;
}
@media (max-width: 999px) {
    #sidebar.watchlist-mode div:has(>.watchlist-cntr) ~ *,
    #sidebar:not(.watchlist-mode) .watchlist-cntr {
        display: none;
    }
} 
/* .watchlist-cntr:not(.compact_view) {
    max-height: 400px;
    overflow: scroll;
} */
ul.watchlist > li {
    background: var(--theme-palette-color-7);
    /* margin-bottom: 1em; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid var(--theme-palette-color-6);
    position: relative;
}
ul.watchlist > li.watched {
    background: var(--theme-palette-color-11);
    border: 1px solid var(--theme-palette-color-10);
}
ul.watchlist > li img {
    max-height: 70px;
    margin-right: 1em;
}
ul.watchlist > li button[title="Watched"] {
    margin-left: auto;
    margin-right: 1em;
    aspect-ratio: 1;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: var(--theme-palette-color-7);
    border: 1px solid var(--theme-palette-color-6);
    cursor: pointer;
    z-index: 2;
    position: relative;
}
ul.watchlist > li button:hover,
ul.watchlist > li.watched button[title="Watched"] {
    background-color: var(--theme-palette-color-10);
    border: 1px solid hsl(112 51% 32% / 1);
}
ul.watchlist > li svg {
    height: 20px;
    fill: var(--theme-palette-color-6);
}
ul.watchlist > li button:hover svg {
    height: 20px;
    fill: var(--theme-palette-color-5);
}

ul.watchlist > li button:hover {
    scale: 1.1;
}
ul.watchlist > li button.remove-from-watchlist-button {
    background: none;
    position: absolute;
    z-index: 1;
    inset: 5px 5px auto auto;
    height: 25px;
    width: 25px;
    border-radius: 50px;
    border: 1px solid var(--theme-palette-color-6);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
ul.watchlist > li.watched button.remove-from-watchlist-button {
    border: 1px solid var(--theme-palette-color-10);
}
ul.watchlist > li button.remove-from-watchlist-button svg {
    aspect-ratio: 1;
    height: 15px;
}

ul.watchlist:has(li) + p {
    display: none;
}
ul.watchlist {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
ul.watchlist li:not(.watched) {
    order: var(--order, 99999);
}
ul.watchlist li.watched {
    order: 100000;
}
/* ul.watchlist li {
    order: var(--order);
} */



.watchlist-badge {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  border-radius: 50%;
  font: 700 14px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--theme-palette-color-6);
  color: var(--theme-palette-color-4);
  transition: background 0.3s ease;
  z-index: 1;
}

/* Pop animations */
@keyframes countUp {
  0% { transform: translateY(40%) scale(0.7); opacity: 0; }
  40% { transform: translateY(-15%) scale(1.3); opacity: 1; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}
@keyframes countDown {
  0% { transform: translateY(-40%) scale(0.7); opacity: 0; }
  40% { transform: translateY(15%) scale(1.3); opacity: 1; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}

.watchlist-badge.increasing {
  background: var(--theme-palette-color-1);
  color: var(--theme-palette-color-8);
  animation: countUp 0.8s ease;
}
.watchlist-badge.decreasing {
  background: var(--theme-palette-color-1);
  color: var(--theme-palette-color-8);
  animation: countDown 0.8s ease;
}

/* Floating +1 / -1 using ::before */
.watchlist-badge.increasing::before,
.watchlist-badge.decreasing::before {
  content: '+1'; /* default, will override for decreasing */
  position: absolute;
  top: 0px;
  left: 30px;
  font-weight: 700;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  color: var(--theme-palette-color-4);
}

.watchlist-badge.decreasing::before {
  content: '-1';
}

.watchlist-badge.increasing::before {
  animation: floatUp 1s forwards;
}

.watchlist-badge.decreasing::before {
  animation: floatDown 1s forwards;
}

@keyframes floatUp {
  0% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(-20px); opacity: 0; }
}

@keyframes floatDown {
  0% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(20px); opacity: 0; }
}

.watchlist-cntr {
    position: relative;
}
details.watchlist-settings summary {
    position: absolute;
    top: 0;
    right: 0;
    height: 37.5px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
details.watchlist-settings summary svg {
    height: 20px;
    fill: var(--theme-palette-color-6);
}
details.watchlist-settings summary:hover svg {
    fill: var(--theme-palette-color-5);
}
.watchlist-settings label input {
    width: auto !important;
    margin-right: 5px !important
}
details.watchlist-settings[open] {
    background: var(--theme-palette-color-8);
    border-bottom: 3px solid var(--theme-palette-color-7);
    border-top: 3px solid var(--theme-palette-color-7);
    /* border-radius: 5px; */
    margin: 0 0 1em;
    padding: 1em;
}

.watchlist-cntr.this_page_only ul.watchlist li:not(.current-page) {
    display: none;
}


.watchlist-cntr ul.watchlist {
    gap: 0;
}
.watchlist-cntr ul.watchlist > li,
.watchlist-cntr ul.watchlist > li.watched {
    background: none;
    border-width: 0 0 1px 0;
    border-radius: 0;
    border-color: var(--theme-palette-color-7);
}
.watchlist-cntr ul.watchlist > li img {
    display: none;
}
.watchlist-cntr ul.watchlist > li button[title="Watched"] {
    height: 30px;
    border-radius: 0;
    border: 0;
    margin: 0;
    /* margin-left: auto; */
    background: none;
    border-radius: 3px;
    order: -2;
}
.watchlist-cntr ul.watchlist > li.watched button[title="Watched"] {
    /* background: var(--theme-palette-color-10); */
    /* opacity: 0.3; */
}
.watchlist-cntr ul.watchlist > li.watched button[title="Watched"] svg {
    /* fill: var(--theme-palette-color-4); */
}   
.watchlist-cntr ul.watchlist > li button.remove-from-watchlist-button {
    position: initial;
    border-radius: 0;
    border: 0;
    height: 30px;
    width: 20px;
}
/* .watchlist-cntr ul.watchlist > li button.remove-from-watchlist-button:hover,
.watchlist-cntr ul.watchlist > li button[title="Watched"]:hover {
    background: var(--theme-palette-color-7);
}
.watchlist-cntr ul.watchlist > li button.remove-from-watchlist-button svg,
.watchlist-cntr ul.watchlist > li button[title="Watched"] svg {
    fill: var(--theme-palette-color-6);
}
.watchlist-cntr ul.watchlist > li button.remove-from-watchlist-button:hover svg,
.watchlist-cntr ul.watchlist > li button[title="Watched"]:hover svg {
    fill: var(--theme-palette-color-5);
} */
.watchlist-cntr .film-title {
    padding-top: 2px;
    margin-right: auto;
}

.watchlist-cntr button.mark-as-watched-button svg,
.watchlist-cntr button.mark-as-unwatched-button svg {
    display: none;
}
.watchlist-cntr button.mark-as-watched-button:not(:hover)  svg:nth-child(1),
.watchlist-cntr button.mark-as-watched-button:hover svg:nth-child(2),
.watchlist-cntr button.mark-as-unwatched-button:hover svg:nth-child(2),
.watchlist-cntr button.mark-as-unwatched-button:not(:hover) svg:nth-child(3) {
    display: flex;
    fill: var(--theme-palette-color-4);
}



.watchlist-setting-labels label, 
.watchlist-setting-labels label:last-child {
    margin-bottom: 0.5em;
    display: inline-flex;
    position: relative;
}
.watchlist-setting-labels label:hover:after {
    /* content: attr(title); */
    position: absolute;
    top: 0;
    height: auto;
    width: auto;
    padding: 2px 7px 0;
    border-radius: 5px;
    background: var(--theme-palette-color-7);
    border: 1px solid var(--theme-palette-color-6);
    transform: translateY(-100%);
    white-space: nowrap;
}
.watchlist-setting-labels label#label-auto_remove_watched:after {
    left: 0;
}
.watchlist-setting-labels label#label-compact_view:after {
    right: 0;
}

.watchlist-cntr.compact_view .watchlist-setting-labels label#label-compact_view:hover:after {
    content: "Compact View";
}
.watchlist-cntr:not(.compact_view) .watchlist-setting-labels label#label-compact_view:hover:after {
    content: "Expanded View";
}
.watchlist-cntr.auto_remove_watched .watchlist-setting-labels label#label-auto_remove_watched:hover:after {
    content: "Auto Remove Watched: On";
}
.watchlist-cntr:not(.auto_remove_watched) .watchlist-setting-labels label#label-auto_remove_watched:hover:after {
    content: "Auto Remove Watched: Off";
}


.watchlist-setting-labels label > svg {
    height: 25px;
    fill: var(--theme-palette-color-6);
}
label#label-this_page_only {
    display: inline-flex;
    border-radius: 5px;
    overflow: hidden;
}
label#label-this_page_only span {
    background: var(--theme-palette-color-7);
    padding: 3px 7px 0;
    font-size: 0.9em;
}
label#label-this_page_only span:hover {
    background: var(--theme-palette-color-6);
}
label#label-this_page_only span:first-child {
    padding-left: 10px;
}
label#label-this_page_only span:last-child {
    padding-right: 10px;
}

.watchlist-cntr.this_page_only label#label-this_page_only span:first-child,
.watchlist-cntr:not(.this_page_only) label#label-this_page_only span:last-child {
    background: var(--theme-palette-color-6);
    cursor: default;
}
ul.watchlist {
    border-top: 1px solid var(--theme-palette-color-6);
    padding-top: 1em;
}

.watchlist-setting-labels {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.watchlist-cntr.auto_remove_watched label#label-auto_remove_watched svg:last-of-type,
.watchlist-cntr:not(.auto_remove_watched) label#label-auto_remove_watched svg:first-of-type,
.watchlist-cntr.compact_view label#label-compact_view svg:first-child,
.watchlist-cntr:not(.compact_view) label#label-compact_view svg:last-child {
    display: none;
}

details.watchlist-settings summary {
    display: none;
}

p.empty-message:has(+ul.watchlist) {
    display: none;
}

body:has(* .watchlist-cntr.auto_remove_watched) ul.nominations-list .watched button.mark-as-watchlist-button {
    display: none;
}

body:not(.admin-bar) .admin-only {
    display: none;   
}


.this_page_only button.move-up-btn,
.this_page_only button.move-down-btn {
    display: none;
}

span.watchlist-reorder-btns {
    display: flex;
}
span.watchlist-reorder-btns button {
    background: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px !important;
    cursor: pointer;
}
.watchlist-cntr ul.watchlist > li button.remove-from-watchlist-button:hover, 
.watchlist-cntr ul.watchlist > li span.watchlist-reorder-btns button:hover {
    background-color: var(--theme-palette-color-8);
}
.watchlist-cntr ul.watchlist > li:not(:hover) button.remove-from-watchlist-button, 
.watchlist-cntr ul.watchlist > li:not(:hover) span.watchlist-reorder-btns {
    opacity: 0;
}

body.winners-only .category-title button.favourite-btn, 
body.winners-only .category-title button.hidden-btn {
    display: none;
}
.category-title button.favourite-btn, 
.category-title button.hidden-btn {
    background: rgba(0, 0, 0, 0);
    display: flex;
    height: 37.5px;
    padding: 10px;
    width: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    transition: 0.1s;
    margin: 0 0px -7.5px 0px;
    cursor: pointer;
}
.category-title button.favourite-btn svg, 
.category-title button.hidden-btn svg {
    fill: var(--theme-palette-color-5);
    width: 20px;
}
.category-title button.favourite-btn:hover svg, 
.category-title button.hidden-btn:hover svg {
    fill: var(--theme-palette-color-4);
}





.awards-category.favourite {
    order: -2;
}
.awards-category.hidden-category {
    order: 999;
    opacity: 0.5;
    margin: 0;
}
.awards-category.hidden-category .category-title {
    margin: 0;
}
.awards-category.hidden-category ul.nominations-list {
    display: none;
}
.awards-category.favourite button.favourite-btn svg,
.awards-category.hidden-category button.hidden-btn svg {
    fill: var(--theme-palette-color-2);
}
.awards-category.favourite button.favourite-btn:before,
.awards-category.hidden-category button.hidden-btn:before {
    content: "";
    /* background: var(--theme-palette-color-6); */
    height: 40px;
    aspect-ratio: 1;
    z-index: -1;
    position: absolute;
    border-radius: 100%;
}
.awards-category.favourite button.favourite-btn:hover:before,
.awards-category.hidden-category button.hidden-btn:hover:before {
    /* background: var(--theme-palette-color-3); */
}
.awards-category.favourite button.hidden-btn,
.awards-category.hidden-category button.favourite-btn {
    display: none;
}



label#label-compact_view {
    display: none;
}




div:has(>div.loading) {
    justify-content: flex-end !important;
    height: 100%;
}
@keyframes spin {
    from {
        rotate: 0deg;
    }
    to {
        rotate: 360deg;
    }
}


div.loading:before {
    content: "";
    background: conic-gradient(
        from 0deg,
        transparent 0%,
        var(--theme-palette-color-4) 50%,
        transparent 100%
    );
    height: 50px;
    aspect-ratio: 1;
    display: flex;
    position: absolute;
    inset: 50%;
    translate: -50% -70px;
    transition: 0.3s;
    border-radius: 50%;
    mask: radial-gradient(transparent 60%, black 60%);
    -webkit-mask: radial-gradient(transparent 60%, black 60%);
    animation: spin 1s linear infinite;
}


body.user-id-6 ul.nominations-list > li.test-watched,
body.user-id-2393 ul.nominations-list > li.test-watched {
    scale: 0.9;
    opacity: 0.5;
}

/* All Films Section */

ul.all-films-list {
    display: flex;
    flex-flow: row wrap;
    list-style-type: none;
    padding: 0;
    gap: 50px 10px;
    margin-bottom: 50px !important;
}

ul.all-films-list > li.all-film-card {
    background: var(--theme-palette-color-7);
    display: flex;
    flex-direction: column;
    padding: 10px 10px 40px;
    border: 1px solid var(--theme-palette-color-6);
    border-radius: 10px;
    width: calc((100% - (10px * 4)) / 5);
    position: relative;
    transition: all 0.3s ease;
}

ul.all-films-list > li.all-film-card.watched {
    border-color: var(--theme-palette-color-10);
    background-color: var(--theme-palette-color-11);
}

.all-film-card .film-name {
    margin: 10px 0;
}

.all-film-card .film-name h3 {
    margin: 0;
    font-size: 1.1em;
}

.all-film-card .film-poster {
    width: 100%;
    aspect-ratio: 2/3;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

.all-film-card .film-poster img,
.all-film-card .film-poster svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.all-film-card .film-poster svg {
    fill: var(--theme-palette-color-5);
    padding: 20%;
}

/* Trophy Icons for Categories */
ul.film-categories {
    display: flex;
    flex-flow: row wrap;
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0 0;
    gap: 8px;
}

ul.film-categories li {
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
}

ul.film-categories li svg {
    width: 100%;
    height: 100%;
    transition: transform 0.2s ease;
}

ul.film-categories li:hover svg {
    transform: scale(1.2);
}

/* Tooltip styling */
ul.film-categories li::after {
    content: attr(title);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--theme-palette-color-8);
    color: var(--theme-palette-color-1);
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 0.85em;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    margin-bottom: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    z-index: 10;
}

ul.film-categories li:hover::after {
    opacity: 1;
}

/* Button styling for all film cards */
.all-film-card .buttons-cntr {
    position: absolute;
    inset: auto 50% -1px;
    display: flex;
    height: 30px;
    width: calc(100% + 2px);
    transform: translate(-50%);
    justify-content: center;
    gap: 1px;
    border-radius: 0 0 10px 10px;
    padding: 1px;
    overflow: hidden;
}

.all-film-card.watched > .buttons-cntr {
    background: var(--theme-palette-color-10);
}

.all-film-card .buttons-cntr button {
    width: 100%;
    height: 100%;
    border: none;
    background: var(--theme-palette-color-6);
    color: var(--theme-palette-color-4);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.all-film-card .buttons-cntr:has(button:last-child:nth-child(2)) button {
    width: calc((100% - 1px) / 2);
}

.all-film-card .buttons-cntr:has(button:last-child:nth-child(3)) button {
    width: calc((100% - 2px) / 3);
}

.all-film-card .buttons-cntr button:last-child {
    border-bottom-right-radius: 8px;
}

.all-film-card .buttons-cntr button:first-child {
    border-bottom-left-radius: 8px;
}

.all-film-card .buttons-cntr button:active,
.all-film-card .buttons-cntr button:active ~ svg {
    scale: 0.9;
}

.all-film-card .buttons-cntr button svg {
    aspect-ratio: 1;
    height: 20px;
    pointer-events: none;
}

.all-film-card .buttons-cntr button svg path {
    fill: var(--theme-palette-color-5);
    opacity: 0.2;
}

.all-film-card .buttons-cntr button:hover svg path {
    fill: var(--theme-palette-color-8);
    opacity: 1;
}

.all-film-card .buttons-cntr button:hover {
    border-color: var(--theme-palette-color-5);
    background: var(--theme-palette-color-9);
}

.all-film-card .buttons-cntr button.mark-as-unwatched-button {
    border-color: var(--theme-palette-color-9);
    background: var(--theme-palette-color-10);
}

.all-film-card .buttons-cntr button.mark-as-unwatched-button svg path {
    fill: var(--theme-palette-color-4);
    opacity: 1;
}

.all-film-card .buttons-cntr button.mark-as-unwatched-button:hover {
    background: var(--theme-palette-color-9);
}

.all-film-card .buttons-cntr button.mark-as-unwatched-button:hover svg path {
    fill: var(--theme-palette-color-8);
    opacity: 1;
}

.all-film-card .buttons-cntr button.mark-as-unfav-button {
    background: #f18585;
}

.all-film-card .buttons-cntr button.mark-as-unfav-button svg path {
    fill: #732b2b;
    opacity: 1;
}

.all-film-card .buttons-cntr button.mark-as-unfav-button:hover,
.all-film-card .buttons-cntr button.mark-as-fav-button:hover {
    background: #cd5c5c;
}

.all-film-card .buttons-cntr button.mark-as-watchlist-button svg:first-child,
.all-film-card .buttons-cntr button.mark-as-unwatchlist-button svg:last-child {
    display: none;
}

.all-film-card .buttons-cntr button.mark-as-unwatchlist-button {
    background: #5b78cd;
}

.all-film-card .buttons-cntr button.mark-as-watchlist-button:hover,
.all-film-card .buttons-cntr button.mark-as-unwatchlist-button:hover {
    background: #82a8f2;
}

.all-film-card .buttons-cntr button.mark-as-unwatchlist-button svg path {
    fill: black !important;
    opacity: 0.5;
}

/* Responsive adjustments for all films section */
@media (max-width: 1000px) {
    ul.all-films-list > li.all-film-card {
        width: calc((100% - (10px * 3)) / 4);
    }
}

@media (max-width: 690px) {
    ul.all-films-list > li.all-film-card {
        width: calc((100% - (10px * 2)) / 3);
    }
}

@media (max-width: 400px) {
    ul.all-films-list > li.all-film-card {
        width: calc((100% - 10px) / 2);
    }
}



.film-stats {
    margin-bottom: -0.5rem;
    font-size: 0.7rem;
}

.wins-number, .noms-number {
    font-size: 2.5em;
}

.film-stats .wins-count {
    color: var(--theme-palette-color-1);
    font-weight: 600;
}

body:not(.nominations-by-year) #toggle-unique-films,
body:not(.show-unique-films) .all-films-section,
body.nominations-by-year.show-unique-films .awards-category,
body.winners-only .all-film-card:not(.winner),
body.hide-watched-films .all-film-card.watched {
    display: none !important;
}

details.film-categories-details {
    margin-bottom: 1em;
}
details.film-categories-details summary {
    font-size: 0.7em;
}
details.film-categories-details ul.categories-list {
    padding: inherit;
    list-style: none;
    line-height: 1;
    font-size: 0.7em;
}
details.film-categories-details ul.categories-list li {
    margin-top: 0.5em;
}
details.film-categories-details li.category-nominee a {
    color: var(--theme-palette-color-4);
}

@media (min-width: 1000px) {
    button#toggle-watchlist {
        background: none !important;
        color: var(--theme-palette-color-4) !important;
        cursor: default !important;
    }
}

@media (max-width: 450px) {
    .wins-number, .noms-number {
        font-size: 1.5em;
    }
}

.category-potentials button.mark-as-fav-button, .category-potentials button.mark-as-predict-button {
    display: none;
}

body:has(* .category-potentials) span.noms-count { display: none; }