/* Elementor Integration CSS - Ensures all button styling works properly */

/* =================================================================
   CRITICAL: Elementor Button Style Overrides
   This file ensures that Elementor widget styling controls work
   properly on the frontend by providing the correct CSS specificity.
   
   IMPORTANT: Style changes work in real-time without widget refresh
   because Elementor applies inline styles and our CSS has proper
   specificity to override defaults immediately.
   ================================================================= */

/* Navigation Buttons (Previous/Next/New Search) */
.elementor-widget-wrapper .pf-prev-step,
.elementor-widget-container .pf-prev-step,
.pf-elementor-widget-wrapper .pf-prev-step,
.elementor-widget-wrapper .pf-next-step,
.elementor-widget-container .pf-next-step,
.pf-elementor-widget-wrapper .pf-next-step,
.elementor-widget-wrapper .pf-new-search,
.elementor-widget-container .pf-new-search,
.pf-elementor-widget-wrapper .pf-new-search {
    background-image: none !important;
    box-shadow: none !important;
}

/* Form Submit Buttons */
.elementor-widget-wrapper .pf-finder-form button[type="submit"],
.elementor-widget-container .pf-finder-form button[type="submit"],
.pf-elementor-widget-wrapper .pf-finder-form button[type="submit"],
.elementor-widget-wrapper .pf-form-actions .pf-btn-primary,
.elementor-widget-container .pf-form-actions .pf-btn-primary,
.pf-elementor-widget-wrapper .pf-form-actions .pf-btn-primary {
    background-image: none !important;
    box-shadow: none !important;
}

/* Pagination Buttons */
.elementor-widget-wrapper .pf-load-page,
.elementor-widget-container .pf-load-page,
.pf-elementor-widget-wrapper .pf-load-page {
    background-image: none !important;
    box-shadow: none !important;
}

/* Product Action Buttons */
.elementor-widget-wrapper .pf-product-actions .pf-btn-primary,
.elementor-widget-container .pf-product-actions .pf-btn-primary,
.pf-elementor-widget-wrapper .pf-product-actions .pf-btn-primary {
    background-image: none !important;
    box-shadow: none !important;
}

/* ACF Buttons */
.elementor-widget-wrapper .pf-acf-button,
.elementor-widget-container .pf-acf-button,
.pf-elementor-widget-wrapper .pf-acf-button {
    background-image: none !important;
    box-shadow: none !important;
}

