/* TODOSHOPPY Visual Identity (REBUILD 2026) */
:root {
    --primary-color: #0081C9;
    --secondary-color: #6c757d;
    --accent-color: #005f94;
    --white: #ffffff;
}

/* Overriding Riode styles to match brand */
.text-primary, 
.btn-primary,
.btn-solid.gra-reversed {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--white) !important;
}

.header-top {
    background-color: #333333;
}

.header-middle {
    background-color: var(--white) !important;
}

.header-bottom {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
}

.header-bottom .menu > li > a,
.header-bottom .category-toggle {
    color: var(--white) !important;
}

.header-middle .icon-box-title,
.header-middle .icon-box-content p,
.header-middle .cart-name,
.header-middle .cart-price,
.header-middle i {
    color: var(--secondary-color) !important;
}

/* Sticky Header State */
.header-middle.fixed {
    background-color: var(--primary-color) !important;
}

.header-middle.fixed .logo-normal {
    display: none !important;
}

.header-middle.fixed .logo-sticky {
    display: inline-block !important;
}

.header-middle.fixed .icon-box-title,
.header-middle.fixed .icon-box-content p,
.header-middle.fixed .cart-name,
.header-middle.fixed .cart-price,
.header-middle.fixed i {
    color: var(--white) !important;
}

.header-top .welcome-msg,
.header-top a,
.header-top i,
.header-top div {
    color: var(--white) !important;
}

.btn-purchase {
    background: var(--primary-color) !important;
}

.footer {
    background-color: #f8f9fa;
}

/* Custom TodoBot Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInUp {
    animation: fadeInUp 0.5s ease-out;
}