/* =========================================
   Modern CSS for Manuscript Theme
   ========================================= */

/* 1. Background Color for a soft premium look */
body {
    background-color: #f8f9fa !important;
}

/* 2. Article Cards Styling (مقالوں کو خوبصورت کارڈز کی شکل دینا) */
.obj_article_summary {
    background: #ffffff;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
    border: 1px solid #eaeaea;
    transition: all 0.3s ease-in-out;
}

/* Article Cards Hover Effect (ماؤس لانے پر کارڈ کا ابھرنا) */
.obj_article_summary:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    transform: translateY(-4px);
    border-color: #cccccc;
}

/* 3. Modern Button Styling (بٹنز کی گولائی اور شیڈو) */
.cmp_button, .pkp_button {
    background-color: #2c3e50; /* Dark premium blue */
    color: #ffffff !important;
    border-radius: 30px; /* Rounded pill shape */
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    transition: all 0.3s ease;
}

/* Button Hover Effect */
.cmp_button:hover, .pkp_button:hover {
    background-color: #1a252f;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transform: translateY(-2px);
}

/* 4. Header & Navigation Refinement */
.pkp_site_nav_menu > li > a {
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    transition: color 0.3s ease;
}

.pkp_site_nav_menu > li > a:hover {
    color: #0056b3; /* Color change on hover */
}

/* 5. Section Titles (ہیڈنگز کو واضح کرنا) */
h2, .pkp_screen_title {
    font-weight: 700;
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 20px;
}