/**
 * Themepul Pack Compatibility CSS
 * Generated by Hello Themepulpack theme
 */

/* General compatibility styles */
.themepul-pack-active .site-content {
    overflow: visible;
}

/* Widget compatibility */
.hello_themepulpack-template-home .elementor-widget {
    margin-bottom: 0;
}

/* Enhance header and footer elements */
.hello_themepulpack-header .tpp-header-widget,
.site-footer .tpp-footer-widget {
    width: 100%;
}

/* Fix container issues */
.hello_themepulpack-template-home .elementor-section-wrap {
    overflow: hidden;
}

/* Fix column gaps */
.hello_themepulpack-template-home .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 10px;
}

/* Better container width for Themepul Pack widgets */
.hello_themepulpack-content-container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

/* Improve spacing for Themepul Pack widgets */
.tpp-widget {
    margin-bottom: 20px;
}

/* Fix heading styles in Themepul Pack widgets */
.tpp-heading-widget h1,
.tpp-heading-widget h2,
.tpp-heading-widget h3,
.tpp-heading-widget h4,
.tpp-heading-widget h5,
.tpp-heading-widget h6 {
    margin-top: 0;
}

/* Fix button styles in Themepul Pack widgets */
.tpp-button-widget .btn {
    display: inline-block;
    text-decoration: none;
}

/* Fix image styles in Themepul Pack widgets */
.tpp-image-widget img {
    max-width: 100%;
    height: auto;
}

/* Menu fixes for Themepul Pack */
.tpp-header-menu-widget li {
    list-style: none;
}

/* Fix for sliders */
.tpp-slider-widget {
    overflow: hidden;
}

/* Fix for testimonials */
.tpp-testimonial-widget {
    text-align: center;
}

/* Fix for icon boxes */
.tpp-icon-box-widget .icon {
    display: inline-block;
    vertical-align: middle;
}

/* Fix for offcanvas */
.tpp-header-offcanvas-widget {
    position: relative;
}

/* Fix for tabs */
.tpp-advanced-tab-widget .tab-content {
    display: block;
}

/* Blog post fixes */
.tpp-blog-widget .post {
    margin-bottom: 30px;
}

/* Products fixes */
.tpp-shop-widget .products {
    margin: 0 -15px;
}

/* Theme Builder compatibility */
.tpp-theme-header .site-header,
.elementor-location-header,
.tpp-header-active .site-header {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

/* Fix for Themepul Pack headers */
.tpp-theme-header .hello_themepulpack-menu-wrapper,
.tpp-header-active .hello_themepulpack-menu-wrapper {
    display: none !important;
}

/* Hide original header when using Themepul Pack header */
.tpp-theme-header .hello_themepulpack-header,
.tpp-header-active .hello_themepulpack-header {
    display: none !important;
}

/* Make sure the Themepul Pack header content displays correctly */
.tpp-theme-header .elementor-section.elementor-section-boxed > .elementor-container,
.tpp-header-active .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100%;
}

.tpp-theme-footer .site-footer,
.elementor-location-footer,
.tpp-footer-active .site-footer {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

/* Hide original footer when using Themepul Pack footer */
.tpp-theme-footer .footer-wrapper,
.tpp-footer-active .footer-wrapper {
    display: none !important;
}

/* Fix for theme builder templates */
.tpp-theme-single-page .site-content,
.tpp-theme-single-post .site-content,
.tpp-theme-archive .site-content,
.tpp-theme-error-404 .site-content {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
}

/* WooCommerce compatibility */
.tpp-product-thumbnail-widget img {
    width: 100%;
    height: auto;
}

.tpp-product-price-widget .price {
    font-weight: bold;
}

.tpp-product-cart-button-widget .button {
    display: inline-block;
    padding: 10px 20px;
}

/* Fix for mega menu */
.tpp-mega-menu-widget .sub-menu {
    display: block;
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 999;
}

/* Fix for extensions */
.tpp-sticky-section {
    position: sticky;
    top: 0;
    z-index: 100;
}

/* Fix for grid lines */
.tpp-grid-lines-yes {
    position: relative;
}

/* Fix for cursor effects */
.tpp-cursor-effect {
    pointer-events: none;
    position: fixed;
    z-index: 9999;
}

/* Fix for split text animations */
.tpp-split-text .char {
    display: inline-block;
}

/* Fix for interactive animations */
.tpp-interactive-animation {
    transition: all 0.3s ease;
}

/* Fix for tooltip */
.tpp-tooltip {
    position: absolute;
    z-index: 999;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
}

/* Make sure the header and footer widget areas work well on all screen sizes */
@media (max-width: 767px) {
    .themepul-pack-header-widgets,
    .themepul-pack-footer-widgets {
        padding: 0 15px;
    }
    
    /* Mobile menu fixes */
    .tpp-header-menu-widget .menu-toggle {
        display: block;
    }
    
    .tpp-header-menu-widget .menu {
        display: none;
    }
}

/* Themepul Pack Header Widget Area */
.themepul-pack-header-widgets {
    width: 100%;
    z-index: 999;
    margin: 0 auto;
    padding: 0;
}

.themepul-pack-header-widgets .widget {
    margin-bottom: 0;
}

/* Support for Elementor header widgets */
.themepul-pack-header-widgets .elementor-section {
    width: 100%;
    max-width: none;
}

/* Themepul Pack Footer Widget Area */
.themepul-pack-footer-widgets {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.themepul-pack-footer-widgets .widget {
    margin-bottom: 20px;
}

/* Support for Elementor footer widgets */
.themepul-pack-footer-widgets .elementor-section {
    width: 100%;
    max-width: none;
}