.dgs-box {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: nowrap;
    --dgs-w: 150px;
    --dgs-h: 42px
}

.dgs-wrap .dgs-visual,
.dgs-wrap .dgs-btn {
    box-sizing: border-box !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    background: #fff !important;
    margin: 0 !important;
}

/* قوی‌تر کردن انتخابگر برای اوررایت نشدن روی قالب‌های سرسخت */
body .dgs-wrap input.dgs-input,
#loginform .dgs-wrap input.dgs-input,
.comment-form .dgs-wrap input.dgs-input {
    box-sizing: border-box !important;
    background-color: #ffffff !important; 
    color: var(--dgs-color, #334155) !important; /* اعمال رنگ داینامیک */
    border: 1px solid #e2e8f0 !important; 
    border-radius: 8px !important;
    padding: 0 10px !important; /* حل مشکل توازن عمودی بالا و پایین */
    width: var(--dgs-w) !important; /* فیکس شدن هم‌اندازه با عرض تصویر کپچا */
    max-width: 100% !important;
    flex: 0 0 var(--dgs-w) !important;
    height: var(--dgs-h) !important;
    line-height: normal !important; /* مرکزچین شدن دقیق متن تک‌خطی */
    appearance: none !important;
    margin: 0 !important;
    font-size: 18px !important; 
    font-family: Tahoma, Arial, sans-serif !important;
    box-shadow: none !important; 
    text-align: center !important;
}

/* استایل هنگام کلیک روی اینپوت (Focus) */
body .dgs-wrap input.dgs-input:focus,
#loginform .dgs-wrap input.dgs-input:focus {
    border-color: #94a3b8 !important;
    box-shadow: 0 0 0 1px #94a3b8 !important;
    outline: none !important;
}

.dgs-visual {
    width: var(--dgs-w) !important;
    height: var(--dgs-h) !important;
    min-width: 100px;
    min-height: 36px;
    position: relative !important;
    overflow: hidden !important
}

.dgs-visual .dgs-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: fill !important;
    opacity: 1;
    transition: opacity .12s linear
}

.dgs-visual.dgs-loading .dgs-img {
    opacity: 0
}

.dgs-visual.dgs-loading::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(148, 163, 184, .12), rgba(148, 163, 184, .24), rgba(148, 163, 184, .12));
    animation: dgs-sheen 1.1s linear infinite
}

@keyframes dgs-sheen {
    0% {
        transform: translateX(-100%)
    }
    100% {
        transform: translateX(100%)
    }
}

.dgs-btn {
    width: var(--dgs-h) !important;
    height: var(--dgs-h) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    color: #334155 !important;
    position: static !important;
    cursor: pointer !important;
    border-radius: 8px !important
}

.dgs-btn svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important
}

.dgs-btn.dgs-busy svg {
    animation: dgs-spin .8s linear infinite
}

@keyframes dgs-spin {
    to {
        transform: rotate(360deg)
    }
}


.login .dgs-box {
    flex-wrap: nowrap
}

.login .dgs-wrap .dgs-input {
    width: auto;
    min-width: 80px;
    flex: 1 1 0;
    height: var(--dgs-h);
    line-height: calc(var(--dgs-h) - 16px)
}


/* Comment-form override: ensure captcha image is visible even if theme hides comment images */

.comment-form .dgs-visual .dgs-img {
    visibility: visible !important
}


.dgs-input::placeholder {
    color: #b0b0b0; /* طوسی کمرنگ */
    letter-spacing: 3px; /* فاصله دادن بین خط تیره‌ها */
    font-size: 1.1em; /* کمی بزرگ‌تر کردن برای وضوح بیشتر */
    opacity: 1; /* برای جلوگیری از رفتار پیش‌فرض بعضی مرورگرها که پلیس‌هولدر رو محو می‌کنند */
}

/* پشتیبانی از مرورگرهای مختلف */
.dgs-input::-moz-placeholder {
    color: #b0b0b0;
    letter-spacing: 3px;
    font-size: 1.1em;
    opacity: 1;
}
.dgs-input::-webkit-input-placeholder {
    color: #b0b0b0;
    letter-spacing: 3px;
    font-size: 1.1em;
}