/* کانتینرهای هر دو شورتکد */
.discount-code-container,
.discount-code-container-p1,
.discount-code-container-p2 {
    padding: 10px;
    border: 1px solid #001f8263;
    margin: 20px 0;
}

/* فیلد اینپوت */
.discount-code-input,
#discount_code_p1,
#discount_code_p2 {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* دکمه ساخت کد تخفیف */
.discount-code-button,
#apply_discount_code_p1,
#apply_discount_code_p2 {
    background-color: #005aa1;
    color: #fff;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    font-weight: bold;
}

.discount-code-button:hover,
#apply_discount_code_p1:hover,
#apply_discount_code_p2:hover {
    background-color: #0056b3;
}

/* پیام خروجی */
.discount-message,
#discount_message_p1,
#discount_message_p2 {
    margin-top: 20px;
    font-size: 16px;
}

/* لیبل (تصحیح: کلاس، نه تگ) */
.discount-code-label,
.discount-code-container label {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    color: #001198;
    margin-bottom: 6px;
    font-weight: bold;
}

/* دکمه کپی */
.copy-discount-code-button {
    background: #ffffff70;
    border-radius: 5px;
    color: blue;
    border: 1px solid blue;
    padding: 6px 10px;
    margin-inline-start: 8px;
    cursor: pointer;
}
.copy-discount-code-button:hover {
    background-color: #0056b3;
    color: #fff;
    border-color: #0056b3;
}

/* نمایش کد جدید */
span.new-discount-code {
    font-size: 27px;
    color: #F44336;
    background: #000;
    border-radius: 10px;
    padding: 2px 8px;
}

/* ورودی‌های عمومی قالب (همان استایل قبلی) */
input[type=date], input[type=email], input[type=number], input[type=password],
input[type=search], input[type=tel], input[type=text], input[type=url],
select, textarea {
    width: 100%;
    border: 1px solid #004b8775;
    border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s;
    background: #eeeeee38;
}