/*
Theme Name: ErfanCore Child
Theme URI: http://erfan-alin.vercel.app/
Author: Erfan Alin
Author URI: http://erfan-alin.vercel.app/
Description: ErfanCore Child Theme
Version: 1.4
Template: norflo
Text Domain: norflo-child
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Disable lightning/border animations on all buttons */
.btn .border-style::before,
.btn .border-style::after,
.hero-btn .border-style::before,
.hero-btn .border-style::after,
.pricing-btn .border-style::before,
.pricing-btn .border-style::after {
    display: none !important;
    opacity: 0 !important;
}

.btn:hover::before,
.btn:hover::after,
.hero-btn:hover::before,
.hero-btn:hover::after,
.pricing-btn:hover::before,
.pricing-btn:hover::after {
    display: none !important;
    opacity: 0 !important;
}

.btn:hover span::before,
.btn:hover span::after,
.hero-btn:hover span::before,
.hero-btn:hover span::after,
.pricing-btn:hover span::before,
.pricing-btn:hover span::after {
    display: none !important;
    opacity: 0 !important;
}

.btn span.border-style::before,
.btn span.border-style::after,
.hero-btn span.border-style::before,
.hero-btn span.border-style::after,
.pricing-btn span.border-style::before,
.pricing-btn span.border-style::after {
    display: none !important;
    opacity: 0 !important;
}

.btn:hover span.border-style::before,
.btn:hover span.border-style::after,
.hero-btn:hover span.border-style::before,
.hero-btn:hover span.border-style::after,
.pricing-btn:hover span.border-style::before,
.pricing-btn:hover span.border-style::after {
    display: none !important;
    opacity: 0 !important;
}

/* Default button theme - Force #f51e5a color */
.btn,
.hero-btn,
.hero-btn.has-hover-effect,
.pricing-btn,
a.btn,
a.hero-btn,
a.hero-btn.has-hover-effect,
a.pricing-btn,
.button-wrapper .btn {
    background-color: #f51e5a !important;
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    color: #fff !important;
    border: none !important;
}

.btn:hover,
.hero-btn:hover,
.hero-btn.has-hover-effect:hover,
.pricing-btn:hover,
a.btn:hover,
a.hero-btn:hover,
a.hero-btn.has-hover-effect:hover,
a.pricing-btn:hover,
.button-wrapper .btn:hover {
    background-color: rgba(245, 30, 90, 0.8) !important;
    color: #fff !important;
    border: none !important;
}

/*important header*/
/* Fix header v4 spacing when logged in - Remove empty space above navbar */
.ott-platform-navbar.norflo-hide-adminbar {
    top: 0 !important;
}

/* Also fix sticky navbar spacing when logged in */
.norflo-hide-adminbar.navbar.sticky {
    top: 0 !important;
}

/* Fix offcanvas elements spacing when logged in */
.norflo-hide-adminbar.offcanvas.offcanvas-end,
.norflo-hide-adminbar.offcanvas.offcanvas-top {
    top: 0 !important;
}

/* Mobile responsive fixes */
@media only screen and (max-width: 600px) {
    .offcanvas.norflo-hide-adminbar {
        top: 0 !important;
    }
    
    .norflo-hide-adminbar.navbar.sticky {
        top: 0 !important;
    }
    
    .norflo-hide-adminbar.offcanvas.offcanvas-end,
    .norflo-hide-adminbar.offcanvas.offcanvas-top {
        top: 0 !important;
    }
}

