/*
Theme Name: Soledad Child Theme – Vasista Medical Learn
Template: soledad
*/

/* =====================================================
GLOBAL GRID SYSTEM
===================================================== */

.vasista-card-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    max-width:1100px;
    margin:40px auto 60px;
    padding:0 20px;
}

/* Tablet */
@media(max-width:900px){
    .vasista-card-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

/* Mobile */
@media(max-width:520px){
    .vasista-card-grid{
        grid-template-columns:1fr;
    }
}

/* =====================================================
FORCE GRID INSIDE ELEMENTOR / POST CONTENT
(This fixes shortcode breaking)
===================================================== */

.entry-content .vasista-card-grid,
.elementor-widget-container .vasista-card-grid{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:30px!important;
    max-width:1100px;
    margin:40px auto 60px;
    padding:0 20px;
}

@media(max-width:900px){
.entry-content .vasista-card-grid,
.elementor-widget-container .vasista-card-grid{
    grid-template-columns:repeat(2,1fr)!important;
}
}

@media(max-width:520px){
.entry-content .vasista-card-grid,
.elementor-widget-container .vasista-card-grid{
    grid-template-columns:1fr!important;
}
}

/* =====================================================
CARD DESIGN
===================================================== */

.vasista-card{
    background:#fff;
    padding:30px 20px;
    border-radius:28px;
    text-align:center;
    text-decoration:none;
    font-weight:700;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
    color:#333;
    transition:.3s ease;
    display:block;
    width:100%;
}

.vasista-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 28px rgba(0,0,0,.12);
    color:#0b7a75; /* medical teal */
}

.vasista-card-title{
    font-size:22px;
    line-height:1.4;
}

/* =====================================================
TAXONOMY PAGE LAYOUT
===================================================== */

.vasista-taxonomy{
    padding:40px 0;
}

.vasista-title{
    text-align:center;
    margin-bottom:25px;
    font-size:32px;
    font-weight:700;
}

/* =====================================================
CHAPTER & TOPIC HEADINGS
===================================================== */

.vasista-taxonomy h2{
    margin:50px 0 15px;
    font-size:26px;
    text-align:center;
}

.vasista-taxonomy h3{
    margin:35px 0 10px;
    font-size:20px;
    text-align:center;
    color:#0b7a75;
}

/* =====================================================
BREADCRUMB DESIGN
===================================================== */

.vasista-breadcrumb-wrap{
    max-width:1200px;
    margin:25px auto 25px;
    padding:16px 22px;
    background:#f7fbfb;
    border-radius:14px;
    box-shadow:0 6px 18px rgba(0,0,0,.06);
    font-size:15px;
    font-weight:600;
}

.vasista-breadcrumb-wrap a{
    color:#0b7a75;
    text-decoration:none;
}

.vasista-breadcrumb-wrap a:hover{
    text-decoration:underline;
}

/* =====================================================
PAGINATION (Future Ready)
===================================================== */

.vasista-pagination{
    text-align:center;
    margin:40px 0 70px;
}

.vasista-pagination .page-numbers{
    display:inline-block;
    padding:10px 16px;
    margin:5px;
    background:#fff;
    border-radius:8px;
    text-decoration:none;
    color:#333;
    box-shadow:0 3px 10px rgba(0,0,0,.08);
}

.vasista-pagination .current{
    background:#0b7a75;
    color:#fff;
}

/* =====================================================
CONTAINER ALIGNMENT FIX (Soledad)
===================================================== */

.container .vasista-card-grid{
    max-width:1100px;
}