/**
 * Gire Elementor Widgets - Theme Style Resets
 * This file resets problematic theme styles that interfere with plugin functionality
 */

/* Reset Hello Elementor comment styles that interfere with our comment widgets */
#comments .comment .avatar, 
#comments .pingback .avatar {
    border-radius: initial !important;
    left: initial !important;
    margin-inline-end: initial !important;
    position: initial !important;
    margin: initial !important;
    padding: initial !important;
    float: none !important;
}

/* Reset comment body positioning */
#comments .comment .comment-body,
#comments .pingback .comment-body {
    border-block-end: none !important;
    display: initial !important;
    flex-direction: initial !important;
    padding-block-end: initial !important;
    padding-block-start: initial !important;
    padding-inline-end: initial !important;
    padding-inline-start: initial !important;
    padding: initial !important;
    margin: initial !important;
}

/* Reset comment list styles */
#comments .comment-list {
    font-size: initial !important;
    list-style: initial !important;
    margin: initial !important;
    padding: initial !important;
}

/* Reset comment and pingback positioning */
#comments .comment,
#comments .pingback {
    position: initial !important;
    margin: initial !important;
    padding: initial !important;
}

/* Reset comment meta styles */
#comments .comment-meta {
    display: initial !important;
    justify-content: initial !important;
    margin-block-end: initial !important;
    margin: initial !important;
    padding: initial !important;
}

/* Reset comment metadata and reply styles */
#comments .comment-metadata,
#comments .reply {
    font-size: initial !important;
    line-height: initial !important;
}

/* Reset children comment styles */
#comments .children {
    list-style: initial !important;
    margin: initial !important;
    padding-inline-start: initial !important;
    position: initial !important;
    padding: initial !important;
}

/* Reset children last-child styles */
#comments .children li:last-child {
    padding-block-end: initial !important;
    padding: initial !important;
}

/* Reset comment list children before pseudo-element */
#comments ol.comment-list .children:before {
    content: initial !important;
    display: initial !important;
    font-size: initial !important;
    font-weight: initial !important;
    left: initial !important;
    right: initial !important;
    line-height: initial !important;
    position: initial !important;
    top: initial !important;
    width: initial !important;
}

/* Reset RTL styles */
body.rtl #comments .comment .avatar,
body.rtl #comments .pingback .avatar,
html[dir=rtl] #comments .comment .avatar,
html[dir=rtl] #comments .pingback .avatar {
    left: initial !important;
    right: initial !important;
    float: none !important;
}

/* Reset responsive comment styles */
@media(max-width:767px) {
    #comments .comment .comment-body {
        padding: initial !important;
    }
    
    #comments .children {
        padding-inline-start: initial !important;
        padding: initial !important;
    }
    
    #comments .comment .avatar {
        float: none !important;
        position: initial !important;
    }
    
    body.rtl #comments .comment .avatar,
    html[dir=rtl] #comments .comment .avatar {
        float: none !important;
    }
}

/* Add any additional resets here as needed */

/* Reset wpDiscuz comment system styles */
#wpdcom {
    max-width: initial !important;
}

/* Reset body text color */
body {
    color: #5c6470 !important;
}

/* Reset Hello Elementor theme's restrictive max-width - exclude single posts */
@media (min-width: 1200px) {
    body:not(.single-post) .page-header .entry-title, 
    body:not(.single-post) .site-footer .footer-inner, 
    body:not(.single-post) .site-footer:not(.dynamic-footer), 
    body:not(.single-post) .site-header .header-inner, 
    body:not(.single-post) .site-header:not(.dynamic-header), 
    body:not(.single-post):not([class*=elementor-page-]) .site-main {
        max-width: 1400px !important;
    }
}

/* 
 * Future reset styles can be added below
 * Example:
 * 
 * .problematic-theme-class {
 *     property: initial !important;
 * }
 */