/* Hide the submenu by default and only show it on hover. */
.main-nav .sub-nav {
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

.main-nav li:hover > .sub-nav {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

/* Mini cart dropdown styling */
.wc-shopping-cart .shopping-cart-inner {
    background: #ffffff;
    border: 1px solid rgba(244, 196, 0, 0.4); /* subtle brand yellow */
    border-radius: 14px;
    box-shadow:
        0 20px 40px rgba(14, 36, 51, 0.12),
        0 8px 16px rgba(14, 36, 51, 0.06);
    padding: 20px;
    transition: all 0.25s ease;
}

/* Optional: slightly stronger when open */
.wc-shopping-cart:hover .shopping-cart-inner {
    box-shadow:
        0 28px 55px rgba(14, 36, 51, 0.16),
        0 10px 20px rgba(14, 36, 51, 0.08);
}

.mini-widgets .shopping-cart-wrap {
    transform: translate3d(0, 25px, 0) !important;
}

/* Submenu styling */

.sub-nav {
    background: ##0C041C;
    border-radius: 14px;

    /* C-Tecnics card shadow */
    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.45),
        0 8px 20px rgba(0, 0, 0, 0.35);

    padding: 18px 14px 14px;
}

/* Ensure transition is enabled */
.product-action-buttons .inquiry-btn-primary {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Bounce effect */
.product-action-buttons .inquiry-btn-primary:hover {
    transform: translateY(-2px) !important;
}

/* Lock yellow background */
.product-action-buttons .inquiry-btn-primary,
.product-action-buttons .inquiry-btn-primary:hover,
.product-action-buttons .inquiry-btn-primary:focus {

    background: #F9CE26 !important;
    border-color: #F9CE26 !important;
    color: #111 !important;
}

/* Placeholder (default state) */
.popup-search-wrap input::placeholder {
    color: #bfbfbf !important; /* your nice grey */
    opacity: 1;
}

/* Actual typed text */
.popup-search-wrap input {
    color: #333 !important; /* darker, readable */
}

.popup-search-wrap input:focus {
    color: #333 !important;
    opacity: 1 !important;
}

/* Optional: keep placeholder consistent on focus */
.popup-search-wrap input:focus::placeholder {
    color: #bfbfbf !important;
}

.shopping-cart-inner .buttons .checkout {
    display: none !important;
}

.shopping-cart-inner .buttons .view-cart {
    box-shadow: none;
}