/* ==========================================================================
   RTL — nadpisania kierunkowości dla wersji arabskiej (dir="rtl")
   Ładowany warunkowo w includes/header.php tylko dla $current_lang === 'ar'.
   Układ oparty na flexboksie lustrzy się sam — tu tylko elementy pozycjonowane
   absolutnie oraz jednostronne paddingi/marginesy/bordery.
   ========================================================================== */

/* ========== MENU GŁÓWNE (style.css) ========== */

/* Podkreślenie linku menu — animacja od prawej */
[dir="rtl"] .menu-link::after {
    left: auto;
    right: 0;
    transform-origin: right;  /* podkreślenie animowane scaleX (Etap 2) musi rosnąć od prawej */
}

/* Dropdown języków — przełącznik jest w RTL przy lewej krawędzi,
   dropdown musi rozwijać się w stronę treści (w prawo) */
[dir="rtl"] .language-dropdown {
    right: auto;
    left: 0;
}

/* ========== ELEMENTY PŁYWAJĄCE (style.css) ========== */

[dir="rtl"] .sticky-cta-button {
    right: auto;
    left: 30px;
}

[dir="rtl"] .floating-social-bar {
    right: auto;
    left: 20px;
}

/* ========== KARTY I AKORDEONY (style.css) ========== */

/* Pasek gradientu na górze karty — od prawej */
[dir="rtl"] .card::before,
[dir="rtl"] .service-card::before,
[dir="rtl"] .feature-card::before {
    background: linear-gradient(270deg, var(--color-accent) 0%, transparent 100%);
    transform-origin: right;
}

[dir="rtl"] .accordion-icon {
    margin-left: 0;
    margin-right: 15px;
}

[dir="rtl"] .accordion-answer ul,
[dir="rtl"] .accordion-answer ol {
    padding-left: 0;
    padding-right: 20px;
}

/* ========== FORMULARZE (style.css) ========== */

[dir="rtl"] .error-message {
    border-left: none;
    border-right: 3px solid #dc3545;
}

[dir="rtl"] .success-message {
    border-left: none;
    border-right: 3px solid #28a745;
}

/* Strzałka selecta — po lewej stronie pola */
[dir="rtl"] select.form-control {
    background-position: left 12px center;
    padding-right: 15px;
    padding-left: 40px;
}

/* Numery telefonów — bez izolacji bidi RTL odwraca kolejność grup cyfr
   (665 885 775 → 775 885 665) */
