/*
Theme Name:   GeneratePress News Pro
Theme URI:    https://yourwebsite.com/
Description:  Professional child theme for GeneratePress with advanced customization features for news and content platforms
Author: Malik Masood
Author URI:   https://wpurdutheme.com/
Template: generatepress
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  gp-news-pro
*/

/* ==========================================================================
   Custom Styles
   ========================================================================== */

/* Add your custom CSS here */

/* ===============================
   GP Sidebar News – UI Polished
   =============================== */

/* Widget Title */
.gp-widget-title{
    padding:14px 16px;
    font-size:17px;
    font-weight:700;
    background:#c0392b;
    color:#fff;
    margin-bottom:0;
    letter-spacing:.3px;
}

/* Container */
.gp-sidebar-posts{
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid #e6e6e6;
    border-top:none;
}

/* Single Post Row */
.gp-sidebar-post{
    display:flex;
    gap:12px;
    padding:12px;
    border-bottom:1px solid #ededed;
    text-decoration:none;
    align-items:flex-start;
    background:#fff;
    transition:background .15s ease;
}

.gp-sidebar-post:last-child{
    border-bottom:none;
}

.gp-sidebar-post:hover{
    background:#f5f5f5;
}

/* Thumbnail */
.gp-thumb{
    width:58px;
    height:58px;
    flex-shrink:0;
    overflow:hidden;
    background:#ddd;
}

.gp-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Text Area */
.gp-post-info{
    flex:1;
    min-width:0;
}

/* Title */
.gp-post-title{
    font-size:15px;
    font-weight:600;
    line-height:1.65;
    color:#111;
    margin-bottom:4px;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

/* Date */
.gp-post-date{
    font-size:12px;
    color:#8c8c8c;
    font-weight:500;
}

/* Subtle separator effect */
.gp-sidebar-post + .gp-sidebar-post{
    position:relative;
}

.gp-sidebar-post + .gp-sidebar-post::before{
    content:'';
    position:absolute;
    top:0;
    left:12px;
    right:12px;
    height:1px;
    background:#f0f0f0;
}
.widget-area .widget {
    padding: 12px !important;
}
/* RTL (Urdu / Arabic) */
body.rtl .gp-sidebar-post{
    flex-direction:row-reverse;
}

body.rtl .gp-post-title,
body.rtl .gp-post-date{
    text-align:right;
}