.ttw-wrap{max-width:720px;margin:0 auto;padding:16px 8px;direction:rtl;text-align:right;font-family:system-ui,sans-serif}
.ttw-tabs-pill{display:flex;background:#eef2f6;border-radius:12px;padding:6px;margin-bottom:20px}
.ttw-tab-btn{flex:1;border:0;background:transparent;padding:10px 14px;border-radius:10px;color:#8b93a1;cursor:pointer;font-weight:600}
.ttw-tab-btn.ttw-active{background:#fff;color:#0f172a;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.ttw-panel{display:none;margin-top:18px}
.ttw-panel.ttw-show{display:block}
.ttw-field-label{display:block;color:#6b7280;margin-bottom:10px;font-size:.9rem}
.ttw-input{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;background:#fff;font-size:1rem}
.ttw-hr{height:1px;background:#e5e7eb;margin:18px 0}
.ttw-help{font-size:.8rem;color:#9ca3af}
.ttw-submit{width:100%;background:#083aa9;color:#fff;border:0;border-radius:12px;padding:14px 18px;font-weight:800;cursor:pointer;margin-top:18px}
.ttw-submit:hover{background:#072e87}
@media (max-width:600px){}

/* ===== RTL + intl-tel-input با Flex ===== */
/* ===== RTL + intl-tel-input با Flex (پرچم راست، متن LTR) ===== */
.ttw-wrap.ttw-rtl { direction: rtl; text-align: right; }

/* خود کامپوننت: پرچم راست، اینپوت چپ */
.ttw-wrap.ttw-rtl .iti{
    display: flex !important;
    flex-direction: row-reverse !important;  /* پرچم در سمت راست */
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
}

/* پرچم از حالت absolute خارج شود تا داخل فلکس بیاید */
.ttw-wrap.ttw-rtl .iti .iti__flag-container{
    position: static !important;            /* مهم */
    inset: auto !important;
    right: auto !important;
    left: auto !important;
    order: 0 !important;
}

/* باکس پرچم کمی جمع‌وجور */
.ttw-wrap.ttw-rtl .iti .iti__selected-flag{
    height: 44px !important;
    padding: 6px 8px !important;
    display: flex !important;
    align-items: center !important;
}

/* خود input: LTR و چپ‌چین، بدون padding‌های دست‌کاری قبلی */
.ttw-wrap.ttw-rtl .iti input[type="tel"]{
    flex: 1 1 auto !important;
    direction: ltr !important;
    text-align: left !important;
    padding: 12px 14px !important;
    height: 44px !important;
}

/* لیست کشور زیرِ پرچم سمت راست باز شود (بسته به نسخه یکی از این‌ها می‌گیرد) */
.ttw-wrap.ttw-rtl .iti .iti__country-list,
.ttw-wrap.ttw-rtl .iti .iti__dropdown-content{
    right: 0 !important;
    left: auto !important;
    max-height: 260px !important;
}

/* Placeholder هم LTR باشد */
.ttw-wrap.ttw-rtl input::placeholder{
    direction: ltr !important;
    text-align: left !important;
}