/* Container - ایجاد محدوده اختصاصی */
.ara-implant-calculator {
    width: 100%;
    max-width: 420px;
    box-sizing: border-box;
    color: #1B263B;
    font-family: inherit;
    margin: 0 auto;
}

/* Input Fields - حل مشکل عدم نمایش بردر */
.ara-implant-calculator .ara-input {
    width: 100%;
    height: 42px;
    padding: 8px 12px;
    background-color: #FDFEFF !important; 
    border: 1px solid #C5A059 !important; /* بردر طلایی */
    border-radius: 6px;
    color: #1B263B !important;
    font-size: 14px;
    box-shadow: none !important; /* حذف سایه‌های احتمالی قالب */
    margin: 0;
}

/* Buttons - حل مشکل رنگ قرمز دکمه */
.ara-implant-calculator .ara-calc-button,
.ara-implant-calculator .ara-call-button {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff !important; /* زمینه سفید */
    border: 1px solid #C5A059 !important; /* بردر طلایی */
    color: #C5A059 !important; /* متن طلایی */
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 6px;
    margin-top: 10px;
    appearance: none; /* حذف استایل پیش‌فرض دکمه‌های مرورگر */
}

/* Button Hover - حل مشکل هاور */
.ara-implant-calculator .ara-calc-button:hover,
.ara-implant-calculator .ara-call-button:hover {
    background-color: #C5A059 !important; /* زمینه طلایی */
    color: #ffffff !important; /* متن سفید */
    border: 1px solid #C5A059 !important;
}

/* Result Box */
.ara-implant-calculator .ara-result-box {
    margin-top: 14px;
    padding: 12px;
    border: 1px solid #C5A059;
    border-radius: 8px;
    background: #ffffff;
}

.ara-implant-calculator .ara-result-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #C5A059;
    color: #1B263B;
}

.ara-implant-calculator .ara-result-row:last-child {
    border-bottom: none;
}