/* Era Design Studio - Custom overrides for static site */

/* Fix: Make all Elementor animated elements visible immediately */
/* Elementor hides these until JS triggers animations - we force visibility */
.elementor-invisible {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix: Ensure menu navigation is visible and properly styled */
.elementor-nav-menu--main,
.elementor-nav-menu__container,
.elementor-widget-nav-menu {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix: Ensure hero/banner video container is visible */
.elementor-background-video-container {
    opacity: 1 !important;
}

/* Fix: Ensure sticky header is visible */
.e--sticky {
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================ */
/* DROPDOWN MENU FIX - Pure CSS hover fallback  */
/* SmartMenus JS may not fully initialize on    */
/* static site, so we use CSS :hover instead    */
/* ============================================ */

/* Show sub-menus on hover */
.elementor-nav-menu--main .elementor-nav-menu li:hover > ul,
.elementor-nav-menu--main .elementor-nav-menu li:focus-within > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Position sub-menus correctly */
.elementor-nav-menu--main .elementor-nav-menu > li > ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    min-width: 240px;
    max-width: 320px;
    width: max-content;
    background-color: #1a1a1a;
    border: none;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    padding: 8px 0;
}

/* Nested sub-menus (3rd level) */
.elementor-nav-menu--main .elementor-nav-menu ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 10000;
    min-width: 240px;
    max-width: 320px;
    width: max-content;
    background-color: #1a1a1a;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    padding: 8px 0;
}

/* Sub-menu link styling */
.elementor-nav-menu--main .elementor-nav-menu ul a,
.elementor-nav-menu--main .elementor-nav-menu ul a:visited {
    color: #ccc !important;
    padding: 10px 24px !important;
    font-size: 13px;
    border-left: none !important;
    white-space: normal !important;
    word-wrap: break-word;
    line-height: 1.5;
    transition: background 0.2s, color 0.2s;
}

.elementor-nav-menu--main .elementor-nav-menu ul a:hover {
    background-color: #333 !important;
    color: #fff !important;
}

/* Ensure parent li has relative positioning */
.elementor-nav-menu--main .elementor-nav-menu > li {
    position: relative;
}

.elementor-nav-menu--main .elementor-nav-menu li {
    position: relative;
}

/* Sub-arrow indicator for items with children */
.elementor-nav-menu .sub-arrow {
    display: inline-flex !important;
    margin-left: 5px;
}

/* Hide sub-menus by default (override the SmartMenus inline styles) */
.elementor-nav-menu--main .elementor-nav-menu ul {
    display: none;
}

/* Logo sizing constraint for header */
.elementor-widget-image img[src*="era-logo"] {
    max-height: 80px;
    width: auto;
    object-fit: contain;
}

/* === Era Design Studio demo: products display-only, orders placed manually ===
   Hide ALL cart, login, account, and checkout UI across the whole site. */

/* Cart icons/widgets in header, mobile menu, footer — all 6 instances site-wide */
.elementor-widget-woocommerce-menu-cart,
.woocommerce-mini-cart,
.widget_shopping_cart,
.widget_shopping_cart_content,
.cart-contents,
.cart-contents .count,
.elementor-menu-cart,
.elementor-menu-cart__container,
.elementor-menu-cart__wrapper,
.elementor-menu-cart__toggle,
.elementor-menu-cart__toggle_wrapper,
.elementor-menu-cart__toggle_button,
.elementor-menu-cart__main,
.elementor-menu-cart__close-button,
.woocommerce-cart-form,
.cart-collaterals,
.cart_totals,
.wc-proceed-to-checkout,
.woocommerce-checkout,
.woocommerce-shipping-calculator,
.coupon,
.quantity .qty {
    display: none !important;
    visibility: hidden !important;
}

/* My Account / login / register links wherever they appear */
a[href*="/my-account"],
a[href*="/wp-login"],
a[href*="action=login"],
a[href*="action=register"],
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
    display: none !important;
}

/* "Person" icon → hide the clickable <a> itself. era-custom.js walks up and hides
   the parent widget. Avoid :has() — it was freezing the renderer on this page. */
a.elementor-icon[href*="/my-account"],
a.elementor-icon[href*="/wp-login"] {
    display: none !important;
}

/* Add-to-cart buttons on product pages — hide entirely (manual orders) */
.add_to_cart_button,
.ajax_add_to_cart,
.single_add_to_cart_button,
button.single_add_to_cart_button,
form.cart,
.woocommerce-grouped-product-list-item__quantity,
.added_to_cart,
.wc-forward,
.product-add-to-cart-wrapper {
    display: none !important;
}

/* Keep product info visible */
.woocommerce-product-details__short-description,
.product_meta,
.woocommerce-tabs,
.woocommerce-Price-amount,
.price {
    display: block !important;
}

/* Hide newsletter/subscription forms that won't work */
.mc4wp-form,
.newsletter-form {
    display: none !important;
}