/* ============================================================
   Bulified Productions — blue & white theme override.
   Loaded AFTER main.css to recolour the Hyperspace template's
   purple/magenta/cyan accents to a blue/white palette.
   Brand blues: #3b82f6 (light) · #2563eb (mid) · #1d4ed8 (deep)
   Dark base:   #0b1b3a / #0f254d (navy)
   Accent text: #93c5fd (soft sky, replaces the template cyan)
   ============================================================ */

/* ---- Page + section backgrounds (navy/blue instead of purple) ---- */
body,
#wrapper > .bg {
    background-color: #0b1b3a;
}

.wrapper.style1      { background-color: #1d4ed8; }
.wrapper.style1-alt  { background-color: #0f254d; }
.wrapper.style2      { background-color: #2563eb; }
.wrapper.style2-alt  { background-color: #1e3a8a; }
.wrapper.style3      { background-color: #1e40af; }
.wrapper.style3-alt  { background-color: #0f254d; }

/* Intro hero: tech photo behind a blue gradient wash (text stays readable). */
#intro.wrapper.style1,
.wrapper.fullscreen.style1 {
    background-color: #0b1b3a;
    background-image:
        linear-gradient(45deg, rgba(29,78,216,0.92) 0%, rgba(37,99,235,0.86) 55%, rgba(59,130,246,0.80) 100%),
        url("../../images/hero-code.jpg");
    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
}

/* ---- Accent text (headings / links) : cyan -> sky blue ---- */
a { color: #93c5fd; }
a:hover { color: #bfdbfe; }

#sidebar nav a:hover,
#sidebar nav a.active { color: #ffffff; }

/* The template uses #9bf1ff cyan for H1/strong accents in places */
h1, h2, h3, h4, h5, h6 { color: #ffffff; }

/* Feature icons */
.features section .icon,
.icon.major { color: #bfdbfe; }

/* ---- Buttons ---- */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
    color: #ffffff !important;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
    box-shadow: inset 0 0 0 2px #93c5fd;
    color: #93c5fd !important;
}
.button.primary {
    background-color: #ffffff;
    box-shadow: none;
    color: #1d4ed8 !important;
}
.button.primary:hover {
    background-color: #eff6ff;
    color: #1d4ed8 !important;
}

/* ---- Form focus / checkbox accents ---- */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    border-color: #93c5fd;
    box-shadow: 0 0 0 1px #93c5fd;
}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before { color: #1d4ed8; }

/* ---- Sidebar active marker ---- */
#sidebar nav ul li a:before { background: #93c5fd; }

/* ---- Products cards ---- */
.product-card {
    display: block;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    padding: 2rem;
    text-align: center;
    transition: transform .25s ease, background .25s ease, border-color .25s ease;
    color: #ffffff;
}
.product-card:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.12);
    border-color: #93c5fd;
    color: #ffffff;
}
.product-card .icon {
    font-size: 2.75rem;
    color: #93c5fd;
    margin-bottom: 1rem;
    display: block;
}
.product-card h3 { color: #ffffff; margin-bottom: .5rem; }
.product-card p  { color: rgba(255,255,255,.75); margin-bottom: 0; }
.product-card .tag {
    display: inline-block;
    margin-top: 1rem;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #93c5fd;
}
.product-card.has-image { padding-top: 0; overflow: hidden; }
.product-thumb {
    display: block;
    height: 180px;
    margin: -2rem -2rem 1.5rem -2rem;
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid rgba(255,255,255,0.12);
}

.product-coming {
    opacity: .6;
    cursor: default;
}
.product-coming:hover { transform: none; border-color: rgba(255,255,255,.12); }

/* Download action + meta line on a product card */
.product-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    justify-content: center;
    margin-top: 1.25rem;
}
.product-actions .button.small {
    font-size: .8rem;
    padding: 0 1.25rem;
    height: 2.5rem;
    line-height: 2.5rem;
}
.product-meta {
    display: block;
    margin-top: .9rem;
    font-size: .72rem;
    letter-spacing: .04em;
    color: rgba(255,255,255,.5);
}

/* Brand wordmark in the intro */
.brand-kicker {
    display: inline-block;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .25em;
    text-transform: uppercase;
    color: #93c5fd;
    margin-bottom: 1rem;
}