/* YOYAKU My Account Navigation Styles */

/* Style Pre-orders link in yellow */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--preorders a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a[href*="status=preorders"],
.woocommerce-account .woocommerce-MyAccount-navigation ul li a[href*="preorders"] {
    color: #f1c40f !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

/* Remove split-ready links if they appear */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--split-ready,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a[href*="status=split-ready"],
.woocommerce-account .woocommerce-MyAccount-navigation ul li a[href*="split-ready"] {
    display: none !important;
}

/* Style active state */
.woocommerce-MyAccount-navigation ul li.is-active a[href*="preorders"] {
    background-color: rgba(241, 196, 15, 0.1) !important;
    color: #f1c40f !important;
}

/* Hover effects for preorders link */
.woocommerce-MyAccount-navigation ul li a[href*="preorders"]:hover {
    color: #e6b800 !important;
    background-color: rgba(241, 196, 15, 0.05) !important;
}

/* Pay Shipping button styles - Yellow theme */
.yyk-pay-shipping-button {
    background: #f1c40f !important;
    color: #2c3e50 !important;
    padding: 8px 16px !important;
    border: none !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}

.yyk-pay-shipping-button:hover {
    background: #e6b800 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(241, 196, 15, 0.3) !important;
}

/* Large Pay Shipping button on order details */
.yyk-pay-shipping-button-large {
    background: #2c3e50 !important;
    color: #ffffff !important;
    padding: 15px 30px !important;
    border: none !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 10px rgba(44, 62, 80, 0.3) !important;
}

.yyk-pay-shipping-button-large:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 20px rgba(44, 62, 80, 0.4) !important;
    background: #34495e !important;
}