/* RTL Support Styles for Hedef Su - Robust Alignment Fixes */
[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, 'Inter', sans-serif;
  direction: rtl;
  text-align: right;
}

/* --- Header & Nav --- */
[dir="rtl"] .header-inner {
  flex-direction: row;
}

[dir="rtl"] nav {
  flex-direction: row;
}

[dir="rtl"] .nav-links {
  flex-direction: row;
}

[dir="rtl"] .has-dropdown > a::after {
  margin-left: 0;
  margin-right: 7px;
}

[dir="rtl"] .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}

[dir="rtl"] .dropdown-menu a:hover {
  padding-left: 20px;
  padding-right: 25px;
}

/* --- Floating WhatsApp --- */
[dir="rtl"] .floating-wa {
  left: auto;
  right: max(20px, env(safe-area-inset-right));
}

/* --- Section Titles & Headers --- */
[dir="rtl"] .section-title,
[dir="rtl"] .list-title,
[dir="rtl"] .expertise-title,
[dir="rtl"] .product-info h3,
[dir="rtl"] .info-content h4 {
  text-align: right;
}

/* --- Lists & Bullets Fix --- */
[dir="rtl"] .product-list li,
[dir="rtl"] .content-block ul li,
[dir="rtl"] ul.product-list li {
  padding-left: 0 !important;
  padding-right: 20px !important;
  text-align: right !important;
  position: relative !important;
}

[dir="rtl"] .product-list li::before,
[dir="rtl"] .content-block ul li::before {
  left: auto !important;
  right: 0 !important;
  top: 8px !important;
}

/* --- Expertise Section (Water Drop Background Fix) --- */
/* In RTL, flex-direction: row-reverse forces .expertise-content to stay on the LEFT side, leaving the water drop graphic on the right un-covered */
[dir="rtl"] .expertise-flex {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
}

[dir="rtl"] .expertise-content {
  text-align: right !important;
  flex: 1 !important;
  max-width: 550px !important;
}

[dir="rtl"] .expertise-image {
  justify-content: flex-start !important;
}

/* --- Info Cards Grid --- */
[dir="rtl"] .info-card {
  flex-direction: row;
  text-align: right;
}

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

/* --- Product Items (Image & Info layout) --- */
[dir="rtl"] .product-item {
  flex-direction: row;
  text-align: right;
}

[dir="rtl"] .product-buttons {
  flex-direction: row;
}

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

/* --- Forms & Inputs --- */
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
  text-align: right;
  direction: rtl;
}

/* --- Footer Layout --- */
[dir="rtl"] .footer-top {
  flex-direction: row;
  text-align: right;
}

[dir="rtl"] .footer-bottom {
  flex-direction: row;
}

[dir="rtl"] .social-links {
  flex-direction: row;
}

/* --- Language Selector Widget --- */
.lang-switch-wrapper {
  display: inline-flex;
  align-items: center;
  margin-left: 15px;
  position: relative;
  z-index: 110;
}

[dir="rtl"] .lang-switch-wrapper {
  margin-left: 0;
  margin-right: 15px;
}

.lang-switch-btn {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: inherit;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s ease;
  user-select: none;
}

.header-light-mode .lang-switch-btn {
  background: rgba(2, 75, 134, 0.06);
  border-color: rgba(2, 75, 134, 0.2);
  color: var(--primary-blue);
}

.lang-switch-btn:hover {
  background: rgba(15, 162, 220, 0.25);
  border-color: var(--secondary-blue);
}

.lang-switch-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 6px;
  background: #ffffff;
  min-width: 140px;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.08);
  z-index: 1000;
}

/* Hover bridge: Invisible area filling the gap between button and dropdown */
.lang-switch-dropdown::before {
  content: "";
  position: absolute;
  top: -12px;
  left: -10px;
  right: -10px;
  height: 14px;
  background: transparent;
}

[dir="rtl"] .lang-switch-dropdown {
  right: auto;
  left: 0;
}

.lang-switch-wrapper:hover .lang-switch-dropdown,
.lang-switch-wrapper:focus-within .lang-switch-dropdown,
.lang-switch-wrapper.active .lang-switch-dropdown {
  display: block;
  animation: fadeIn 0.2s ease;
}

.lang-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  color: #333333 !important;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease;
  text-decoration: none !important;
}

.lang-option:hover {
  background: #f0f7ff;
  color: var(--secondary-blue) !important;
}

.lang-option.active {
  background: #e6f3ff;
  color: var(--primary-blue) !important;
  font-weight: 700;
}

.flag-icon {
  width: 18px;
  height: 14px;
  border-radius: 2px;
  object-fit: cover;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Hide Google Translate top bar frame if injected */
.goog-te-banner-frame.skiptranslate,
.skiptranslate {
  display: none !important;
}
body {
  top: 0px !important;
}
.goog-te-gadget {
  display: none !important;
}