/* ==========================================================================
   globalvillagetunisia.org — portal-only utilities.
   These classes are used by the B2B portal header/hero but are not present
   in the purged assets/tailwind.build.css (built from the public index.html).
   ========================================================================== */
::selection { background: rgba(212, 175, 55, .3); color: #D4AF37; }

.toast-container { position: fixed; top: 1.25rem; right: 1.25rem; z-index: 100; display: flex; flex-direction: column; gap: .5rem; pointer-events: none; }
.toast-container > * { pointer-events: auto; }

.bg-\[\#070708\]\/90 { background-color: rgba(7, 7, 8, .9); }
.bg-\[\#141416\] { background-color: #141416; }
.bg-\[\#D4AF37\] { background-color: #D4AF37; }
.hover\:bg-\[\#F3E5AB\]:hover { background-color: #F3E5AB; }
.bg-gold\/10 { background-color: rgba(212, 175, 55, .1); }
.bg-gold\/20 { background-color: rgba(212, 175, 55, .2); }
.border-gold\/30 { border-color: rgba(212, 175, 55, .3); }
.border-gold\/40 { border-color: rgba(212, 175, 55, .4); }
.hover\:border-gold\/40:hover { border-color: rgba(212, 175, 55, .4); }
.hover\:bg-gold:hover { background-color: #D4AF37; }
.hover\:text-black:hover { color: #000; }
.hover\:text-gold:hover,
.group:hover .group-hover\:text-gold { color: #D4AF37; }
.focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; }
.focus\:ring-2:focus { box-shadow: 0 0 0 2px #D4AF37; }

.w-28 { width: 7rem; }
.pt-20 { padding-top: 5rem; }
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.font-syne { font-family: 'Syne', 'Plus Jakarta Sans', sans-serif; }

.bg-radial { background: radial-gradient(ellipse at top, rgba(26, 24, 19, .6) 0%, #0A0A0C 60%, #0A0A0C 100%); }
.gold-gradient-text {
  background: linear-gradient(135deg, #F3E5AB 0%, #D4AF37 50%, #B8860B 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

.btn-secondary {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  border: 1px solid rgba(212, 175, 55, .45); color: #F3E5AB;
  background: rgba(255, 255, 255, .03); transition: all .25s ease;
}
.btn-secondary:hover { background: rgba(212, 175, 55, .12); border-color: #D4AF37; color: #fff; transform: translateY(-1px); }

.lang-opt { display: block; color: #d4d4d4; }
.lang-opt:hover { color: #D4AF37; }
[dir="rtl"] .lang-opt { text-align: right; }
[dir="rtl"] #langMenu { right: auto; left: 0; }

@media (min-width: 640px) {
  .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm\:inline-flex { display: inline-flex; }
}
@media (min-width: 768px) {
  .md\:text-6xl { font-size: 3.75rem; line-height: 1.05; }
  .md\:block { display: block; }
}

#scrollTopBtn {
  left: 1.5rem !important;
  right: auto !important;
  inset-inline-start: 1.5rem !important;
  inset-inline-end: auto !important;
}