/* ========================================================================= */
/* BahrTahlil - User Comments */
/* ========================================================================= */

.bt-user-comments-wrapper {
    margin: 20px 0 30px 0 !important;
    padding: 0 !important;
}

.bt-user-comment-item {
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 18px !important;
    margin-bottom: 25px !important;
    background-color: #ffffff !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
    transition: all .3s ease;
    direction: rtl !important;
    text-align: right !important;
}

.bt-user-comment-item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.bt-comment-post-title {
    font-size: 1.15em !important;
    font-weight: 700 !important;
    color: #4b4b4b !important;
    border-bottom: 2px solid #F0B90B !important;
    padding-bottom: 8px !important;
    margin-bottom: 12px !important;
    line-height: 1.7 !important;
}

.bt-comment-post-title a {
    color: #F0B90B !important;
    text-decoration: none !important;
    transition: all .2s ease;
}

.bt-comment-post-title a:hover {
    color: #D6A300 !important;
    text-decoration: underline !important;
}

.bt-comment-date {
    font-size: .9em !important;
    font-weight: 500 !important;
    color: #666 !important;
    margin-bottom: 15px !important;
    padding-right: 10px !important;
    border-right: 3px solid #ccc !important;
    line-height: 1.8 !important;
}

.bt-comment-content {
    font-size: 1em !important;
    line-height: 1.9 !important;
    color: #333 !important;
}

.bt-comment-content p {
    margin: 0 !important;
    padding: 0 !important;
}

.bt-read-more-link {
    color: #F0B90B !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    padding: 0 5px !important;
    transition: all .2s ease;
}

.bt-read-more-link:hover {
    color: #D6A300 !important;
    text-decoration: underline !important;
}

/* ========================================================================= */
/* Status Messages */
/* ========================================================================= */

.bt-comment-message {
    padding: 15px !important;
    border-radius: 6px !important;
    font-size: 1.05em !important;
    text-align: center !important;
    margin: 15px 0 !important;
}

.bt-error-message {
    background: #fdd !important;
    border: 1px solid #f99 !important;
    color: #a00 !important;
}

.bt-success-message {
    background: #e6ffed !important;
    border: 1px solid #a3e9c0 !important;
    color: #0c611f !important;
}

/* ========================================================================= */
/* Mobile & Tablet */
/* ========================================================================= */

@media screen and (max-width:768px){

    .bt-user-comment-item{
        padding:12px !important;
        margin-bottom:15px !important;
        border-radius:6px !important;
    }

    .bt-comment-post-title{
        font-size:1.05em !important;
        padding-bottom:6px !important;
        margin-bottom:8px !important;
    }

    .bt-comment-post-title a{
        word-break:break-word;
    }

    .bt-comment-date{
        font-size:.85em !important;
        padding-right:0 !important;
        border-right:none !important;
        margin-bottom:10px !important;
    }

    .bt-comment-content{
        font-size:.95em !important;
        line-height:1.8 !important;
    }

    .bt-read-more-link{
        font-weight:700 !important;
    }

}

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

@media screen and (max-width:480px){

    .bt-user-comment-item{
        padding:10px !important;
    }

    .bt-comment-post-title{
        font-size:1em !important;
    }

    .bt-comment-content{
        font-size:.92em !important;
    }

}