/* ── Trigger button ── */
.brcfy-lang-trigger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0F2460 !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}
.brcfy-lang-trigger:hover { background: rgba(15,36,96,0.06) !important; }
.brcfy-trigger-flag { font-size: 18px !important; line-height: 1 !important; display: inline-block !important; }
.brcfy-lang-trigger .brcfy-chevron { display: inline-block !important; flex-shrink: 0 !important; vertical-align: middle !important; opacity: 0.6; }

/* ── Overlay ── */
.brcfy-lang-overlay {
  display: none;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(15,36,96,0.45);
  z-index: 99998 !important;
  align-items: center;
  justify-content: center;
  animation: brcfy-fade-in 0.18s ease;
}
.brcfy-lang-overlay.active { display: flex !important; }
@keyframes brcfy-fade-in { from { opacity:0; } to { opacity:1; } }

/* ── Modal ── */
.brcfy-lang-modal {
  background: #fff !important;
  border-radius: 16px !important;
  padding: 40px 48px !important;
  width: 680px !important;
  max-width: calc(100vw - 40px) !important;
  position: relative !important;
  animation: brcfy-slide-up 0.22s ease;
  box-shadow: 0 24px 64px rgba(15,36,96,0.18) !important;
  box-sizing: border-box !important;
}
@keyframes brcfy-slide-up { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }

/* ── Close ── */
.brcfy-lang-close {
  position: absolute !important;
  top: 16px !important; right: 16px !important; left: auto !important; bottom: auto !important;
  width: 28px !important; height: 28px !important;
  border-radius: 50% !important;
  border: 1px solid #e2e8f0 !important;
  background: transparent !important; box-shadow: none !important;
  cursor: pointer !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  color: #0F2460 !important; font-size: 16px !important; line-height: 1 !important;
  padding: 0 !important; margin: 0 !important; z-index: 10 !important; float: none !important;
}
.brcfy-lang-close:hover { background: rgba(15,36,96,0.06) !important; }

/* ── Title ── */
.brcfy-lang-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 24px !important; font-weight: 700 !important;
  color: #0F2460 !important; margin: 0 0 32px !important;
  text-align: center !important; display: block !important;
}

/* ── Grid ── */
.brcfy-lang-grid { display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 8px !important; }

/* ── Option ── */
.brcfy-lang-option {
  display: flex !important; align-items: center !important; justify-content: center !important;
  gap: 10px !important; padding: 14px 12px !important;
  border-radius: 999px !important; border: none !important;
  background: transparent !important; box-shadow: none !important;
  cursor: pointer !important; text-decoration: none !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15px !important; font-weight: 500 !important;
  color: #0F2460 !important; text-align: center !important;
  transition: background 0.15s ease !important;
}
.brcfy-lang-option:hover { background: rgba(15,36,96,0.06) !important; color: #0F2460 !important; }
.brcfy-lang-option.active { background: #dbeafe !important; color: #0F2460 !important; font-weight: 600 !important; }
.brcfy-lang-option.active:hover { background: #bfdbfe !important; }
.brcfy-lang-flag { display: inline-block !important; font-size: 20px !important; line-height: 1 !important; flex-shrink: 0 !important; }
.brcfy-lang-native { display: none !important; }
.brcfy-lang-name { color: #0F2460 !important; line-height: 1 !important; }

/* ── Mobile modal ── */
@media (max-width: 600px) {
  .brcfy-lang-modal { padding: 36px 20px !important; }
  .brcfy-lang-grid { grid-template-columns: repeat(2,1fr) !important; }
}

/* ── Mobile header injection ── */
.brcfy-mobile-lang-wrap { flex: 0 0 auto !important; display: flex !important; align-items: center !important; }
.brcfy-mobile-lang-wrap .brcfy-lang-label,
.brcfy-mobile-lang-wrap .brcfy-chevron { display: none !important; }
.brcfy-mobile-lang-wrap .brcfy-trigger-flag { font-size: 25px !important; line-height: 1 !important; }
.brcfy-mobile-lang-wrap .brcfy-lang-trigger { padding: 6px 8px !important; background: transparent !important; border: none !important; box-shadow: none !important; }
.pxl-header-mobile-default #pxl-nav-mobile { flex: 0 0 auto !important; }
.brcfy-mobile-lang-wrap { margin-right: 55px !important; }
@media (min-width: 1200px) { .brcfy-mobile-lang-wrap { display: none !important; } }

/* ── Hide Google Translate UI ── */
#goog-gt-tt, .goog-te-balloon-frame, .goog-te-menu-frame,
.goog-tooltip, .goog-tooltip-content,
.VIpgJd-ZVi9od-l4eHX-hSRGPd, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.skiptranslate iframe, body > .skiptranslate { display: none !important; visibility: hidden !important; }
body { top: 0 !important; }

/* ── Elementor custom SVG ── */
.elementor-repeater-item-c0da8e6.ps-top svg { display: none; }
.elementor-repeater-item-c0da8e6.ps-top::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='413' height='160' viewBox='0 0 413 160' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0V60V60.5H0.5H206.5V160H207.5V60.5H412.5H413V60V0H412V59.5H1V0H0Z' fill='url(%23grad1)'/%3E%3Cdefs%3E%3ClinearGradient id='grad1' x1='206.5' y1='0' x2='206.5' y2='160' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231d4ed8' stop-opacity='0'/%3E%3Cstop offset='0.4' stop-color='%231d4ed8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  display: block;
  opacity: 0.5;
}
