/*!
 * NUCLEAR ICON FIX - ULTIMATE PRIORITY
 * This file uses MAXIMUM specificity to force FontAwesome
 * Loaded LAST to override Cairo font with !important
 */

/* Re-declare FontAwesome @font-face to ensure it's available */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),
         url('../fonts/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),
         url('../fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),
         url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* NUCLEAR OPTION: Override EVERYTHING with maximum specificity */
html body .fa,
html body i.fa,
html body span.fa,
html body em.fa,
html body a .fa,
html body div .fa,
html body li .fa,
html body p .fa,
html body button .fa,
html body .fa.fa,
html body i.fa.fa,
html body [class*="fa-"],
html body i[class*="fa-"],
html body span[class*="fa-"],
html body em[class*="fa-"],
html body a [class*="fa-"],
html body div [class*="fa-"],
html body li [class*="fa-"],
html body p [class*="fa-"],
html body button [class*="fa-"],
html body .fa-search,
html body .fa-share-alt,
html body .fa-flash,
html body .fa-bolt,
html body .fa-bookmark-o,
html body .fa-calendar,
html body .fa-clock-o,
html body .fa-chevron-left,
html body .fa-chevron-right,
html body .fa-facebook,
html body .fa-twitter,
html body .fa-twitter-square,
html body .fa-instagram,
html body .fa-youtube,
html body .fa-linkedin {
    font-family: 'FontAwesome' !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    speak: none !important;
    direction: ltr !important;
    display: inline-block !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-align: left !important;
    font-variant-ligatures: none !important;
    font-feature-settings: normal !important;
}

/* Pseudo-elements with even higher specificity */
html body .fa::before,
html body .fa::after,
html body i.fa::before,
html body i.fa::after,
html body span.fa::before,
html body span.fa::after,
html body [class*="fa-"]::before,
html body [class*="fa-"]::after,
html body i[class*="fa-"]::before,
html body i[class*="fa-"]::after,
html body span[class*="fa-"]::before,
html body span[class*="fa-"]::after,
html body a [class*="fa-"]::before,
html body div [class*="fa-"]::before,
html body li [class*="fa-"]::before,
html body p [class*="fa-"]::before,
html body button [class*="fa-"]::before {
    font-family: 'FontAwesome' !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    direction: ltr !important;
    text-align: left !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-variant-ligatures: none !important;
    font-feature-settings: normal !important;
}

/* Triple specificity for stubborn cases */
html body div.header .fa,
html body div.header [class*="fa-"],
html body div.footer .fa,
html body div.footer [class*="fa-"],
html body nav .fa,
html body nav [class*="fa-"],
html body .menubar .fa,
html body .menubar [class*="fa-"],
html body .widget .fa,
html body .widget [class*="fa-"],
html body .social .fa,
html body .social [class*="fa-"],
html body .search .fa,
html body .search [class*="fa-"],
html body form .fa,
html body form [class*="fa-"] {
    font-family: 'FontAwesome' !important;
}

/* Mobile responsive - maximum priority */
@media (max-width: 768px) {
    html body .fa,
    html body [class*="fa-"],
    html body i.fa,
    html body i[class*="fa-"],
    html body span.fa,
    html body span[class*="fa-"],
    html body em.fa,
    html body em[class*="fa-"] {
        font-family: 'FontAwesome' !important;
        direction: ltr !important;
        font-variant-ligatures: none !important;
    }
}

/* RTL override for icons */
html[dir="rtl"] body .fa,
html[dir="rtl"] body [class*="fa-"],
html[dir="rtl"] body i.fa,
html[dir="rtl"] body i[class*="fa-"],
body[dir="rtl"] .fa,
body[dir="rtl"] [class*="fa-"],
body[dir="rtl"] i.fa,
body[dir="rtl"] i[class*="fa-"] {
    font-family: 'FontAwesome' !important;
    direction: ltr !important;
    unicode-bidi: normal !important;
}

/* Specific icon classes that must work */
.fa-search::before { content: "\f002" !important; }
.fa-facebook::before { content: "\f09a" !important; }
.fa-twitter::before { content: "\f099" !important; }
.fa-twitter-square::before { content: "\f081" !important; }
.fa-instagram::before { content: "\f16d" !important; }
.fa-share-alt::before { content: "\f1e0" !important; }
.fa-flash::before,
.fa-bolt::before { content: "\f0e7" !important; }
.fa-bookmark-o::before { content: "\f097" !important; }

/* Override any other icon libraries */
.dashicons,
.dashicons-before::before,
[class*="icon-"],
i[class*="icon-"] {
    font-style: normal !important;
}

/* ======================================================
   MODERN TRENDING SECTION HEADING DESIGN
   ====================================================== */

/* Modern badge-style heading for trending section */
html body #section-7 .heading-default h3,
html body div#section-7 div.heading-default h3,
#section-7 .heading-default h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 8px 24px !important;
    border: none !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
    border-radius: 25px !important;
    display: inline-block !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: visible !important;
    max-width: fit-content !important;
}

/* Remove the diamond shape below */
html body #section-7 .heading-default h3::after,
html body div#section-7 div.heading-default h3::after,
#section-7 .heading-default h3::after {
    display: none !important;
}

