/*
Theme Name: Helponhand Theme
Description: A professional WordPress theme for software solutions company based on the original Helponhand.com design
Version: 1.0
Author: Helponhand Team
Text Domain: helponhand-theme
*/

/* Import the original styles */
@import url('./assets/styles.css');

/* WordPress specific styles */
.wp-block-group {
    margin: 0;
}

.wp-block-columns {
    margin-bottom: 0;
}

/* Admin bar compatibility */
body.admin-bar .header {
    top: 32px;
}

/* Admin bar padding is now controlled by customizer settings in functions.php */

@media screen and (max-width: 782px) {
    body.admin-bar .header {
        top: 46px;
    }
}

/* Ensure header stays above content but below admin bar */
.header {
    z-index: 99899 !important; /* 100 lower than admin bar (99999) */
}

/* Fix header visibility in WordPress editor */
body.wp-admin .header,
body.block-editor-page .header {
    z-index: 99899 !important; /* 100 lower than admin bar */
    /* Position is controlled by customizer setting in functions.php */
}

/* Ensure all WordPress content stays behind header and admin bar */
.entry-header,
.entry-title,
.entry-meta,
.posted-on,
.byline,
.cat-links,
.blog-post,
article,
.main-content,
.content-area,
.post-thumbnail,
.entry-content,
.wp-block-group,
.wp-block-columns {
    position: relative;
    z-index: 99799 !important; /* 200 lower than admin bar */
}

/* Ensure sidebar content stays behind header and admin bar */
.sidebar,
.widget,
.widget-area {
    position: relative;
    z-index: 99799 !important; /* 200 lower than admin bar */
}

/* Ensure page content stays behind header and admin bar */
.page-content,
.page-header,
.page-title,
.page-excerpt,
.page-thumbnail,
.page-content-area {
    position: relative;
    z-index: 99799 !important; /* 200 lower than admin bar */
}

/* Ensure WordPress admin bar stays above all content */
#wpadminbar {
    z-index: 99999 !important;
    position: fixed !important;
}

/* Ensure all other potential content elements stay behind header and admin bar */
body > *:not(.header):not(#wpadminbar),
main,
section,
div,
h1, h2, h3, h4, h5, h6,
p,
span {
    z-index: auto !important;
}

/* WordPress editor styles */
.block-editor-page {
    font-family: 'Inter', sans-serif;
}

/* Ensure WordPress content areas work with our layout */
.wp-block-group__inner-container {
    max-width: none;
}

/* Custom post type styles */
.software-product {
    margin-bottom: 2rem;
}

.software-product-meta {
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

/* Widget areas */
.widget-area {
    margin-bottom: 2rem;
}

.widget {
    margin-bottom: 1.5rem;
}

.widget-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #333;
}

/* Comments */
.comment-list {
    list-style: none;
    padding: 0;
}

.comment {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.comment-author {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.comment-meta {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 0.5rem;
}

/* Search form */
.search-form {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.search-field {
    flex: 1;
    padding: 0.5rem;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.search-submit {
    padding: 0.5rem 1rem;
    background: #007cba;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.search-submit:hover {
    background: #005a87;
}