/* Pricing Buttons (Login/Buy Now) */
.elementor-widget-wrapper .pf-login-button,
.elementor-widget-container .pf-login-button,
.pf-elementor-widget-wrapper .pf-login-button,
.elementor-widget-wrapper .pf-buy-now-button,
.elementor-widget-container .pf-buy-now-button,
.pf-elementor-widget-wrapper .pf-buy-now-button {
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* =================================================================
   BORDER STYLES - Ensure Elementor border controls work
   ================================================================= */

/* Allow Elementor border controls to work properly */
/* Remove only default plugin borders, not Elementor-applied borders */
.elementor-widget-wrapper .pf-prev-step,
.elementor-widget-container .pf-prev-step,
.pf-elementor-widget-wrapper .pf-prev-step,
.elementor-widget-wrapper .pf-next-step,
.elementor-widget-container .pf-next-step,
.pf-elementor-widget-wrapper .pf-next-step,
.elementor-widget-wrapper .pf-new-search,
.elementor-widget-container .pf-new-search,
.pf-elementor-widget-wrapper .pf-new-search,
.elementor-widget-wrapper .pf-load-page,
.elementor-widget-container .pf-load-page,
.pf-elementor-widget-wrapper .pf-load-page,
.elementor-widget-wrapper .pf-finder-form button[type="submit"],
.elementor-widget-container .pf-finder-form button[type="submit"],
.pf-elementor-widget-wrapper .pf-finder-form button[type="submit"],
.elementor-widget-wrapper .pf-form-actions .pf-btn-primary,
.elementor-widget-container .pf-form-actions .pf-btn-primary,
.pf-elementor-widget-wrapper .pf-form-actions .pf-btn-primary,
.elementor-widget-wrapper .pf-product-actions .pf-btn-primary,
.elementor-widget-container .pf-product-actions .pf-btn-primary,
.pf-elementor-widget-wrapper .pf-product-actions .pf-btn-primary,
.elementor-widget-wrapper .pf-acf-button,
.elementor-widget-container .pf-acf-button,
.pf-elementor-widget-wrapper .pf-acf-button,
.elementor-widget-wrapper .pf-login-button,
.elementor-widget-container .pf-login-button,
.pf-elementor-widget-wrapper .pf-login-button,
.elementor-widget-wrapper .pf-buy-now-button,
.elementor-widget-container .pf-buy-now-button,
.pf-elementor-widget-wrapper .pf-buy-now-button {
    /* Reset default plugin borders to allow Elementor controls */
    border: 1px solid transparent;
}

/* Ensure Elementor border styles take precedence */
.elementor-widget-wrapper .pf-prev-step[style*="border"],
.elementor-widget-container .pf-prev-step[style*="border"],
.pf-elementor-widget-wrapper .pf-prev-step[style*="border"],
.elementor-widget-wrapper .pf-next-step[style*="border"],
.elementor-widget-container .pf-next-step[style*="border"],
.pf-elementor-widget-wrapper .pf-next-step[style*="border"],
.elementor-widget-wrapper .pf-new-search[style*="border"],
.elementor-widget-container .pf-new-search[style*="border"],
.pf-elementor-widget-wrapper .pf-new-search[style*="border"],
.elementor-widget-wrapper .pf-load-page[style*="border"],
.elementor-widget-container .pf-load-page[style*="border"],
.pf-elementor-widget-wrapper .pf-load-page[style*="border"],
.elementor-widget-wrapper .pf-finder-form button[type="submit"][style*="border"],
.elementor-widget-container .pf-finder-form button[type="submit"][style*="border"],
.pf-elementor-widget-wrapper .pf-finder-form button[type="submit"][style*="border"],
.elementor-widget-wrapper .pf-form-actions .pf-btn-primary[style*="border"],
.elementor-widget-container .pf-form-actions .pf-btn-primary[style*="border"],
.pf-elementor-widget-wrapper .pf-form-actions .pf-btn-primary[style*="border"],
.elementor-widget-wrapper .pf-product-actions .pf-btn-primary[style*="border"],
.elementor-widget-container .pf-product-actions .pf-btn-primary[style*="border"],
.pf-elementor-widget-wrapper .pf-product-actions .pf-btn-primary[style*="border"],
.elementor-widget-wrapper .pf-acf-button[style*="border"],
.elementor-widget-container .pf-acf-button[style*="border"],
.pf-elementor-widget-wrapper .pf-acf-button[style*="border"],
.elementor-widget-wrapper .pf-login-button[style*="border"],
.elementor-widget-container .pf-login-button[style*="border"],
.pf-elementor-widget-wrapper .pf-login-button[style*="border"],
.elementor-widget-wrapper .pf-buy-now-button[style*="border"],
.elementor-widget-container .pf-buy-now-button[style*="border"],
.pf-elementor-widget-wrapper .pf-buy-now-button[style*="border"] {
    /* Allow Elementor border styles to work */
    border: inherit !important;
}

/* =================================================================
   TYPOGRAPHY - Ensure Elementor typography controls work
   ================================================================= */

/* Button Typography */
.elementor-widget-wrapper .pf-prev-step,
.elementor-widget-container .pf-prev-step,
.pf-elementor-widget-wrapper .pf-prev-step,
.elementor-widget-wrapper .pf-next-step,
.elementor-widget-container .pf-next-step,
.pf-elementor-widget-wrapper .pf-next-step,
.elementor-widget-wrapper .pf-new-search,
.elementor-widget-container .pf-new-search,
.pf-elementor-widget-wrapper .pf-new-search,
.elementor-widget-wrapper .pf-load-page,
.elementor-widget-container .pf-load-page,
.pf-elementor-widget-wrapper .pf-load-page,
.elementor-widget-wrapper .pf-finder-form button[type="submit"],
.elementor-widget-container .pf-finder-form button[type="submit"],
.pf-elementor-widget-wrapper .pf-finder-form button[type="submit"],
.elementor-widget-wrapper .pf-form-actions .pf-btn-primary,
.elementor-widget-container .pf-form-actions .pf-btn-primary,
.pf-elementor-widget-wrapper .pf-form-actions .pf-btn-primary,
.elementor-widget-wrapper .pf-product-actions .pf-btn-primary,
.elementor-widget-container .pf-product-actions .pf-btn-primary,
.pf-elementor-widget-wrapper .pf-product-actions .pf-btn-primary,
.elementor-widget-wrapper .pf-acf-button,
.elementor-widget-container .pf-acf-button,
.pf-elementor-widget-wrapper .pf-acf-button,
.elementor-widget-wrapper .pf-login-button,
.elementor-widget-container .pf-login-button,
.pf-elementor-widget-wrapper .pf-login-button,
.elementor-widget-wrapper .pf-buy-now-button,
.elementor-widget-container .pf-buy-now-button,
.pf-elementor-widget-wrapper .pf-buy-now-button {
    
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
}

/* Product Card Typography - Global card font (excludes title) */
.elementor-element .pf-product-item,
.elementor-element .pf-card-modern,
.elementor-element .pf-product-info,
.elementor-element .pf-product-price,
.elementor-element .pf-product-excerpt,
.elementor-element .pf-product-description,
.elementor-widget-pf_finder .pf-product-item,
.elementor-widget-pf_finder .pf-card-modern,
.elementor-widget-pf_finder .pf-product-info,
.elementor-widget-pf_finder .pf-product-price,
.elementor-widget-pf_finder .pf-product-excerpt,
.elementor-widget-pf_finder .pf-product-description {
    
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
}

/* Product Title Typography - Separate from global card font */
.elementor-widget-wrapper .pf-product-title,
.elementor-widget-container .pf-product-title,
.pf-elementor-widget-wrapper .pf-product-title,
.elementor-widget-wrapper .pf-product-title a,
.elementor-widget-container .pf-product-title a,
.pf-elementor-widget-wrapper .pf-product-title a {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
}

/* Product Price Typography */
.elementor-element .pf-product-price,
.elementor-widget-pf_finder .pf-product-price {
    
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
}

/* Product Description Typography */
.elementor-element .pf-product-excerpt,
.elementor-element .pf-product-description,
.elementor-widget-pf_finder .pf-product-excerpt,
.elementor-widget-pf_finder .pf-product-description {
    
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
}

/* =================================================================
   HOVER STATES - Ensure Elementor hover controls work
   ================================================================= */

/* Remove default hover effects when Elementor controls are used */
.elementor-widget-wrapper .pf-prev-step:hover,
.elementor-widget-container .pf-prev-step:hover,
.pf-elementor-widget-wrapper .pf-prev-step:hover,
.elementor-widget-wrapper .pf-next-step:hover,
.elementor-widget-container .pf-next-step:hover,
.pf-elementor-widget-wrapper .pf-next-step:hover,
.elementor-widget-wrapper .pf-new-search:hover,
.elementor-widget-container .pf-new-search:hover,
.pf-elementor-widget-wrapper .pf-new-search:hover,
.elementor-widget-wrapper .pf-load-page:hover,
.elementor-widget-container .pf-load-page:hover,
.pf-elementor-widget-wrapper .pf-load-page:hover,
.elementor-widget-wrapper .pf-finder-form button[type="submit"]:hover,
.elementor-widget-container .pf-finder-form button[type="submit"]:hover,
.pf-elementor-widget-wrapper .pf-finder-form button[type="submit"]:hover,
.elementor-widget-wrapper .pf-form-actions .pf-btn-primary:hover,
.elementor-widget-container .pf-form-actions .pf-btn-primary:hover,
.pf-elementor-widget-wrapper .pf-form-actions .pf-btn-primary:hover,
.elementor-widget-wrapper .pf-product-actions .pf-btn-primary:hover,
.elementor-widget-container .pf-product-actions .pf-btn-primary:hover,
.pf-elementor-widget-wrapper .pf-product-actions .pf-btn-primary:hover,
.elementor-widget-wrapper .pf-acf-button:hover,
.elementor-widget-container .pf-acf-button:hover,
.pf-elementor-widget-wrapper .pf-acf-button:hover,
.elementor-widget-wrapper .pf-login-button:hover,
.elementor-widget-container .pf-login-button:hover,
.pf-elementor-widget-wrapper .pf-login-button:hover,
.elementor-widget-wrapper .pf-buy-now-button:hover,
.elementor-widget-container .pf-buy-now-button:hover,
.pf-elementor-widget-wrapper .pf-buy-now-button:hover {
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
}

/* =================================================================
   SPACING - Ensure Elementor padding/margin controls work
   ================================================================= */

/* Allow Elementor spacing controls to override defaults */
.elementor-widget-wrapper .pf-prev-step[style*="padding"],
.elementor-widget-container .pf-prev-step[style*="padding"],
.pf-elementor-widget-wrapper .pf-prev-step[style*="padding"],
.elementor-widget-wrapper .pf-next-step[style*="padding"],
.elementor-widget-container .pf-next-step[style*="padding"],
.pf-elementor-widget-wrapper .pf-next-step[style*="padding"],
.elementor-widget-wrapper .pf-new-search[style*="padding"],
.elementor-widget-container .pf-new-search[style*="padding"],
.pf-elementor-widget-wrapper .pf-new-search[style*="padding"],
.elementor-widget-wrapper .pf-load-page[style*="padding"],
.elementor-widget-container .pf-load-page[style*="padding"],
.pf-elementor-widget-wrapper .pf-load-page[style*="padding"],
.elementor-widget-wrapper .pf-finder-form button[type="submit"][style*="padding"],
.elementor-widget-container .pf-finder-form button[type="submit"][style*="padding"],
.pf-elementor-widget-wrapper .pf-finder-form button[type="submit"][style*="padding"],
.elementor-widget-wrapper .pf-form-actions .pf-btn-primary[style*="padding"],
.elementor-widget-container .pf-form-actions .pf-btn-primary[style*="padding"],
.pf-elementor-widget-wrapper .pf-form-actions .pf-btn-primary[style*="padding"],
.elementor-widget-wrapper .pf-product-actions .pf-btn-primary[style*="padding"],
.elementor-widget-container .pf-product-actions .pf-btn-primary[style*="padding"],
.pf-elementor-widget-wrapper .pf-product-actions .pf-btn-primary[style*="padding"],
.elementor-widget-wrapper .pf-acf-button[style*="padding"],
.elementor-widget-container .pf-acf-button[style*="padding"],
.pf-elementor-widget-wrapper .pf-acf-button[style*="padding"],
.elementor-widget-wrapper .pf-login-button[style*="padding"],
.elementor-widget-container .pf-login-button[style*="padding"],
.pf-elementor-widget-wrapper .pf-login-button[style*="padding"],
.elementor-widget-wrapper .pf-buy-now-button[style*="padding"],
.elementor-widget-container .pf-buy-now-button[style*="padding"],
.pf-elementor-widget-wrapper .pf-buy-now-button[style*="padding"] {
    padding: inherit !important;
}

/* Allow Elementor margin controls to override defaults */
.elementor-widget-wrapper .pf-prev-step[style*="margin"],
.elementor-widget-container .pf-prev-step[style*="margin"],
.pf-elementor-widget-wrapper .pf-prev-step[style*="margin"],
.elementor-widget-wrapper .pf-next-step[style*="margin"],
.elementor-widget-container .pf-next-step[style*="margin"],
.pf-elementor-widget-wrapper .pf-next-step[style*="margin"],
.elementor-widget-wrapper .pf-new-search[style*="margin"],
.elementor-widget-container .pf-new-search[style*="margin"],
.pf-elementor-widget-wrapper .pf-new-search[style*="margin"],
.elementor-widget-wrapper .pf-load-page[style*="margin"],
.elementor-widget-container .pf-load-page[style*="margin"],
.pf-elementor-widget-wrapper .pf-load-page[style*="margin"],
.elementor-widget-wrapper .pf-finder-form button[type="submit"][style*="margin"],
.elementor-widget-container .pf-finder-form button[type="submit"][style*="margin"],
.pf-elementor-widget-wrapper .pf-finder-form button[type="submit"][style*="margin"],
.elementor-widget-wrapper .pf-form-actions .pf-btn-primary[style*="margin"],
.elementor-widget-container .pf-form-actions .pf-btn-primary[style*="margin"],
.pf-elementor-widget-wrapper .pf-form-actions .pf-btn-primary[style*="margin"],
.elementor-widget-wrapper .pf-product-actions .pf-btn-primary[style*="margin"],
.elementor-widget-container .pf-product-actions .pf-btn-primary[style*="margin"],
.pf-elementor-widget-wrapper .pf-product-actions .pf-btn-primary[style*="margin"],
.elementor-widget-wrapper .pf-acf-button[style*="margin"],
.elementor-widget-container .pf-acf-button[style*="margin"],
.pf-elementor-widget-wrapper .pf-acf-button[style*="margin"],
.elementor-widget-wrapper .pf-login-button[style*="margin"],
.elementor-widget-container .pf-login-button[style*="margin"],
.pf-elementor-widget-wrapper .pf-login-button[style*="margin"],
.elementor-widget-wrapper .pf-buy-now-button[style*="margin"],
.elementor-widget-container .pf-buy-now-button[style*="margin"],
.pf-elementor-widget-wrapper .pf-buy-now-button[style*="margin"] {
    margin: inherit !important;
}

/* =================================================================
   BORDER RADIUS - Ensure Elementor border radius controls work
   ================================================================= */

.elementor-widget-wrapper .pf-prev-step[style*="border-radius"],
.elementor-widget-container .pf-prev-step[style*="border-radius"],
.pf-elementor-widget-wrapper .pf-prev-step[style*="border-radius"],
.elementor-widget-wrapper .pf-next-step[style*="border-radius"],
.elementor-widget-container .pf-next-step[style*="border-radius"],
.pf-elementor-widget-wrapper .pf-next-step[style*="border-radius"],
.elementor-widget-wrapper .pf-new-search[style*="border-radius"],
.elementor-widget-container .pf-new-search[style*="border-radius"],
.pf-elementor-widget-wrapper .pf-new-search[style*="border-radius"],
.elementor-widget-wrapper .pf-load-page[style*="border-radius"],
.elementor-widget-container .pf-load-page[style*="border-radius"],
.pf-elementor-widget-wrapper .pf-load-page[style*="border-radius"],
.elementor-widget-wrapper .pf-finder-form button[type="submit"][style*="border-radius"],
.elementor-widget-container .pf-finder-form button[type="submit"][style*="border-radius"],
.pf-elementor-widget-wrapper .pf-finder-form button[type="submit"][style*="border-radius"],
.elementor-widget-wrapper .pf-form-actions .pf-btn-primary[style*="border-radius"],
.elementor-widget-container .pf-form-actions .pf-btn-primary[style*="border-radius"],
.pf-elementor-widget-wrapper .pf-form-actions .pf-btn-primary[style*="border-radius"],
.elementor-widget-wrapper .pf-product-actions .pf-btn-primary[style*="border-radius"],
.elementor-widget-container .pf-product-actions .pf-btn-primary[style*="border-radius"],
.pf-elementor-widget-wrapper .pf-product-actions .pf-btn-primary[style*="border-radius"],
.elementor-widget-wrapper .pf-acf-button[style*="border-radius"],
.elementor-widget-container .pf-acf-button[style*="border-radius"],
.pf-elementor-widget-wrapper .pf-acf-button[style*="border-radius"],
.elementor-widget-wrapper .pf-login-button[style*="border-radius"],
.elementor-widget-container .pf-login-button[style*="border-radius"],
.pf-elementor-widget-wrapper .pf-login-button[style*="border-radius"],
.elementor-widget-wrapper .pf-buy-now-button[style*="border-radius"],
.elementor-widget-container .pf-buy-now-button[style*="border-radius"],
.pf-elementor-widget-wrapper .pf-buy-now-button[style*="border-radius"] {
    border-radius: inherit !important;
}

/* =================================================================
   REAL-TIME STYLE UPDATES - No widget refresh needed
   ================================================================= */

/* Elementor automatically applies inline styles to elements.
   Our CSS selectors have proper specificity to override defaults.
   This means style changes work immediately without JavaScript. */

/* Force immediate style application */
.elementor-widget-wrapper,
.elementor-widget-container,
.pf-elementor-widget-wrapper {
    /* Ensure all styles update in real-time */
}

/* Override plugin CSS font declarations with Elementor styles */
.elementor-widget-wrapper .pf-product-item *,
.elementor-widget-container .pf-product-item *,
.pf-elementor-widget-wrapper .pf-product-item *,
.elementor-widget-wrapper .pf-card-modern *,
.elementor-widget-container .pf-card-modern *,
.pf-elementor-widget-wrapper .pf-card-modern * {
    
}

/* Specific overrides for elements with hardcoded styles */
.elementor-widget-wrapper .pf-product-title,
.elementor-widget-container .pf-product-title,
.pf-elementor-widget-wrapper .pf-product-title {
    font-size: inherit !important;
    font-weight: inherit !important;
}

.elementor-widget-wrapper .pf-product-price,
.elementor-widget-container .pf-product-price,
.pf-elementor-widget-wrapper .pf-product-price {
    font-size: inherit !important;
    font-weight: inherit !important;
}

.elementor-widget-wrapper .pf-product-excerpt,
.elementor-widget-container .pf-product-excerpt,
.pf-elementor-widget-wrapper .pf-product-excerpt,
.elementor-widget-wrapper .pf-product-description,
.elementor-widget-container .pf-product-description,
.pf-elementor-widget-wrapper .pf-product-description {
    font-size: inherit !important;
    line-height: inherit !important;
}

/* =================================================================
   DEBUGGING - Visual indicators for troubleshooting
   ================================================================= */

/* Uncomment these rules for debugging Elementor integration */
/*
.elementor-widget-wrapper .pf-prev-step[style*="background-color"] {
    outline: 2px solid red !important;
}

.elementor-widget-wrapper .pf-next-step[style*="background-color"] {
    outline: 2px solid blue !important;
}

.elementor-widget-wrapper .pf-new-search[style*="background-color"] {
    outline: 2px solid green !important;
}

.elementor-widget-wrapper .pf-load-page[style*="background-color"] {
    outline: 2px solid orange !important;
}

.elementor-widget-wrapper .pf-acf-button[style*="background-color"] {
    outline: 2px solid purple !important;
}

.elementor-widget-wrapper .pf-login-button[style*="background-color"],
.elementor-widget-wrapper .pf-buy-now-button[style*="background-color"] {
    outline: 2px solid pink !important;
}
*/