/*
 Theme Name:   Aviory
 Template:     splendour
 Version:      1.0.1
 Text Domain:  aviory
*/

/* ========================================
   CROSS-BROWSER MENU FIXES
   Tested: Chrome, Firefox, Safari, Edge
   ======================================== */

/* Reset any transforms/animations that might hide menu */
.sc_layouts_menu,
.sc_layouts_menu_default,
.menu_main_nav_area,
.sc_layouts_menu_nav {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    pointer-events: auto !important;
}

/* Force menu list items to be visible */
.sc_layouts_menu>ul,
.sc_layouts_menu_nav,
.sc_layouts_menu>ul>li,
.sc_layouts_menu_nav>li {
    visibility: visible !important;
    opacity: 1 !important;
    display: inline-block !important;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    transform: none !important;
    -webkit-transform: none !important;
}

/* Ensure menu links are clickable */
.sc_layouts_menu>ul>li>a,
.sc_layouts_menu_nav>li>a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 15px 20px;
    z-index: 100;
    position: relative;
    pointer-events: auto !important;
}

/* Fix for Firefox */
@-moz-document url-prefix() {

    .sc_layouts_menu,
    .sc_layouts_menu_nav,
    .sc_layouts_menu_nav>li,
    .sc_layouts_menu_nav>li>a {
        visibility: visible !important;
        opacity: 1 !important;
        display: inline-block !important;
    }
}

/* Fix for Safari */
@supports (-webkit-appearance: none) {

    .sc_layouts_menu,
    .sc_layouts_menu_nav {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
    }
}

/* ========================================
   SUBMENU STYLING
   ======================================== */

/* Hide submenus by default */
.sc_layouts_menu ul.sub-menu,
.sc_layouts_menu ul.submenu,
.sc_layouts_menu_nav ul.sub-menu,
.sc_layouts_menu_nav .sub-menu {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    z-index: 9999;
    padding: 10px 0;
    text-align: left;
}

/* Submenu items */
.sc_layouts_menu ul.sub-menu li,
.sc_layouts_menu ul.submenu li,
.sc_layouts_menu_nav .sub-menu li {
    display: block !important;
    width: 100%;
}

.sc_layouts_menu ul.sub-menu li a,
.sc_layouts_menu ul.submenu li a,
.sc_layouts_menu_nav .sub-menu li a {
    display: block;
    padding: 10px 20px;
    color: #333;
}

/* Show submenu on hover */
.sc_layouts_menu li:hover>ul.sub-menu,
.sc_layouts_menu li:hover>ul.submenu,
.sc_layouts_menu li.sfHover>ul.sub-menu,
.sc_layouts_menu li.sfHover>ul.submenu,
.sc_layouts_menu_nav li:hover>.sub-menu,
.sc_layouts_menu_nav li.sfHover>.sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
    -webkit-animation: none !important;
}

/* ========================================
   INSTANT QUOTE BUTTON - MOBILE VISIBLE
   ======================================== */

/* Default: Show the button */
.sc_layouts_iconed_text,
.elementor-widget-trx_sc_button,
a.sc_button[href*="quote"],
a.sc_button[href*="Quote"],
a[href*="instant-quote"],
.sc_layouts_item_button,
.sc_layouts_row_actions .sc_button,
.header_button,
.menu-item-button,
a.elementor-button[href*="quote"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Mobile: Force Instant Quote button visible */
@media (max-width: 1024px) {

    /* Show button container on mobile */
    .sc_layouts_item_button,
    .sc_layouts_row_actions,
    [class*="button"] .sc_button,
    .elementor-widget-button,
    a.sc_button[href*="quote"],
    a[href*="instant-quote"] {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Position the quote button in mobile header */
    .top_panel .sc_layouts_column_align_right .sc_layouts_item_button,
    .top_panel .sc_button.sc_button_size_normal {
        display: inline-flex !important;
        visibility: visible !important;
    }
}

@media (max-width: 768px) {

    /* Smaller button on very small screens */
    .sc_layouts_item_button .sc_button,
    a.sc_button[href*="quote"] {
        padding: 10px 15px !important;
        font-size: 11px !important;
        letter-spacing: 0.05em !important;
    }

    /* Ensure quote button shows in mobile header */
    .top_panel_mobile .sc_layouts_item_button,
    .mobile_header .sc_button,
    .menu_mobile_inner .sc_button {
        display: inline-block !important;
        visibility: visible !important;
        margin: 10px 0;
    }
}

/* Style the Instant Quote button */
a.sc_button[href*="quote"],
a.sc_button[href*="Quote"],
a[href*="instant-quote"],
.sc_button.color_style_link2 {
    background: linear-gradient(135deg, #d4af37 0%, #b8962e 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 25px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

a.sc_button[href*="quote"]:hover,
a.sc_button[href*="Quote"]:hover,
a[href*="instant-quote"]:hover {
    background: linear-gradient(135deg, #b8962e 0%, #d4af37 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(212, 175, 55, 0.4);
}

/* ========================================
   MOBILE MENU ENHANCEMENTS
   ======================================== */

@media (max-width: 1024px) {

    /* Mobile menu container */
    .menu_mobile_inner {
        background: #1a1a2e !important;
    }

    /* Mobile menu links */
    .menu_mobile_nav_area li a {
        color: #ffffff !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 15px 20px;
    }

    .menu_mobile_nav_area li a:hover {
        color: #d4af37 !important;
        background: rgba(212, 175, 55, 0.1);
    }

    /* Mobile menu close button */
    .menu_mobile_close {
        color: #d4af37 !important;
    }

    /* Add Instant Quote button to mobile menu */
    .menu_mobile_inner::after {
        content: '';
        display: block;
        height: 80px;
        /* Space for button */
    }
}

/* ========================================
   HAMBURGER MENU ICON
   ======================================== */

.sc_layouts_iconed_text.sc_layouts_menu_mobile_button,
.menu_mobile_button {
    display: none;
}

@media (max-width: 1024px) {

    .sc_layouts_iconed_text.sc_layouts_menu_mobile_button,
    .menu_mobile_button {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #ffffff !important;
    }

    .sc_layouts_iconed_text.sc_layouts_menu_mobile_button:hover,
    .menu_mobile_button:hover {
        color: #d4af37 !important;
    }
}