/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/

/* =========================
   MOONLIGHT HAZE MARQUEE
========================= */

.mh-announcement{
    width:100%;
    overflow:hidden;
    background:#35105A;
    white-space:nowrap;
}

.mh-track{
    display:flex;
    width:max-content;
    animation:mhMarquee 22s linear infinite;
}

.mh-track span{
    flex:0 0 auto;
    color:#F4D27A;
    font-size:14px;
    font-weight:600;
    letter-spacing:.5px;
    padding:10px 42px;
}

@keyframes mhMarquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

@media (max-width:768px){
    .mh-track span{
        font-size:12px;
        padding:10px 28px;
    }
}

/* =========================
   MOONLIGHT HAZE SALE BADGE
========================= */

.woocommerce ul.products li.product{
    position:relative;
}

/* Astra's badge */
.ast-onsale-card,
.woocommerce .ast-onsale-card{
    position:absolute !important;
    top:14px !important;
    left:14px !important;
    z-index:999 !important;

    background:#35105A !important;
    color:#D4AF37 !important;
    border:1px solid #D4AF37 !important;

    border-radius:999px !important;
    padding:7px 14px !important;

    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-transform:uppercase !important;

    min-width:auto !important;
    min-height:auto !important;

    box-shadow:0 4px 10px rgba(53,16,90,.25);
}

/* Ensure the text itself stays gold */
.ast-onsale-card *,
.ast-onsale-card{
    color:#D4AF37 !important;
}

/* Payment Confirmation Page */
.mh-payment-upload label,
.mh-payment-upload p,
.mh-payment-upload small,
.mh-payment-upload span{
    color: #2E1065 !important; /* Moonlight deep purple */
}

/* Upload area */
.mh-payment-upload .upload-area{
    border: 1.5px dashed #D4AF37;
    background: #F9F7F3;
}

/* Click here upload text */
.mh-payment-upload .upload-area label,
.mh-payment-upload .upload-area .upload-label{
    color: #2E1065 !important;
    font-weight: 600;
    cursor: pointer;
}

/* JPG PNG text */
.mh-payment-upload .upload-area small{
    color: #8B6B2E !important;
}