[dir="rtl"] a[href^="tel:"] {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Dane wpisywane łacinką/cyframi (e-mail, telefon, VIN) — kierunek LTR,
   arabski placeholder pozostaje wyrównany do prawej */
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[name="vin"] {
    direction: ltr;
    text-align: left;
}

[dir="rtl"] input[type="email"]::placeholder,
[dir="rtl"] input[type="tel"]::placeholder,
[dir="rtl"] input[name="vin"]::placeholder {
    direction: rtl;
    text-align: right;
}

/* ========== STOPKA (style.css) ========== */

[dir="rtl"] .footer-links a:hover {
    padding-left: 0;
    padding-right: 5px;
}

/* ========== COOKIES (style.css) ========== */

[dir="rtl"] .cookie-switch input[type="checkbox"]::before {
    left: auto;
    right: 3px;
}

[dir="rtl"] .cookie-switch input[type="checkbox"]:checked::before {
    transform: translateX(-24px);
}

/* ========== KONTAKT (contact.css) ========== */

[dir="rtl"] .btn-link:hover {
    transform: translateX(-5px);
}

/* ========== FAQ (faq.css) ========== */

[dir="rtl"] .faq-search input {
    padding: 20px 60px 20px 20px;
}

[dir="rtl"] .faq-search i {
    left: auto;
    right: 25px;
}

[dir="rtl"] .accordion-header h3 {
    padding-right: 0;
    padding-left: 20px;
}

[dir="rtl"] .accordion-content-inner ul,
[dir="rtl"] .accordion-content-inner ol {
    padding-left: 0;
    padding-right: 20px;
}

/* ========== OFERTA (services.css) ========== */

[dir="rtl"] .service-list li {
    padding-left: 0;
    padding-right: 30px;
}

[dir="rtl"] .service-list li i {
    left: auto;
    right: 0;
}

/* ========== DOKUMENTY PRAWNE (legal.css) ========== */

[dir="rtl"] .info-box,
[dir="rtl"] .rodo-intro {
    border-left: none;
    border-right: 4px solid var(--color-accent);
}

[dir="rtl"] .purpose-item {
    border-left: none;
    border-right: 3px solid var(--color-accent);
}

[dir="rtl"] .rights-list li,
[dir="rtl"] .recipients-list li {
    padding-left: 0;
    padding-right: 30px;
}

[dir="rtl"] .rights-list li i,
[dir="rtl"] .recipients-list li i {
    left: auto;
    right: 0;
}

[dir="rtl"] .info-note i {
    margin-right: 0;
    margin-left: 8px;
}

[dir="rtl"] .legal-content ol,
[dir="rtl"] .legal-content ul {
    padding-left: 0;
    padding-right: 30px;
}

[dir="rtl"] .info-box ol > li {
    padding-left: 0;
    padding-right: 40px;
}

[dir="rtl"] .info-box ol > li::before {
    left: auto;
    right: 0;
}

[dir="rtl"] .info-box ul {
    padding-left: 0;
    padding-right: 20px;
}

[dir="rtl"] .info-box ul li {
    padding-left: 0;
    padding-right: 25px;
}

[dir="rtl"] .info-box ul li::before {
    left: auto;
    right: 0;
}

/* ========== UŻYWANE (used-cars.css) ========== */

[dir="rtl"] .car-badge {
    right: auto;
    left: 15px;
}

/* ========== O NAS — TIMELINE (about.css) ========== */

/* Desktop: lustrzane odbicie — nieparzyste na prawo od osi, parzyste na lewo */
[dir="rtl"] .timeline-item:nth-child(odd) {
    padding-right: 0;
    padding-left: calc(50% + 40px);
    text-align: left;
}

[dir="rtl"] .timeline-item:nth-child(even) {
    padding-left: 0;
    padding-right: calc(50% + 40px);
    text-align: right;
}

[dir="rtl"] .image-badge {
    right: auto;
    left: 20px;
}

/* ========== RESPONSYWNOŚĆ ========== */

@media screen and (max-width: 1024px) {
    /* Hamburger — w RTL logo jest po prawej, przycisk idzie na lewo */
    [dir="rtl"] .mobile-menu-toggle {
        right: auto;
        left: 20px;
    }

    /* Panel menu mobilnego — wysuwa się z prawej strony */
    [dir="rtl"] .mobile-menu {
        left: auto;
        right: -100%;
        transition: right 0.3s ease;
    }

    [dir="rtl"] .mobile-menu.active {
        left: auto;
        right: 0;
        box-shadow: -2px 0 10px rgba(0,0,0,0.5);
    }

    [dir="rtl"] .mobile-menu-item {
        transform: translateX(20px);
    }

    [dir="rtl"] .mobile-menu.active .mobile-menu-item {
        transform: translateX(0);
    }
}

@media (max-width: 768px) {
    [dir="rtl"] .accordion-icon {
        margin-left: 0;
        margin-right: 10px;
    }

    [dir="rtl"] .sticky-cta-button {
        right: auto;
        left: 20px;
    }

    [dir="rtl"] .floating-social-bar {
        right: auto;
        left: 10px;
    }

    /* Wskazówka przewijania nawigacji usług — gradient przy lewej krawędzi */
    [dir="rtl"] .services-nav-section::after {
        right: auto;
        left: 0;
        background: linear-gradient(to left, transparent, var(--color-dark));
    }

    [dir="rtl"] .info-box ol > li {
        padding-left: 0;
        padding-right: 30px;
    }

    /* Timeline mobilny — oś przy prawej krawędzi */
    [dir="rtl"] .timeline::before {
        left: auto;
        right: 30px;
    }

    [dir="rtl"] .timeline-item {
        padding-left: 20px !important;
        padding-right: 80px !important;
        text-align: right !important;
    }

    [dir="rtl"] .timeline-date {
        left: auto;
        right: 30px;
        transform: translateX(50%);
    }
}

@media (max-width: 400px) {
    [dir="rtl"] .timeline-item {
        padding-left: 15px !important;
        padding-right: 70px !important;
    }
}