/**
 * CSS styles for compatibility with different themes
 */

/* General compatibility styles */
.form-elrakami-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Twenty Twenty-Four theme compatibility */
.wp-block-post-content .form-elrakami-container,
.wp-site-blocks .form-elrakami-container,
.entry-content .form-elrakami-container,
.woocommerce-product-details__short-description .form-elrakami-container,
.woocommerce-Tabs-panel .form-elrakami-container,
.woocommerce-product-gallery + .form-elrakami-container,
.summary + .form-elrakami-container,
.form-elrakami-after-title .form-elrakami-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix for Twenty Twenty-Four theme */
.wp-block-post-content .form-elrakami-form,
.wp-site-blocks .form-elrakami-form,
.entry-content .form-elrakami-form,
.woocommerce-product-details__short-description .form-elrakami-form,
.woocommerce-Tabs-panel .form-elrakami-form,
.form-elrakami-after-title .form-elrakami-form {
    width: 100% !important;
    max-width: 100% !important;
}

/* Specific fixes for Twenty Twenty-Four theme */
.theme-twentytwentyfour .form-elrakami-after-title,
.wp-site-blocks .form-elrakami-after-title {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
}

/* Fix for Twenty Twenty-Four theme product title */
.theme-twentytwentyfour .woocommerce-products-header + .form-elrakami-after-title,
.wp-site-blocks .woocommerce-products-header + .form-elrakami-after-title {
    margin-top: 20px !important;
}

/* Form container styles */
.form-elrakami-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    clear: both !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Form styles for better centering and margins */
.form-elrakami-form {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 15px 10px !important;
    box-sizing: border-box !important;
}

/* Ensure form is centered in all themes */
.woocommerce-product-gallery + .summary .form-elrakami-container,
.woocommerce-product-gallery + .summary .form-elrakami-form,
.summary .form-elrakami-container,
.summary .form-elrakami-form {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: right !important;
}

/* Reduce side margins for better appearance */
@media (min-width: 768px) {
    .form-elrakami-form {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/* Containers for different positions */
.form-elrakami-after-summary {
    clear: both;
    margin-top: 30px;
    padding: 20px 0;
    border-top: 1px solid #eee;
}

.form-elrakami-before-summary {
    margin-bottom: 30px;
    clear: both;
}

.form-elrakami-in-description {
    margin-top: 30px;
    clear: both;
}

.form-elrakami-after-product {
    margin-top: 50px;
    clear: both;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
}

.form-elrakami-before-product {
    margin-bottom: 30px;
    clear: both;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
}

/* Fix for tabs in WooCommerce */
.woocommerce-tabs .form-elrakami-container,
.woocommerce-Tabs-panel .form-elrakami-container {
    padding: 20px !important;
    background-color: #f9f9f9;
    border-radius: 8px;
    margin-bottom: 20px;
}

/* Fix for Botiga theme */
.botiga-product-wrapper .form-elrakami-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* Fix for Blocksy theme */
.ct-container .form-elrakami-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* Fix for other common themes */
.product .form-elrakami-container,
.woocommerce-product-gallery + .form-elrakami-container,
.summary + .form-elrakami-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 20px !important;
}

/* Ensure form is visible in all themes */
.form-elrakami-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix for FSE themes */
.wp-block-group .form-elrakami-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* Fix for mobile devices */
@media (max-width: 768px) {
    .form-elrakami-container {
        padding: 10px !important;
    }

    .form-elrakami-after-product,
    .form-elrakami-before-product,
    .form-elrakami-main-wrapper {
        padding: 15px !important;
    }
}