/**
 * RTL override stylesheet for Easy Invoice admin chrome.
 *
 * Loaded by WordPress automatically (via wp_style_add_data + 'append')
 * after easy-invoice.css when is_rtl() is true. Only overrides the
 * directional rules in the base file — everything non-directional
 * (colors, sizes, gradients, transitions) is inherited.
 *
 * Tailwind utility classes used directly in template markup are NOT
 * mirrored here. For full RTL flipping of Tailwind utilities, templates
 * should use logical-property variants (e.g. `ms-4` instead of `ml-4`,
 * `start-0` instead of `left-0`) or wrap markup in elements that flip
 * via the `rtl:` Tailwind variant.
 *
 * Source rules being overridden are in assets/css/easy-invoice.css —
 * each block below mirrors a specific rule by line range.
 *
 * @package EasyInvoice
 */

/* easy-invoice.css:213 — .custom-table th */
.custom-table th { text-align: right; }

/* easy-invoice.css:262 — .notification-container fixed to right edge in LTR */
.notification-container { right: auto; left: 1rem; }

/* easy-invoice.css:270 — .notification slide animation in from the side */
.notification { transform: translateX(-100%); }
.notification.translate-x-0   { transform: translateX(0); }
.notification.translate-x-full { transform: translateX(-100%); }

/* easy-invoice.css:295,303 — notification inner spacing */
.notification-icon  { margin-right: 0; margin-left: 0.75rem; }
.notification-close { margin-left: 0;  margin-right: 1rem; }

/* easy-invoice.css:423 — WP admin sidebar moves to right edge in RTL.
   WordPress core already swaps the body class, but our custom border
   needs flipping too. */
#adminmenuback,
#adminmenuwrap,
#adminmenu {
    border-right: 0;
    border-left: 1px solid #e5e7eb;
}

/* easy-invoice.css:431, 447, 458 — active-state borders on menu items */
#adminmenu a.menu-top {
    border-left: 0;
    border-right: 3px solid transparent;
}
#adminmenu li.menu-top:hover > a {
    border-left-color: transparent;
    border-right-color: #d1d5db;
}
#adminmenu li.wp-has-current-submenu > a.wp-has-current-submenu,
#adminmenu li.wp-has-current-submenu > a.wp-has-current-submenu:focus {
    border-left-color: transparent;
    border-right-color: #4f46e5;
}
#adminmenu .wp-submenu a {
    padding: 8px 36px 8px 16px;
    border-left: 0;
    border-right: 3px solid transparent;
}
#adminmenu .wp-submenu a:hover {
    border-left-color: transparent;
    border-right-color: #d1d5db;
}
#adminmenu .wp-submenu li.current a,
#adminmenu .wp-submenu li.current a:hover {
    border-left-color: transparent;
    border-right-color: #4f46e5;
}

/* easy-invoice.css:520 — .section-heading .gateway-icon */
.section-heading .gateway-icon {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* easy-invoice.css:540 — .info-box::before is a top accent bar.
   It already spans left:0; right:0 so no change needed. */

/* easy-invoice.css:549 — .info-box .info-icon-wrapper */
.info-box .info-icon-wrapper {
    margin-right: 0;
    margin-left: 1.25rem;
}

/* easy-invoice.css:585 — .info-secondary side rail */
.info-secondary {
    padding-left: 0;
    padding-right: 0.5rem;
    border-left: 0;
    border-right: 3px solid #e5e7eb;
}

/* easy-invoice.css:593 — .status-box .gateway-icon */
.status-box .gateway-icon {
    margin-right: 0;
    margin-left: 1rem;
}

/* easy-invoice.css:715 — .gateway-card-info side rail */
.gateway-card-info,
[class*="gateway-card-info"] {
    border-left: 0;
    border-right: 3px solid #6366f1;
}

/* easy-invoice.css:764 — .gateway-card .custom-checkbox */
.gateway-card .custom-checkbox {
    margin-right: 0;
    margin-left: 1rem;
}

/* easy-invoice.css:900 — .easy-invoice-admin-page-header full-bleed margins.
   margin-left / margin-right are already symmetric (both -2rem) so the
   negative-margin trick stays identical under RTL. padding likewise.
   No override needed. Kept here as a documented no-op. */

/* easy-invoice.css:969 — skip-link top-left anchor */
.easy-invoice-admin .easy-invoice-skip-link:focus {
    left: auto;
    right: 1rem;
}