.plinthos-crt-toggle {
    appearance: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1000;
    background: #02D7B2;
    color: #212323;
    border-radius: 24px;
    border: none;
    height: 48px;
    width: 48px;
    padding: 5px;
    cursor: pointer;
    transition: opacity 1s;
}

.plinthos-crt-toggle.hide {
    opacity: 0;
    pointer-events: none;
}

.plinthos-crt-toggle svg {
    display: none;
}

body[data-pd-crt="false"] .plinthos-crt-toggle__off {
    display: inline;
    animation: crt-shake 0.8s;
}

body[data-pd-crt="true"] .plinthos-crt-toggle__on {
    display: inline;
    animation: crt-shake 0.8s;
}

@keyframes crt-shake {
    0% {
        transform: translateX(0);
        transform-origin: 20% 100%;
        rotate: 0;
    }
    
    10% {
        transform-origin: 20% 100%;
        rotate: -20deg;
    }

    30% {
        transform-origin: 20% 100%;
        rotate: -25deg;
    }

    50% {
        transform-origin: 20% 100%;
        rotate: -20deg;
    }
    
    80% {
        transform-origin: 80% 100%;
        rotate: 20deg;
    }
    
    90% {
        transform-origin: 20% 100%;
        rotate: -10deg;
    }

    100% {
        transform: translateX(0);
    }
}

.scroll-prompt {
    position: fixed;
    width: 16px;
    height: 16px;
    background: #02D7B2;
    color: #212323;
    z-index: 1000;
    pointer-events: none;
    z-index: 1000;
    transform: translate(24px, 24px);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-property: height, width;
    transition-duration: 0.5s;
}

.scroll-prompt.scroll {
    height: 48px;
    width: 48px;
    /* transform: translate(0, 0); */
}

.scroll-prompt.hide {
    height: 0;
    width: 0;
    /* transform: translate(0, 0); */
}

.scroll-prompt svg {
    opacity: 0;
    height: 32px;
    width: 32px;
}

.scroll-prompt.scroll svg {
    opacity: 1;
    animation: scroll-prompt 2s infinite;
}

@keyframes scroll-prompt {
    0% {
        opacity: 0;
        transform: translateY(-32px);
    }
    
    50% {
        opacity: 1;
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        transform: translateY(32px);
    }
}

/* Growstream Brand Color Overrides */

/* 1. Global Backgrounds - Dark Green Tone */
body, 
body.homepage, 
html.lenis body {
    background-color: #051913 !important;
}

/* Section and box backgrounds */
.show-bg-img .bg-box {
    background-color: #051913 !important;
}
.show-bg-img .bg-box:before {
    background: linear-gradient(0deg, #051913 0%, rgba(5, 25, 19, 0) 12%) !important;
}
.show-bg-img .bg-box:after {
    background: linear-gradient(180deg, #051913 0%, rgba(5, 25, 19, 0) 12%) !important;
}

.parallay:before {
    background-image: linear-gradient(to bottom, rgba(5, 25, 19, 0), rgb(5, 25, 19)) !important;
}
.parallay:after {
    background-image: linear-gradient(to bottom, rgb(5, 25, 19), rgba(5, 25, 19, 0)) !important;
}

/* Update boxed backgrounds */
.boxed.grey-boxed {
    background: #09261d !important;
}

.boxed.light-green-boxed {
    background: #b5ebd2 !important; /* Slightly darker/richer light green */
}

/* 2. Green Accents - Darker Green */
/* Overriding bright green (#02d7b2, #00c5a2, etc.) */

/* Text colors */
li a, 
ol a, 
p a, 
ul li a,
.green-boxed ul li a,
.green-boxed ol a,
.green-boxed p a {
    color: #00a382 !important;
}

li a:hover, 
ol a:hover, 
p a:hover, 
ul li a:hover {
    color: #008f72 !important;
}

/* List bullet points & numbers */
ul li:before {
    background: #00a382 !important;
}
ol li:before {
    color: #00a382 !important;
}

/* Green box elements */
.boxed.green-boxed {
    background: #00a382 !important;
}

/* Green buttons */
.btn.bg-green-font-black {
    background: #00a382 !important;
    color: #000000 !important;
    transition: background-color 0.3s ease !important;
}

.btn.bg-green-font-black:hover {
    background: #008f72 !important;
    color: #000000 !important;
}

/* Navigation items & custom toggle */
.plinthos-crt-toggle {
    background: #00a382 !important;
}
.plinthos-crt-toggle:hover {
    background: #008f72 !important;
}

.scroll-prompt {
    background: #00a382 !important;
}

/* Additional specific element styles that used green */
.cat-item {
    border-color: #00a382 !important;
    color: #00a382 !important;
}

/* Footer & other items using standard green */
footer a:hover {
    color: #00a382 !important;
}