/* Add a subtle shine effect */
html body #section-7 .heading-default h3::before,
html body div#section-7 div.heading-default h3::before,
#section-7 .heading-default h3::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent) !important;
    transition: left 0.5s ease !important;
}

/* Shine animation on hover */
html body #section-7 .heading-default h3:hover::before,
html body div#section-7 div.heading-default h3:hover::before,
#section-7 .heading-default h3:hover::before {
    left: 100% !important;
}

/* Hover effect */
html body #section-7 .heading-default h3:hover,
html body div#section-7 div.heading-default h3:hover,
#section-7 .heading-default h3:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
}

/* Center the heading */
html body #section-7 .heading-default,
html body div#section-7 div.heading-default,
#section-7 .heading-default {
    text-align: center !important;
    margin-bottom: 30px !important;
}

/* Optional: Add icon before text */
#section-7 .heading-default h3::after {
    content: '' !important;
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    background: #fff !important;
    border-radius: 50% !important;
    margin-right: 10px !important;
    margin-left: 0 !important;
    animation: pulse 2s infinite !important;
    position: relative !important;
    top: -2px !important;
    left: auto !important;
    bottom: auto !important;
    border: none !important;
    transform: none !important;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

/* Alternative modern design options (commented out) */
/*
Option 2: Minimal underline style
#section-7 .heading-default h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 0 0 12px 0 !important;
    border: none !important;
    border-bottom: 3px solid #667eea !important;
    background: transparent !important;
    color: #333 !important;
    display: inline-block !important;
}

Option 3: Soft rounded box
#section-7 .heading-default h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border: 2px solid #667eea !important;
    background: rgba(102, 126, 234, 0.05) !important;
    color: #667eea !important;
    border-radius: 8px !important;
    display: inline-block !important;
}
*/

/* ======================================================
   PROFESSIONAL CONTACT PAGE STYLING
   ====================================================== */

/* Contact Page Background */
.page-id-712 .post-section,
.page-id-712 #av-primary-content {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%) !important;
    padding: 60px 20px !important;
}

/* Hide default page title if exists */
.page-id-712 .entry-title,
.page-id-712 .page-title {
    display: none !important;
}

/* Contact Page Container */
.page-id-712 .wpforms-container,
.wpforms-container,
body.page-id-712 .wpforms-container {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 15px 60px rgba(0, 0, 0, 0.15) !important;
    padding: 50px 40px !important;
    margin: 40px auto !important;
    max-width: 800px !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Add decorative gradient accent */
.page-id-712 .wpforms-container::before,
.wpforms-container::before,
body.page-id-712 .wpforms-container::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
}

/* Form Header Styling */
.page-id-712 .wpforms-container h5,
.wpforms-container h5,
body.page-id-712 .wpforms-container h5,
body.page-id-712 h5 {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
    margin-bottom: 40px !important;
    text-align: center !important;
    position: relative !important;
    padding-bottom: 20px !important;
    margin-top: 0 !important;
}

.page-id-712 .wpforms-container h5::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    width: 60px;
    height: 4px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-radius: 2px;
}

/* Field Container Spacing */
.page-id-712 .wpforms-field-container {
    display: grid !important;
    gap: 25px !important;
}

