/* =====================================================================
   Bee Sharp SV - STANDARD HEADER + LOOK for the stand-alone pages (v7.2.88.0)
   David 2026-10-13: "match this page and all pages to the same font and size
   and design". Gives every stand-alone page (referral-rules, testimonials,
   privacy, data-deletion, seguinos, cuida-tu-filo, tijeras) the main site's
   top bar (round logo + BEE SHARP SV, EN · ES, ☰ menu), its black background
   and its Cormorant Garamond font. Loaded AFTER largeprint.css.
   ===================================================================== */
:root { --display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif; }
html, html body.bs-std { background: #000; }
body.bs-std-landing { --bg: #000; }

/* --- top bar (same as index.html / styles.css) --- */
nav.bs-std-nav {
  position: sticky; top: 0; z-index: 1000;
  background: rgba(0,0,0,0.92); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border, rgba(247,147,26,0.2));
  padding: 0 16px; margin: 0;
  display: flex; align-items: center; justify-content: space-between;
  height: 64px; box-sizing: border-box; width: 100%;
}
nav.bs-std-nav .nav-logo { display: flex; align-items: center; gap: 10px; min-width: 0; }
nav.bs-std-nav .nav-logo a { display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; min-width: 0; }
nav.bs-std-nav .nav-logo img { height: 44px; width: 44px; border-radius: 50%; object-fit: cover; }
nav.bs-std-nav .nav-logo span { font-family: 'Oswald', sans-serif; font-size: 1.3rem; color: #F7931A; font-weight: 700; white-space: nowrap; }
nav.bs-std-nav .nav-links { display: flex; gap: 4px; flex-wrap: wrap; }
nav.bs-std-nav .nav-links a {
  font-family: 'Rajdhani', sans-serif; font-size: clamp(0.85rem, 1.25vw, 1rem);
  padding: 6px 10px; color: #F7931A; letter-spacing: 0.4px; cursor: pointer; font-weight: 600;
  border-bottom: 1px solid transparent; text-decoration: none; background: transparent;
}
nav.bs-std-nav .nav-links a:hover { border-bottom-color: #F7931A; }
nav.bs-std-nav .nav-right { display: flex; align-items: center; gap: 8px; }
nav.bs-std-nav .lang-toggle {
  background: transparent; border: 1px solid #F7931A; color: #F7931A;
  padding: 7px 14px; border-radius: 20px; cursor: pointer;
  font-family: 'Cormorant Garamond', Georgia, serif; font-size: 0.9rem; font-weight: 600; letter-spacing: 0.8px;
  display: inline-flex; align-items: center; gap: 4px; box-shadow: none; min-height: 0; line-height: 1.2;
}
nav.bs-std-nav .lang-toggle .lang-current { color: #F7931A; font-weight: 700; }
nav.bs-std-nav .lang-toggle .lang-sep { color: rgba(247,147,26,0.5); margin: 0; }
nav.bs-std-nav .lang-toggle .lang-other { color: rgba(247,147,26,0.7); font-weight: 500; }
nav.bs-std-nav .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; background: transparent; border: 0; }
nav.bs-std-nav .hamburger span { display: block; width: 24px; height: 2px; background: #F7931A; border-radius: 2px; }
html body div.mobile-menu.bs-std-menu {
  display: none; background: #000; border-top: 1px solid var(--border, rgba(247,147,26,0.2));
  border-bottom: 1px solid var(--border, rgba(247,147,26,0.2));
  padding: 12px 16px; flex-direction: column; gap: 4px;
  position: sticky; top: 64px; z-index: 999;
}
html body div.mobile-menu.bs-std-menu.open { display: flex; }
html body div#mobileMenu.mobile-menu.bs-std-menu a, html body div#mobileMenu.mobile-menu.bs-std-menu a * {
  font-family: 'Rajdhani', sans-serif !important; font-size: 1rem !important; font-weight: 600 !important; line-height: 1.3;
}
html body div#mobileMenu.mobile-menu.bs-std-menu a {
  padding: 10px 8px; color: #F7931A; border-bottom: 1px solid #1a1a1a; cursor: pointer; text-decoration: none;
}
@media (max-width: 1200px) {
  nav.bs-std-nav .nav-links { display: none; }
  nav.bs-std-nav .hamburger { display: flex; }
}
@media (max-width: 420px) {
  nav.bs-std-nav .nav-logo, nav.bs-std-nav .nav-logo a { gap: 8px; }
  nav.bs-std-nav .nav-logo img { height: 38px; width: 38px; }
  nav.bs-std-nav .nav-logo span { font-size: 1.08rem; }
  nav.bs-std-nav .nav-right { gap: 6px; }
  nav.bs-std-nav .lang-toggle { padding: 8px 11px; font-size: 0.82rem; }
}
@media (max-width: 300px) { nav.bs-std-nav .nav-logo span { display: none; } }

/* --- the old per-page language buttons / top bars are replaced by the top bar --- */
body.bs-std > .lang, body.bs-std main > .lang { display: none !important; }

/* --- QR landing pages (seguinos, cuida-tu-filo, tijeras): same font as the site,
       and the two-column social buttons stack on phones so nothing runs off-screen --- */
body.bs-std-landing, body.bs-std-landing button, body.bs-std-landing input { font-family: var(--display); }
@media (max-width: 560px) {
  body.bs-std-landing .follow { grid-template-columns: minmax(0, 1fr) !important; }
}
body.bs-std-landing .follow .btn > span { overflow-wrap: anywhere; }

/* --- side margins so text never touches the screen edge --- */
body.bs-std main.container, body.bs-std .page-header { padding-left: 16px; padding-right: 16px; box-sizing: border-box; }

/* --- privacy / data-deletion: the big square logo becomes the same round logo used across the site --- */
body.bs-std .legal-hero img { width: 96px !important; height: 96px !important; border-radius: 50%; object-fit: cover; }
/* the word Royal is always purple, as on the main site */
body.bs-std .royal-word { color: #9a5fd0 !important; }