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

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

.omp-page{

    width:min(100%, 1120px);

    margin:0 auto;

    padding:3rem 1.25rem 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{

    width:min(100%, 920px);

    margin:2rem auto 4rem;
    background:none;
    border:none;
    box-shadow:none;

}

.theme-showcase .terminal-preview{

    display:block !important;
    width:100% !important;
    margin:0 auto 2rem;

    max-width:900px;
    align-self:stretch;

    border-radius:10px;

    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{

    width:100%;

    max-width:900px;

    margin:0 auto;

    display:flex;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
    background:none;
    border:none;
    box-shadow:none;

}

.theme-description #terminal-minima,
.theme-description #terminal-minima-plus {

    align-self:stretch;
    width:100%;
    min-width:0;
    max-width:100%;

}

.theme-description h2{

    margin-bottom:1rem;

}

.theme-description p{

    line-height:1.8;

    opacity:1;

    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;
    font-family:"Tomorrow", sans-serif;

}


.credits-text{

    margin:0;
    line-height:1.8;
    background:none;
    border:none;
    box-shadow:none;
    padding:0;

}

.credits-section.theme-showcase{

    background:none !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    border-radius:0 !important;

}

.credits-section .theme-description{

    background:none !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;

}

.credits-text a{

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

}

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

@media(max-width:700px){

    .omp-page{

        padding:1.75rem 1rem 3.5rem;

    }

    .feature-grid{

        grid-template-columns:1fr;

    }

    .theme-showcase{

        width:100%;

        margin:1.5rem 0 2.5rem;

    }

    .theme-showcase .terminal-body{

        padding:12px 14px;

    }

    .theme-showcase .minima-preview .terminal-titlebar,
    .theme-showcase .minima-plus-preview .terminal-titlebar{

        height:34px;
        padding:0 12px;

    }

    .theme-showcase .minima-preview .terminal-body,
    .theme-showcase .minima-plus-preview .terminal-body{

        padding:16px 14px;

    }

    .theme-showcase .minima-preview .terminal-line,
    .theme-showcase .minima-plus-preview .terminal-line{

        font-size:.82rem;

    }

    .theme-description p,
    .theme-feature-list li{

        line-height:1.65;

    }

    .theme-feature-list{

        margin-bottom:1.5rem;

    }

    .theme-description .primary-btn{

        margin-top:1.25rem;
        padding:.85rem 1rem;

    }

    .theme-description{

        padding:0 .25rem;

    }

    .theme-description .primary-btn{

        width:100%;

        min-width:0;

    }

}