/* ── Language Switcher ── */
    .lang-switcher{position:relative;display:inline-flex;align-items:center;margin-right:3px}
    [dir="rtl"] .lang-switcher{margin-right:0;margin-left:12px}

    /* Button inherits tf-btn + btn-line; just override what differs */
    .lang-btn-toggle{min-width:unset!important;gap:8px;cursor:pointer;white-space:nowrap;font-family:inherit}
    .lang-btn-toggle .lchev{font-size:10px;transition:transform .3s;display:inline-block;opacity:.65;line-height:1}
    .lang-btn-toggle.open .lchev{transform:rotate(180deg)}
    /* keep hover consistent with btn-line */
    .lang-btn-toggle.open{background-color:#1563df;color:#ffffff;border-color:#1563df}
    .lang-btn-toggle.open svg path{stroke:#ffffff}

    /* Dropdown panel */
    .lang-drop-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:99999;background:#fff;border-radius:14px;box-shadow:0 12px 48px rgba(0,0,0,.14);border:1px solid #e8edf5;min-width:172px;padding:6px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease,visibility .25s}
    [dir="rtl"] .lang-drop-menu{right:auto;left:0}
    .lang-drop-menu.open{opacity:1;visibility:visible;transform:translateY(0)}

    /* Dropdown options */
    .lang-opt{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:9px;border:none;background:transparent;width:100%;text-align:left;cursor:pointer;font-size:14px;font-weight:600;color:#161e2d;transition:background .18s,color .18s;font-family:inherit}
    [dir="rtl"] .lang-opt{text-align:right}
    .lang-opt:hover{background:#ebf3fb;color:#1563df}
    .lang-opt.active{background:#ebf3fb;color:#1563df;font-weight:700}
    .lang-opt .l-flag{font-size:1.1rem;line-height:1;flex-shrink:0}
    .lang-opt .l-name{flex:1}
    .lang-opt .l-check{color:#1563df;font-size:11px;display:none;margin-left:auto}
    [dir="rtl"] .lang-opt .l-check{margin-left:0;margin-right:auto}
    .lang-opt.active .l-check{display:block}

    /* RTL: apply Cairo font */
    [dir="rtl"] body{font-family:'Cairo',sans-serif!important}
    [dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4,[dir="rtl"] h5,[dir="rtl"] h6{font-family:'Cairo',sans-serif!important}
    [dir="rtl"] p,[dir="rtl"] a,[dir="rtl"] span:not(.icon),[dir="rtl"] label,[dir="rtl"] button,[dir="rtl"] input,[dir="rtl"] select,[dir="rtl"] li:not(.icon){font-family:'Cairo',sans-serif!important}
    [dir="rtl"] .icon,
    [dir="rtl"] [class*="icon-"],
    [dir="rtl"] span[class*="icon-"],
    [dir="rtl"] i[class*="icon-"],
    [dir="rtl"] a[class*="icon-"],
    [dir="rtl"] button[class*="icon-"],
    [dir="rtl"] li[class*="icon-"]{font-family:'icomoon'!important}
    [dir="rtl"] .navigation{direction:rtl}

    /* ── Header buttons: icon-only below 990px, icon+name above ── */
    @media only screen and (max-width: 989px) {
      /* ensure the account row stays visible */
      .inner-header-right.header-account{display:flex!important;align-items:center!important}
      .lang-switcher{display:inline-flex!important}

      /* lang toggle: 44×44 pill, hide label + chevron */
      .lang-btn-toggle.tf-btn{
        display:inline-flex!important;
        min-width:44px!important;
        width:44px;
        height:44px;
        padding:0!important;
        justify-content:center;
      }
      #langLabel,.lang-btn-toggle .lchev{display:none!important}

      /* sign-in button: hide text, keep icon */
      .header-account .btn-login{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-width:44px!important;
        width:44px;
        height:44px;
        padding:0!important;
        gap:0!important;
      }
      .header-account .btn-login span{display:none!important}
      .header-account .btn-login svg{
        display:block!important;
        width:22px!important;
        height:22px!important;
        margin:0!important;
        flex-shrink:0;
      }

      /* user dropdown: hide name, keep icon */
      .header-user-dropdown .dropdown-toggle{
        min-width:44px!important;
        width:44px;
        height:44px;
        padding:0!important;
        gap:0!important;
        justify-content:center;
      }
      .header-user-dropdown .dropdown-toggle span{display:none!important}
      .header-user-dropdown .dropdown-toggle img{
        width:28px!important;
        height:28px!important;
        margin:0!important;
      }
      .header-user-dropdown .dropdown-toggle svg{
        width:22px!important;
        height:22px!important;
        flex-shrink:0;
      }
    }

    /* ── Always visible below 500px — never collapse icons ── */
    @media only screen and (max-width: 499px) {
      .inner-header-right.header-account{display:flex!important;align-items:center!important}
      .lang-switcher{display:inline-flex!important}
      .header-account .btn-login{display:inline-flex!important}
      .header-user-dropdown{display:inline-flex!important}
    }

    /* ── WhatsApp Channel join button (footer) ── */
    .btn-whatsapp-channel{display:inline-flex;align-items:center;gap:10px;background:#25D366;border-radius:12px;padding:12px 20px;text-decoration:none;transition:background .2s,transform .2s;width:fit-content}
    .btn-whatsapp-channel:hover{background:#1ebe5d;transform:translateY(-2px)}
    .btn-whatsapp-channel span{color:#fff;font-size:15px}

    /* ── Floating WhatsApp contact icon ── */
    .whatsapp-float{position:fixed;bottom:90px;right:28px;left:auto;z-index:9999;width:52px;height:52px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(37,211,102,.45);text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}
    .whatsapp-float:hover{background:#1ebe5d;transform:translateY(-3px);box-shadow:0 8px 24px rgba(37,211,102,.55)}
    [dir="rtl"] .whatsapp-float{right:auto;left:28px}

    /* ── RTL: footer-cl-1 contact list alignment ── */
    [dir="rtl"] .footer-cl-1 { text-align: right }
    [dir="rtl"] .footer .wd-social { flex-direction: row-reverse }

    /* ── RTL: star icons always LTR, box-avt avatar stays left ── */
    [dir="rtl"] .list-star { direction: ltr }
    [dir="rtl"] .box-tes-item .box-avt { flex-direction: row }

    /* ── RTL: section titles & content alignment ── */
    [dir="rtl"] .box-title:not(.text-center) { text-align: right }
    [dir="rtl"] .box-title:not(.text-center) .text-subtitle,
    [dir="rtl"] .box-title:not(.text-center) .title,
    [dir="rtl"] .box-title:not(.text-center) .desc { text-align: right }
    [dir="rtl"] .box-service .content { text-align: right }
    [dir="rtl"] .box-service .content .title,
    [dir="rtl"] .box-service .content .description { text-align: right }
    /* restore centering when title elements sit inside a nested .text-center block */
    [dir="rtl"] .box-title .text-center .text-subtitle,
    [dir="rtl"] .box-title .text-center .title,
    [dir="rtl"] .box-title .text-center .desc { text-align: center }

    /* ── Agent card: stack name row above icon row ── */
    .box-agent .content {
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
    }

    /* ── Agent card icon row ── */
    .agent-icon-row {
      display: flex !important;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      gap: 0;
    }
    .agent-icons-right { display: flex; gap: 8px; }
    .agent-icon-btn {
      display: inline-flex; align-items: center; gap: 5px;
      background: #1563df; color: #fff !important;
      border-radius: 8px; padding: 7px 10px;
      text-decoration: none; font-size: .8rem; line-height: 1;
      border: none !important;
      transition: background .2s;
    }
    .agent-icon-btn:hover { background: #0f4db8; color: #fff !important; }
    .agent-icon-btn.agent-btn-round {
      border-radius: 50%;
      width: 36px; height: 36px;
      padding: 0;
      justify-content: center;
      flex-shrink: 0;
    }
    /* override theme .box-agent .content .icon */
    .agent-icon-btn .icon {
      color: #fff !important; font-size: .9rem;
      width: auto !important; height: auto !important;
      border-radius: 0 !important; border: none !important;
    }
    .agent-icon-count { font-weight: 600; font-size: .8rem; color: #fff; }

    /* ── Agent avatar placeholder (no image) ── */
    .agent-avatar-placeholder {
      width: 100%; height: 100%; min-height: 300px;
      display: flex; align-items: center; justify-content: center;
      background: #f0f2f5;
    }
    .agent-avatar-placeholder svg {
      width: 56px; height: 56px; color: #c5cdd4;
    }

    /* ── Mobile: center WhatsApp channel button in footer ── */
    @media only screen and (max-width: 767px) {
      .btn-whatsapp-channel {
        display: flex;
        margin-left: auto;
        margin-right: auto;
      }
    }