@charset "UTF-8";
/**
 * RTL TRASH MAILS 
 * 
 *
 * @package TRASH MAILS 
 * @version 1.1.0
 * @author  lobage
 * @url   https://lobage.com/
 *
 */


/*------------------
Fonts
-------------------*/
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap");

/*------------------
Global Css
-------------------*/

body{
  font-family: "Cairo";
}


/*------------------
FrontEnd
-------------------*/

.custom-email ,.section-title p , .section-title , .copyright-text , .home-btn .btn ,.home p{
  direction: rtl;
}

.custom-email-input {
  padding: 10px 20px 10px 100px;
}

.custom-email-botton {
  right: auto;
  left: 3px;
}

.widget-title,.contact-form.article-comment h4{

  text-align: right;
}

.article-title h6 , .col-12.ov-h.subject , .view_rtl{
  direction: rtl;
  text-align: right !important;
}

/*------------------
RTL overflow guard (design2)
-------------------*/
/* The reviews honeypot is hidden with left:-9999px. That is off the LEFT edge,
   which is harmless in LTR (clipped, not counted) but in RTL the horizontal axis
   flips and the -9999px field inflates the page scroll width, producing a full-page
   sideways scrollbar. Re-hide it with the zero-footprint clip pattern (still an
   off-screen honeypot: same #id/.class, still submitted, still catches bots). This
   file loads ONLY on RTL pages, so /en, /fr and /es are unaffected. */
.d2-rev-hp {
  left: auto !important;
  right: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

/*------------------
LTR islands on Arabic (/ar)
-------------------*/
/* These carry email addresses, domains, verification codes and other Latin/technical
   values that must always read left-to-right, even on an RTL page. Scoped to
   html[lang="ar"] so they only apply to Arabic. Do NOT mirror these. */
html[lang="ar"] .d2-email-input,
html[lang="ar"] .d2-domain-select,
html[lang="ar"] .d2-domain-selected,
html[lang="ar"] .d2-domain-native,
html[lang="ar"] .d2-viewer-from-email,
html[lang="ar"] #tm-reply-to,
html[lang="ar"] .tm-reply-input[readonly],
html[lang="ar"] .d2-change-name,
html[lang="ar"] .d2-change-domain {
    direction: ltr;
    text-align: left;
}

/* Verification code: force LTR but keep it centred in its box. */
html[lang="ar"] .d2-verify-digits {
    direction: ltr;
    text-align: center;
}

/* Content-driven fields (message sender, subject) may be Arabic OR Latin. Let the
   browser pick direction from the first strong character instead of forcing either,
   so a Latin address reads LTR while an Arabic subject stays RTL. */
html[lang="ar"] .d2-sender-name,
html[lang="ar"] .d2-msg-subject,
html[lang="ar"] .d2-viewer-subject {
    unicode-bidi: plaintext;
}

/*------------------
"Save this inbox" promo card (Arabic only)
-------------------*/
/* The promo card (.d2-sponsored) is a flex row: orange circular icon (.d2-sender-icon)
   then the text body (.d2-msg-body). On the RTL page the row reverses and the icon
   lands on the right. Force just THIS card back to LTR so the icon sits on the LEFT
   (keeping its border-left orange accent on the left edge), while the text body stays
   RTL and right-aligned. Scoped to the sponsored card only — real message cards and
   /en, /fr, /es are untouched. No markup, colours, height, hover or JS change. */
html[lang="ar"] .d2-sponsored {
    direction: ltr;
}
html[lang="ar"] .d2-sponsored .d2-msg-body {
    direction: rtl;
    text-align: right;
}