@media only screen and (min-width: 601px) and (max-width: 760px) {
    .offcanvas.norflo-hide-adminbar {
        top: 0 !important;
    }
    
    .norflo-hide-adminbar.navbar.sticky {
        top: 0 !important;
    }
    
    .norflo-hide-adminbar.offcanvas.offcanvas-end,
    .norflo-hide-adminbar.offcanvas.offcanvas-top {
        top: 0 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 780px) {
    .norflo-hide-adminbar.navbar.sticky {
        top: 0 !important;
    }
}

/*Link issue*/

/* Disable hover effects for menu links with "#" href - More specific selectors */
.ott-platform-navbar .navbar-nav .nav-item .nav-link[href="#"]:hover {
    color: inherit !important;
    text-decoration: none !important;
    cursor: default !important;
}

/* Disable underline animation for placeholder links */
.ott-platform-navbar .navbar-nav .nav-item .nav-link[href="#"]:hover::before {
    width: 0 !important;
    opacity: 0 !important;
}

/* Also disable hover for mobile menu */
.responsive-navbar .navbar-nav .nav-item .nav-link[href="#"]:hover {
    color: inherit !important;
    text-decoration: none !important;
    cursor: default !important;
}

/* Disable hover on nav-item level for placeholder links */
.ott-platform-navbar .navbar-nav .nav-item:hover .nav-link[href="#"] {
    color: inherit !important;
}

.ott-platform-navbar .navbar-nav .nav-item:hover .nav-link[href="#"]::before {
    width: 0 !important;
    opacity: 0 !important;
}

/* EXCEPTION: Enable hover effects for specific menu items with "#" href that should act like normal links */
/* Add menu text content exceptions here - these will override the disable rules above */

/* Enable hover for "Login" menu item */
.ott-platform-navbar .navbar-nav .nav-item .nav-link[href="#"]:hover {
    color: inherit !important;
}

.ott-platform-navbar .navbar-nav .nav-item .nav-link[href="#"][title*="Login"]:hover,
.ott-platform-navbar .navbar-nav .nav-item .nav-link[href="#"][title*="login"]:hover {
    color: var(--primaryColor) !important;
    cursor: pointer !important;
}

.ott-platform-navbar .navbar-nav .nav-item .nav-link[href="#"][title*="Login"]:hover::before,
.ott-platform-navbar .navbar-nav .nav-item .nav-link[href="#"][title*="login"]:hover::before {
    width: 33px !important;
    opacity: 1 !important;
}

.ott-platform-navbar .navbar-nav .nav-item:hover .nav-link[href="#"][title*="Login"],
.ott-platform-navbar .navbar-nav .nav-item:hover .nav-link[href="#"][title*="login"] {
    color: var(--primaryColor) !important;
}

.ott-platform-navbar .navbar-nav .nav-item:hover .nav-link[href="#"][title*="Login"]::before,
.ott-platform-navbar .navbar-nav .nav-item:hover .nav-link[href="#"][title*="login"]::before {
    width: 33px !important;
    opacity: 1 !important;
}

/* You can add more exceptions here by duplicating the pattern above with different title values */
/* Example for "My Account":
.ott-platform-navbar .navbar-nav .nav-item .nav-link[href="#"][title*="My Account"]:hover,
.ott-platform-navbar .navbar-nav .nav-item .nav-link[href="#"][title*="Account"]:hover {
    color: var(--primaryColor) !important;
    cursor: pointer !important;
}
*/

/* Keep normal hover effects for actual links */
.ott-platform-navbar .navbar-nav .nav-item .nav-link:not([href="#"]):hover {
    color: var(--primaryColor) !important;
    transition: color 0.3s ease !important;
}

.ott-platform-navbar .navbar-nav .nav-item .nav-link:not([href="#"]):hover::before {
    width: 33px !important;
}

.responsive-navbar .navbar-nav .nav-item .nav-link:not([href="#"]):hover {
    color: var(--primaryColor) !important;
    transition: color 0.3s ease !important;
}

/*Hamburger*/
/* Mobile Action Buttons Container */
.mobile-action-buttons {
    margin-top: 120px;
    padding-top: 50px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

/* Mobile Button Wrapper */
.mobile-button-wrapper {
    width: 100%;
    max-width: 200px;
}

/* Mobile Button Styling - Better shape (only for mobile hamburger) */
.mobile-action-buttons .btn {
    background-color: #f51e5a !important;
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    color: #fff !important;
    border: none !important;
    padding: 16px 32px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    display: inline-block !important;
    text-align: center !important;
    width: 100% !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    min-height: 52px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.mobile-action-buttons .btn:hover {
    background-color: rgba(245, 30, 90, 0.8) !important;
    color: #fff !important;
    border: none !important;
}

/* Specific styling for login trigger */
.mobile-action-buttons .xoo-el-login-tgr {
    background-color: #f51e5a !important;
    border: none !important;
}

.mobile-action-buttons .xoo-el-login-tgr:hover {
    background-color: rgba(245, 30, 90, 0.8) !important;
}

/* Remove any conflicting button styles */
.mobile-action-buttons .btn .border-style::before,
.mobile-action-buttons .btn .border-style::after {
    display: none !important;
    opacity: 0 !important;
}

.mobile-action-buttons .btn:hover::before,
.mobile-action-buttons .btn:hover::after {
    display: none !important;
    opacity: 0 !important;
}

/* Responsive adjustments */
@media (max-width: 480px) {
    .mobile-action-buttons {
        margin-top: 80px;
        padding-top: 35px;
        gap: 12px;
    }
    
    .mobile-button-wrapper {
        max-width: 180px;
    }
    
    .mobile-action-buttons .btn {
        padding: 14px 28px !important;
        font-size: 14px !important;
        min-height: 48px !important;
    }
}




 /* Fix mobile popup input issues - Force popup to show properly */
.xoo-el-container.xoo-el-popup-active {
    visibility: visible !important;
    display: block !important;
    z-index: 999999 !important;
}

/* Ensure popup modal is above mobile menu */
.xoo-el-modal {
    z-index: 999999 !important;
    position: fixed !important;
}

/* Fix input interactions on mobile */
.xoo-el-popup input,
.xoo-el-popup textarea,
.xoo-el-popup select {
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-user-select: text !important;
    user-select: text !important;
    cursor: text !important;
}

/* Mobile-specific input fixes */
@media (max-width: 768px) {
    /* Reduce mobile menu z-index when popup is active */
    .xoo-el-popup-active ~ .responsive-navbar,
    .xoo-el-popup-active ~ .offcanvas {
        z-index: 9998 !important;
    }
    
    /* Fix input fields for mobile - More specific selectors */
    .xoo-el-popup input[type="text"],
    .xoo-el-popup input[type="email"],
    .xoo-el-popup input[type="password"],
    .xoo-aff-text,
    .xoo-aff-email,
    .xoo-aff-password {
        -webkit-appearance: none !important;
        appearance: none !important;
        font-size: 16px !important; /* Prevents iOS zoom */
        min-height: 44px !important; /* Touch-friendly */
        background-color: #fff !important;
        border: 1px solid #ccc !important;
        border-radius: 4px !important;
        padding: 10px 15px !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        -webkit-user-select: text !important;
        user-select: text !important;
        cursor: text !important;
        position: relative !important;
        z-index: 999999 !important;
    }
    
    /* Fix input containers */
    .xoo-aff-input-group,
    .xoo-el-fields-cont,
    .xoo-aff-group {
        pointer-events: auto !important;
        position: relative !important;
        z-index: 999999 !important;
    }
    
    /* Ensure popup backdrop doesn't block inputs */
    .xoo-el-opac {
        pointer-events: none !important;
    }
    
    /* Fix popup container positioning on mobile */
    .xoo-el-container {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        pointer-events: auto !important;
    }
    
    /* Nuclear option - Force all popup elements to be interactive */
    .xoo-el-container *,
    .xoo-el-modal *,
    .xoo-el-inmodal *,
    .xoo-el-wrap *,
    .xoo-el-srcont *,
    .xoo-el-main * {
        pointer-events: auto !important;
    }
    
    /* Specifically target the input fields by name */
    input[name="xoo-el-username"],
    input[name="xoo-el-password"],
    input[name="xoo_el_reg_email"],
    input[name="xoo_el_reg_pass"],
    input[name="xoo_el_reg_pass_again"],
    input[name="user_login"] {
        pointer-events: auto !important;
        touch-action: manipulation !important;
        -webkit-user-select: text !important;
        user-select: text !important;
        cursor: text !important;
        background-color: #fff !important;
        border: 2px solid #007cba !important;
        outline: none !important;
        font-size: 16px !important;
        padding: 12px !important;
        border-radius: 4px !important;
        position: relative !important;
        z-index: 9999999 !important;
    }
    
  
}

/* Global fixes outside media query */
.xoo-el-container input {
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-user-select: text !important;
    user-select: text !important;
    cursor: text !important;
}


/* Mobile header bg*/
/* Mobile header - transparent initial, glassmorphic on scroll */
  @media (max-width: 991.98px) {
      /* Initial state - transparent */
      .navbar.ott-platform-navbar {
          background-color: transparent !important;
          backdrop-filter: none !important;
          box-shadow: none !important;
          transition: all 0.3s ease !important;
      }

      /* Scrolled state - glassmorphic blur */
      .navbar.ott-platform-navbar.scrolled {
          background-color: rgba(10, 1, 2, 0.6) !important;
          backdrop-filter: blur(12px) !important;
          box-shadow: 0px 4px 30px 0px rgba(146, 139, 221, 0.1) !important;
      }

      /* Alternative scroll class names */
      .navbar.ott-platform-navbar.navbar-scrolled,
      .navbar.ott-platform-navbar.sticky {
          background-color: rgba(10, 1, 2, 0.6) !important;
          backdrop-filter: blur(12px) !important;
          box-shadow: 0px 4px 30px 0px rgba(146, 139, 221, 0.1) !important;
      }
  }