/*
 * Theme Name:   Blocksy Child
 * Theme URI:    https://pioneerium.com
 * Description:  Child theme for blocksy
 * Author:       Pioneerium
 * Author URI:   https://pioneerium.com
 * Template:     blocksy
 * Version:      1.0.0
 */

/* ===========================
   GLOBAL / UTILITIES
   =========================== */
   
   
.pioneerium-tech-grid {
    gap: 1.75rem;
}

.pioneerium-tech-card {
    background-color: #1a2025;
    border-radius: 16px;
    padding: 24px;
}

.pioneerium-tech-card p:first-child {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.pioneerium-tech-card p + p {
    color: #c3c8cf;
    font-size: 14px;
    margin-bottom: 0.75rem;
}

.pioneerium-tech-card ul {
    margin: 0;
    padding-left: 1.1rem;
    font-size: 13px;
    color: #8b949e;
}

/* Make the outcome grid behave like testimonial layout */
.pioneerium-outcome-grid {
    gap: 2rem;
}

/* Match testimonial card appearance */
.pioneerium-outcome-card {
    background: #ffffff;                            /* white background */
    border-radius: var(--pioneerium-radius-lg,16px);
    border: 1px solid rgba(209, 213, 219, 0.9);     /* light grey border */
    padding: 1.7rem 1.5rem 1.6rem;                  /* same padding as testimonials */
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.16); /* subtle shadow */
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: transform 0.18s ease, 
                box-shadow 0.18s ease, 
                border-color 0.18s ease;
}

/* Hover effect identical to testimonial cards */
.pioneerium-outcome-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 26px 70px rgba(148, 163, 184, 0.6);
    border-color: rgba(56, 189, 248, 0.6);          /* accent color glow */
}

/* Headings inside cards */
.pioneerium-outcome-card h4 {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 12px;
    color: #111827; /* dark text like testimonials */
    font-size: 1rem;
}

/* Paragraph text inside cards */
.pioneerium-outcome-card p {
    font-size: 0.96rem;
    line-height: 1.7;
    color: #4b5563; /* same muted grey text as testimonials */
    margin: 0;
}

/* Mobile adjustments */
@media (max-width: 781px) {
    .pioneerium-outcome-grid {
        gap: 1.2rem;
    }

    .pioneerium-outcome-card {
        padding: 1.4rem;
    }
}

.dark-blue-bg{
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,0.08), transparent 55%),
        linear-gradient(180deg, #024377 0%, #03579b 100%);
}

.dark-blue-bg p,  
.dark-blue-bg li
{
    color: #f2f5f7;
}
.dark-blue-bg h1,  
.dark-blue-bg h2,  
.dark-blue-bg h3
{
    color: #eee;
}