/* Label Styling */
.page-id-712 .wpforms-field-label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #34495e !important;
    margin-bottom: 10px !important;
    display: block !important;
    text-align: right !important;
}

/* Required Asterisk */
.page-id-712 .wpforms-required-label {
    color: #e74c3c !important;
    margin-right: 3px !important;
}

/* Input Fields Styling */
.page-id-712 .wpforms-field input[type="text"],
.page-id-712 .wpforms-field input[type="email"],
.page-id-712 .wpforms-field input[type="number"],
.page-id-712 .wpforms-field textarea,
.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="number"],
.wpforms-field textarea,
body.page-id-712 input[type="text"],
body.page-id-712 input[type="email"],
body.page-id-712 input[type="number"],
body.page-id-712 textarea {
    width: 100% !important;
    padding: 15px 20px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #2c3e50 !important;
    background: #f8f9fa !important;
    border: 2px solid #e9ecef !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    font-family: 'Cairo', sans-serif !important;
    direction: rtl !important;
}

/* Input Focus State */
.page-id-712 .wpforms-field input[type="text"]:focus,
.page-id-712 .wpforms-field input[type="email"]:focus,
.page-id-712 .wpforms-field input[type="number"]:focus,
.page-id-712 .wpforms-field textarea:focus {
    background: #ffffff !important;
    border-color: #667eea !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1) !important;
    transform: translateY(-2px) !important;
}

/* Textarea Specific */
.page-id-712 .wpforms-field textarea {
    min-height: 150px !important;
    resize: vertical !important;
}

/* Submit Button Styling */
.page-id-712 .wpforms-submit,
.wpforms-submit,
body.page-id-712 .wpforms-submit,
body.page-id-712 button[type="submit"] {
    width: 100% !important;
    padding: 18px 40px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.4s ease !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
    font-family: 'Cairo', sans-serif !important;
    margin-top: 15px !important;
}

/* Submit Button Hover */
.page-id-712 .wpforms-submit:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4) !important;
}

/* Submit Button Active */
.page-id-712 .wpforms-submit:active {
    transform: translateY(-1px) !important;
}

/* Loading Spinner */
.page-id-712 .wpforms-submit-spinner {
    margin-right: 10px !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-id-712 .wpforms-container {
        padding: 35px 25px;
        margin: 20px 15px;
        border-radius: 15px;
    }

    .page-id-712 .wpforms-container h5 {
        font-size: 26px !important;
        margin-bottom: 30px !important;
    }

    .page-id-712 .wpforms-field-container {
        gap: 20px !important;
    }

    .page-id-712 .wpforms-submit {
        font-size: 16px !important;
        padding: 16px 35px !important;
    }
}

/* Success/Error Messages */
.page-id-712 .wpforms-confirmation-container-full {
    background: linear-gradient(135deg, #00b894, #00cec9) !important;
    color: #ffffff !important;
    padding: 30px !important;
    border-radius: 12px !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    box-shadow: 0 8px 25px rgba(0, 184, 148, 0.3) !important;
}

.page-id-712 .wpforms-error {
    color: #e74c3c !important;
    font-size: 14px !important;
    margin-top: 8px !important;
    font-weight: 500 !important;
}

/* Contact Info Section Enhancement */
.page-id-712 .elementor-widget-text-editor {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
    padding: 35px !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 30px !important;
}

.page-id-712 .elementor-widget-text-editor h3,
.page-id-712 .elementor-widget-text-editor h4 {
    color: #2c3e50 !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    position: relative !important;
    padding-right: 20px !important;
}

.page-id-712 .elementor-widget-text-editor h3::before,
.page-id-712 .elementor-widget-text-editor h4::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 25px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-radius: 3px;
}

.page-id-712 .elementor-widget-text-editor p {
    color: #5a6c7d !important;
    line-height: 1.8 !important;
    margin-bottom: 12px !important;
}

/* Add icon-like styling for contact details */
.page-id-712 .elementor-widget-text-editor a {
    color: #667eea !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    font-weight: 600 !important;
}

.page-id-712 .elementor-widget-text-editor a:hover {
    color: #764ba2 !important;
    padding-right: 5px !important;
}