/* Theme Name:   Sierra Investments
Theme URI:    https://sierra-inv.com
Description:  A custom WordPress theme for Sierra Investments.
Author:       Nimrod Cohen
Version:      1.0.0
License:      GPL-2.0-or-later
Text Domain:  sierra-inv
*/
html {
  scroll-behavior: smooth;
}

[dir="rtl"] {
  font-family: "Assistant", system-ui, sans-serif;
}

[dir="rtl"] * {
  font-family: "Assistant", system-ui, sans-serif;
}

.mobile-menu-btn {
  position: relative;
  width: 40px; /* w-10 */
  height: 40px; /* h-10 */
  display: flex; /* Keep flex for initial centering */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 50;
}

.hamburger {
  position: absolute; /* Absolute positioning for precise control */
  left: 50%;
  width: 20px; /* w-5 */
  height: 2px; /* h-0.5 */
  background-color: #334155; /* bg-slate-700 */
  transition: all 0.3s ease;
  transform: translateX(-50%); /* Center horizontally */
}

.mobile-menu-btn .hamburger:nth-child(1) {
  top: 14px; /* Position for the top line */
}
.mobile-menu-btn .hamburger:nth-child(2) {
  top: 50%;
  transform: translateX(-50%) translateY(-50%); /* Center middle line */
}
.mobile-menu-btn .hamburger:nth-child(3) {
  top: 24px; /* Position for the bottom line */
}

.mobile-menu-btn.active .hamburger:nth-child(1) {
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.mobile-menu-btn.active .hamburger:nth-child(2) {
  opacity: 0;
}
.mobile-menu-btn.active .hamburger:nth-child(3) {
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.location {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%232c50e9%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%223%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}