/*
Theme Name: VCapz Media
*/

/* WordPress replaces style.css with this file wholesale (not a merge) when
   viewing an RTL language, so it must be a complete stylesheet — importing
   the base file first means only the deltas below need maintaining. */
@import url('style.css');

/* =============================================
   RTL OVERRIDES
   Most of the theme's layout (flexbox main-axis order, text-align:center,
   translateX(-50%) self-centering) already follows CSS logical direction
   and needs no changes here. This file only touches the handful of rules
   that use *physical* left/right/direction values, which don't auto-flip.
============================================= */

/* Hero decorative orbs: mirror their corner placement so the composition
   reads as intentional rather than "flipped from English". */
.hero-orb-1 { left: auto; right: -10%; }
.hero-orb-2 { right: auto; left: -10%; }
.hero-orb-3 { right: auto; left: 20%; }

/* Section glow blobs: swap the tr/bl corner modifiers. */
.section-glow--tr { right: auto; left: -10%; }
.section-glow--bl { left: auto; right: -10%; }

/* Contact section's ambient background blob. */
.contact-section::before { left: auto; right: -10%; }

/* Branch card's hover glow accent. */
.branch-card::after { right: auto; left: -40px; }

/* Marquee: reverse scroll direction so logos travel in the same visual
   direction as RTL reading flow instead of continuing to move as if the
   page were still LTR. */
.marquee-track { animation-direction: reverse; }

/* Carousel nav: swap visual position (prev reads naturally on the right
   in RTL) and mirror the chevron glyphs themselves, since ‹ › are literal
   characters, not CSS-drawn shapes that direction-aware layout can flip
   automatically. */
.work-carousel-nav { flex-direction: row-reverse; }
.work-carousel-btn .wp-block-button__link {
  transform: scaleX(-1);
}
.work-carousel-btn .wp-block-button__link:hover {
  transform: scaleX(-1) translateY(-2px);
}

/* Blog post body quotes: flip the accent bar to the side prose actually
   starts from in RTL, matching padding to the same side. */
.blog-post-body blockquote {
  border-left: none;
  border-right: 3px solid #6366f1;
  padding: 0.5rem 1.5rem 0.5rem 0;
}

/* Hero orb ambient float keyframe uses translateX with a fixed sign;
   direction doesn't matter for a symmetric float, so no change needed
   there — only marquee's directional scroll and the carousel controls
   above are visually direction-sensitive. */