.ers-calculator-box {


max-width:700px;

margin:30px auto;

padding:25px;

background:#ffffff;

border-radius:18px;

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

direction:rtl;

text-align:right;

font-family:inherit;


}







.ers-calculator-box h2 {


text-align:center;

font-size:26px;

margin-bottom:30px;

color:#222;


}








/* گروه فرم */

.ers-form-group {


margin-bottom:25px;


}








.ers-form-group label {


display:block;

font-weight:bold;

margin-bottom:10px;


}








.ers-form-group input {


width:100%;

height:50px;

padding:12px;

background:#fff;

border:1px solid #d4af37;

border-radius:10px;

font-size:16px;

box-sizing:border-box;


}









/* نمایش تومان */

#ers_toman_preview {


margin-top:8px;

font-size:14px;

color:#555;

font-weight:bold;


}











/* آکاردئون ها */

.ers-section {


background:#fff;

border:2px solid #d4af37;

border-radius:15px;

margin-bottom:18px;

padding:15px;


}








.ers-section summary {


cursor:pointer;

font-size:18px;

font-weight:bold;

color:#222;

padding:8px;

list-style:none;


}








.ers-section summary::-webkit-details-marker {


display:none;


}








.ers-section summary:after {


content:"+";

float:left;

color:#d4af37;

font-size:22px;


}








.ers-section[open] summary:after {


content:"−";


}








.ers-section label {


display:flex;

align-items:center;

gap:10px;

margin:15px 0;

font-size:15px;

color:#333;


}








.ers-section input[type="number"] {


width:140px;

margin-right:auto;

padding:10px;

height:42px;

background:#ffffff;

border:1px solid #d4af37;

border-radius:8px;

color:#000;


}








.ers-section input[type="checkbox"],

.ers-section input[type="radio"] {


width:18px;

height:18px;


}









/* دکمه */

#ers_calculate {


width:100%;

height:55px;

margin-top:20px;

background:#d4af37;

color:#000;

border:none;

border-radius:12px;

cursor:pointer;

font-size:18px;

font-weight:bold;


}








#ers_calculate:hover {


background:#b89020;


}











/* نتیجه */

#ers_result {


margin-top:30px;


}








.ers-result-box {


background:#fff;

border:2px solid #d4af37;

border-radius:15px;

padding:20px;


}








.ers-result-box h3 {


text-align:center;

margin-bottom:20px;


}








.ers-table {


width:100%;

border-collapse:collapse;


}








.ers-table th {


background:#f7e7b0;

padding:12px;

text-align:center;


}








.ers-table td {


padding:12px;

border-bottom:1px solid #eee;

text-align:center;


}








.ers-table small {


display:block;

margin-top:5px;

font-size:12px;

color:#555;


}








.ers-total {


margin-top:20px;

padding:15px;

background:#fff8df;

border-radius:10px;

border:1px solid #d4af37;


}








.ers-note {


margin-top:15px;

padding:12px;

background:#f9f9f9;

border-radius:8px;

font-size:14px;

text-align:center;


}








.ers-empty {


padding:15px;

background:#fff3cd;

border-radius:10px;

text-align:center;


}











/* موبایل */

@media(max-width:600px){



.ers-calculator-box {


    padding:15px;

    margin:10px;


}








.ers-section label {


    flex-wrap:wrap;


}








.ers-section input[type="number"] {


    width:100%;

    margin-top:8px;


}








.ers-table {


    font-size:13px;


}








.ers-table th,

.ers-table td {


    padding:8px;


}



}

/* دکمه های کپی، اشتراک گذاری و چاپ */

.ers-actions {

    display:flex;

    gap:10px;

    margin-top:12px;

    width:100%;

}


.ers-action-btn {

    flex:1;

    height:48px;

    background:#f3f3f3;

    color:#222;

    border:1px solid #d4af37;

    border-radius:10px;

    cursor:pointer;

    font-size:15px;

    font-weight:bold;

    transition:all .2s ease;

}


.ers-action-btn:hover {

    background:#d4af37;

    color:#000;

}


.ers-action-btn:active {

    transform:scale(.98);

}


@media(max-width:600px){

    .ers-actions {

        gap:7px;

    }


    .ers-action-btn {

        height:45px;

        font-size:14px;

    }

}