/*dashboard-start*/
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: #f8db9e61;
    font-family: Tahoma, sans-serif;
}

.apa-app {
    width: 100%;
    max-width: 500px;
    min-height: 100vh;
    margin: 0 auto;
    padding: 90px 15px 115px;
    direction: rtl;
}


/* کارت توضیحات */
.info-card {
    background: rgba(255, 255, 255, .45);
    backdrop-filter: blur(15px);
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    margin-bottom: 25px;
    line-height: 2;
    color: #124944;
    font-size: 14px;
}


/* عنوان */
.section-title {
    font-size: 20px;
    font-weight: bold;
    color: #124944;
    margin-bottom: 15px;
}


/* کارت طلا */
.gold-card {
    background: rgba(255, 255, 255, .55);
    border-radius: 22px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    flex-direction: column;
    gap: 1rem;
}


.gold-name {
    font-size: 18px;
    font-weight: bold;
    color: #124944;
    max-width: 100%;
}

.gold-card,
.info-card {
    width: 100%;
}

.apa-app-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}

.price-buttons {
    display: flex;
    gap: 12px;
    width: 100%;
    flex-direction: row;
    justify-content: center;
}

.price-box {
    width: 50%;
}

.price-btn {
    flex: 1;
    border: none;
    padding: 18px 12px;
    border-radius: 15px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
}


.buy {
    background: #5ea1766b;
    color: #16803c;
    border: 1px solid #16803c;
}


.sell {
    background: #c6282838;
    color: #c62828;
    border: 1px solid #c62828;
}


.price {

    display: block;
    font-size: 17px;
font-family: sans-serif;
font-family: Tahoma, sans-serif !important;
}


/* Bottom Sheet */


.sheet-overlay {

    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    display: none;
    z-index: 99;

}


.bottom-sheet {

    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 30px 30px 0 0;
    padding: 25px;
    transition: .3s;
    z-index: 100;
    box-sizing: border-box;

}


.bottom-sheet.active {

    bottom: 0;

}


.sheet-overlay.active {

    display: block;

}


.sheet-title {

    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #124944;
    margin-bottom: 20px;

}


.close-btn {
font-family: Tahoma, sans-serif  !important;
    width: 100%;
    padding: 13px;
    border: none;
    background: #124944;
    color: white;
    border-radius: 12px;
    margin-top: 20px;

}


.input-box {
font-family: Tahoma, sans-serif  !important;
    width: 100%;
    padding: 14px;
    border-radius: 12px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    text-align: center;
    font-size: 1rem;
}

.apa-section {

    margin-bottom: 25px;

}


.apa-section-title {

    font-size: 24px;

    font-weight: bold;

    color: #124944;

    margin-bottom: 20px;

}


.apa-product-card {

    background: rgba(255, 255, 255, .55);

    backdrop-filter: blur(15px);

    border-radius: 20px;

    padding: 18px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, .08);

}


.product-name {

    font-size: 16px;

    font-weight: bold;

    color: #333;

    margin-bottom: 18px;

}

.trade-wait-overlay {

    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99999;

}


.trade-wait-overlay.active {

    display: flex;

}


.trade-wait-box {

    background: white;
    width: 320px;
    border-radius: 20px;
    padding: 30px;
    text-align: center;

}


.trade-wait-box h3 {

    color: #124944;

}


#userTradeTimer {

    font-size: 40px;
    font-weight: bold;
    margin: 20px 0;

}


#cancelTradeBtn {

    width: 100%;
    padding: 12px;
    border: 0;
    border-radius: 12px;
    background: #c62828;
    color: white;
    cursor: pointer;

}

.trade-action {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
}

.buy-title {
    color: #16803c;
}

.sell-title {
    color: #c62828;
}

button.price-btn:disabled {
    background-color: #d1d5db; /* رنگ خاکستری */
    color: #6b7280; /* رنگ متن کمرنگ */
    cursor: not-allowed; /* تغییر شکل موس به حالت غیرمجاز */
    opacity: 0.7;
    border: none;
    box-shadow: none;
}

.trade-wait-box h3 {
        display: flex;
    flex-direction: column;
    align-items: center;
}

.trade-wait-box img.wp-smiley,.trade-wait-box  img.emoji {
        border-radius: 99px;
    height: 4em !important;
    width: 4em !important;
    margin-bottom: 1rem !important;

}
/*dashboard-end*/