/*
Theme Name: I.V.S Theme RTL
Theme URI: http://dimabrandorf.com/
description: Custom Theme for I.V.S Website - RTL Version
Author: Dima Brandorf
Author URI: http://dimabrandorf.com/
Template: twentytwenty
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready, rtl-language-support
Text Domain: ivs-theme
*/

/* Import main styles */
@import url("style.css");

.jumbotron,
.page-description,
.feature-description,
.entry-content,
.service-container,
.textwidget,
.header-inner,
.contact-us {
    direction: rtl;
    text-align: right;
}

/* RTL background image */
#home-cta {
	direction: rtl;
}

#home-cta.img-1 {
  background-image: linear-gradient(to bottom, transparent 60%, #ffffff 100%),
	  url("/wp-content/themes/ilviptheme/images/hero-1-rtl.webp");
}

#home-cta.img-2 {
  background-image: linear-gradient(to bottom, transparent 60%, #ffffff 100%),
      url("/wp-content/themes/ilviptheme/images/hero-2-rtl.webp");
}

#home-cta.img-3 {
  background-image: linear-gradient(to bottom, transparent 60%, #ffffff 100%),
      url("/wp-content/themes/ilviptheme/images/hero-3-rtl.webp");
}

#home-cta.img-4 {
  background-image: linear-gradient(to bottom, transparent 60%, #ffffff 100%),
      url("/wp-content/themes/ilviptheme/images/hero-4-rtl.webp");
}

/* Header adjustments for RTL */
.header-titles .site-description {
    padding-right: 1rem;
    padding-left: 0;
}

/* Menu adjustments - flip margins */
.primary-menu > li {
    margin: 0 4.5rem 0 0 !important;
}

/* Contact list - flip padding */
.contact-list p {
    padding-right: 0.75rem;
    padding-left: 0;
}

/* Footer services bullets - flip padding */
.footer-services li:before {
    padding-left: 0.5rem;
    padding-right: 0;
}

/* Service page content alignment */
.service-container ul {
    padding-right: 20px;
    padding-left: 0;
}

/* Form inputs - flip auto margins */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="phonetext"],
.wpcf7 textarea {
    margin-right: auto !important;
    margin-left: auto !important;
    /* Keep centered - no change needed */
}


/* International telephone input for RTL */
.intl-tel-input.allow-dropdown input {
    padding-right: 0 !important;
    padding-left: 52px !important;
}

.footer-widgets-outer-wrapper .row {
    flex-direction: row-reverse;
}

/* RTL - Align text to the right in all footer widgets */
.footer-widgets-outer-wrapper {
    text-align: right;
}

.footer-widgets-outer-wrapper .widget {
    text-align: right;
}

.contact-list li img {
    margin-right: 0;
    margin-left: 10px;
}

/* RTL - Fix footer-services bullet positioning */
.footer-services li:before {
    padding-right: 0;
    padding-left: 0.5rem;
}

.contact-list li a[href^="tel:"],
.contact-list li a[href^="viber:"],
.contact-list li a[href*="t.me"] {
    direction: ltr;
    unicode-bidi: isolate;
    justify-content: flex-end; /* Keep icon on the right in RTL */
}

.contact-list li a[href^="tel:"] img,
.contact-list li a[href^="viber:"] img,
.contact-list li a[href*="t.me"] img {
    order: 2; /* Move icon to the end (right side in RTL) */
    margin-left: 10px;
    margin-right: 0;
}

.mobile-nav-toggle {
    left: 1rem;
    right: auto;
}

.il-banner {
    left: auto;
    right: 0;
}

.il-banner-content {
    left: auto;
    right: -60px;
    transform: rotate(45deg);
}

.il-banner-content:hover {
    transform: rotate(45deg) scale(1.05);
}

.hero-contact-strip {
  direction: rtl;
}

.contact-phone {
  margin-left: 15px;
  margin-right: 0;
  direction: ltr;
}

.about-image-float {
    float: left;
    width: 25%;
    margin-left: 2rem;
    margin-bottom: 1rem;
}

.page-content li::marker {
    unicode-bidi: isolate;
}

.page-content li {
    list-style-position: inside;
}

.final-cta {
	flex-direction: row-reverse;
}

.benefits-list li:before {
    margin-right: 0;
    margin-left: 12px;
}

.page-title {
	direction: rtl;
	text-align: right;
}

@media (max-width: 768px) {
    .il-banner-content {
        right: -45px;
    }
	
	.contact-phone {
    margin-left: 0;
    margin-right: 0;
	direction: ltr;
  }
	
  .about-image-float {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-bottom: 2rem;
  }
}