/* ======================================
   Chill-Astro Software
   oh-my-posh-themes.css
====================================== */

/* ======================================
   Page
====================================== */

.omp-page{

    max-width:1200px;

    margin:0 auto;

    padding:3rem 1.5rem 5rem;

}

/* ======================================
   Shared Features
====================================== */

.omp-features{

    margin-bottom:5rem;

}

.omp-features h2{

    text-align:center;

    margin-bottom:2rem;

}

.feature-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

    gap:1.5rem;

}

.feature-card{

    background:var(--card);

    border:1px solid var(--border);

    border-radius:18px;

    padding:1.5rem;

    transition:
        transform .25s,
        border-color .25s,
        box-shadow .25s;

}

.feature-card:hover{

    transform:translateY(-6px);

    border-color:var(--accent);

    box-shadow:0 16px 40px rgba(0,0,0,.18);

}

.feature-card span{

    display:block;

    font-size:1.5rem;

    margin-bottom:1rem;

}

.feature-card p{

    margin:0;

    line-height:1.7;

}

/* ======================================
   Theme Showcase
====================================== */

.theme-showcase{

    margin:3rem 0 5rem;

}

.theme-showcase .terminal-preview{

    margin:0 auto 2rem;

    max-width:100%;

    border-radius:18px;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:0 18px 50px rgba(0,0,0,.20);

}

.theme-showcase .terminal-titlebar{

    padding:0 14px;

}

.theme-showcase .terminal-body{

    min-height:120px;

    padding:18px 20px;

}

.theme-showcase .terminal-prompt,

.theme-showcase .terminal-command{

    font-size:.95rem;

}

.theme-description{

    max-width:900px;

    margin:0 auto;

}

.theme-description h2{

    margin-bottom:1rem;

}

.theme-description p{

    line-height:1.8;

    opacity:.9;

    margin-bottom:2rem;

}

.theme-description h3{

    margin-bottom:1rem;

}

.theme-feature-list{

    padding-left:1.25rem;

    margin:0 0 2rem;

}

.theme-feature-list li{

    margin-bottom:.75rem;

    line-height:1.8;

}

.theme-description .primary-btn{

    display:inline-flex;
    justify-content:center;
    align-items:center;

    width:auto;
    min-width:220px;
    max-width:100%;

    margin-top:2rem;

}

.credits-card{

    padding:1.75rem 2rem;

    border:1px solid var(--card-border);
    border-radius:24px;

    background:linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02));
    box-shadow:var(--shadow);

}

.credits-card h2{

    margin-bottom:1rem;

}

.credits-card p{

    margin:0;
    line-height:1.8;

}

.credits-card a{

    color:var(--text);
    font-weight:600;
    text-decoration:underline;
    text-underline-offset:4px;

}

/* ======================================
   Responsive
====================================== */

@media(max-width:700px){

    .omp-page{

        padding:2rem 1rem 4rem;

    }

    .feature-grid{

        grid-template-columns:1fr;

    }

    .theme-showcase{

        margin:4rem 0;

    }

    .theme-showcase .terminal-body{

        padding:14px 16px;

    }

    .theme-description{

        padding:0 .5rem;

    }

}