/* Retro 80s theme overrides for Superbutt Nuggets */
@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Nunito:wght@400;600;700;800&display=swap');

:root {
    --retro-primary: #f5f1e1; /* warm beige / cream */
    --retro-secondary: #78866b; /* soft olive green */
    --retro-accent: #d4b400; /* mustard yellow */
    --retro-dark: #d44a4a; /* apple red */
    --retro-muted: #61b2e4; /* bright sky blue */
}

body {
    background: radial-gradient(1200px 700px at 50% -10%, rgba(77, 225, 255, 0.25), rgba(11, 11, 20, 0)), #0b0b14 !important;
    color: #e8e8f0 !important;
}

* {
    font-family: "Oswald";
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Bangers", cursive !important;
    letter-spacing: 0.5px;
    color: var(--retro-muted) !important;
    /* text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25), 0 0 24px rgba(77, 225, 255, 0.35); */
}

a {
    color: var(--retro-secondary) !important;
}

a:hover {
    color: var(--retro-accent) !important;
}

.buddy_btn a,
.hero_btn a,
.about_btn a,
.buddy_btn_home_three a {
    background: linear-gradient(135deg, var(--retro-dark), var(--retro-dark));
    border: none !important;
    /* box-shadow: 0 8px 20px rgba(255, 46, 136, 0.35); */
    text-transform: capitalize;
}

.buddy_btn a:hover,
.hero_btn a:hover,
.about_btn a:hover,
.buddy_btn_home_three a:hover {
    background: linear-gradient(135deg, var(--retro-secondary), var(--retro-secondary));
    color: #fff !important;
    transition: all ease .3s;
}

/* Header */
.buddy-header-area {
    /* background: linear-gradient(180deg, rgba(11, 11, 20, 0.95), rgba(11, 11, 20, 0.85)); */
    /* border-bottom: 1px solid rgba(77, 225, 255, 0.2); */
}

.header-menu ul li a {
    color: #e8e8f0 !important;
}

.header-menu ul li a:hover {
    color: var(--retro-accent) !important;
}

/* Sections */
section.hero_area {
    /* background: radial-gradient(800px 400px at 10% 20%, rgba(255, 46, 136, 0.18), rgba(0, 0, 0, 0)),
        radial-gradient(600px 300px at 90% 30%, rgba(77, 225, 255, 0.18), rgba(0, 0, 0, 0)); */
}

.feature_item,
.testimonial_item,
.about_count,
.pricing_single_item {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
}

/* Accents */
.marquee_area .marquee-block h3,
.marquee_area .marquee-block span {
    color: var(--retro-accent) !important;
}

.testi-star i.active {
    color: var(--retro-accent) !important;
}

/* Progress circles tint */
[role="progressbar"] {
    --primary: var(--retro-secondary) !important;
}

/* Footer */
.footer_area {
    background: linear-gradient(180deg, rgba(11, 11, 20, 1), rgba(11, 11, 20, 0.95));
    border-top: 1px solid rgba(255, 225, 77, 0.2);
}

/* Fun 80s grid */
.hero_area:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 200px;
    pointer-events: none;
    background: linear-gradient(transparent 95%, #61b2e452 95%), linear-gradient(90deg, transparent 95%, #61b2e452 95%);
    background-size: 40px 40px, 40px 40px;
    transform: perspective(600px) rotateX(60deg);
    transform-origin: bottom;
    display: none;
}

/* Popups styling */
.egg-popup {
    position: fixed;
    z-index: 9999;
    right: 24px;
    bottom: 24px;
    max-width: 320px;
    background: #0f1120;
    color: #fff;
    border: 1px solid rgba(255, 225, 77, 0.35);
    border-radius: 14px;
    padding: 16px 18px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
}

.egg-popup .title {
    font-family: "Bangers";
    color: var(--retro-accent);
    font-size: 24px;
    margin: 0 0 6px;
}

.egg-popup .close {
    position: absolute;
    top: 8px;
    right: 10px;
    color: #fff;
    opacity: .6;
    cursor: pointer;
}

.egg-popup .close:hover {
    opacity: 1;
}