/* Preco Justo refrigeração - Layout Premium
   Base: Bootstrap 5 + Custom
   Cores: Azul #2196F3 (primary) #001064 (dark)
*/

:root {
  --pj-primary: #2196F3;
  --pj-primary-rgb: 33,150,243;
  --pj-dark: #001963;
  --pj-dark-rgb: 0,16,100;
  --pj-light: #E3F2FD;
  --pj-accent: #0D47A1;
  --radius: 18px;
  --radius-sm: 12px;

  /* usados por JS (app.js) */
  --pj-mainnav-h: 64px;   /* fallback */
  --pj-subnav-h: 48px;    /* fallback */
}

/* Logo navbar padrão */
.navbar-logo {
  max-height: 64px;
  width: auto;
  transition: transform .2s ease;
}

.navbar-brand:hover .navbar-logo {
  transform: scale(1.04);
}

/* Override Bootstrap primary */
.btn-primary {
  --bs-btn-bg: var(--pj-primary);
  --bs-btn-border-color: var(--pj-primary);
  --bs-btn-hover-bg: var(--pj-dark);
  --bs-btn-hover-border-color: var(--pj-dark);
  --bs-btn-active-bg: var(--pj-accent);
  --bs-btn-active-border-color: var(--pj-accent);
}
.btn-outline-primary {
  --bs-btn-color: var(--pj-primary);
  --bs-btn-border-color: var(--pj-primary);
  --bs-btn-hover-bg: var(--pj-primary);
  --bs-btn-hover-border-color: var(--pj-primary);
  --bs-btn-active-bg: var(--pj-accent);
}
.text-primary { color: var(--pj-primary) !important; }
.bg-primary { background-color: var(--pj-primary) !important; }
.border-primary { border-color: var(--pj-primary) !important; }

/* Glow effect for primary buttons */
.btn-primary {
  position: relative;
  overflow: hidden;
  transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease, color .3s ease;
}
.btn-primary::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.25) 50%, transparent 70%);
  transform: translateX(-100%);
  transition: transform .5s ease;
}
.btn-primary:hover::after { transform: translateX(100%); }
.btn-primary:hover { box-shadow: 0 4px 20px rgba(var(--pj-primary-rgb),.4); }

/* A11y skip link */
.skip-link {
  position: absolute;
  left: -999px; top: auto;
  width: 1px; height: 1px;
  overflow: hidden;
}
.skip-link:focus {
  left: 12px; top: 12px;
  width: auto; height: auto;
  padding: .5rem .75rem;
  background: #fff;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .5rem;
  z-index: 9999;
}

/* =========================================================
   TOPBAR — Ajustada (harmonia com #0f1c3f)
========================================================= */
.topbar {
  background: #081a3a; /* mais profunda que a pj-nav-sub */
  color: rgba(255,255,255,.85);
  font-size: .85rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.topbar a {
  color: rgba(255,255,255,.88);
  text-decoration: none;
  transition: color .2s ease, opacity .2s ease;
}

.topbar a:hover {
  color: #ffffff;
  opacity: .95;
}

/* WhatsApp pill refinado */
.topbar-whatsapp {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .35rem .9rem;
  border-radius: 50px;
  background: linear-gradient(135deg, #25D366, #20bd5a);
  color: #fff !important;
  font-weight: 600;
  font-size: .82rem;
  box-shadow: 0 4px 14px rgba(37,211,102,.35);
  transition: transform .15s ease, box-shadow .2s ease;
}

.topbar-whatsapp:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(37,211,102,.45);
}


/* Navbar Glass */
.navbar-glass {
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(0,0,0,.06);
  transition: box-shadow .3s ease, background .3s ease;
}
.navbar-glass.scrolled {
  box-shadow: 0 2px 20px rgba(0,0,0,.08);
  background: rgba(255,255,255,.95);
}

.navbar-brand .navbar-logo{
  height: 64px;
  max-height: 64px;
  width: auto;
}

.navbar-brand span {
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-weight: 700;
  color: var(--pj-dark);
  font-size: 1.15rem;
}
.navbar .nav-link {
  color: #495057;
  font-weight: 500;
  position: relative;
  transition: color .2s;
}
.navbar .nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: var(--pj-primary);
  transition: width .3s ease, left .3s ease;
  border-radius: 2px;
}
.navbar .nav-link:hover::after,
.navbar .nav-link.active::after {
  width: 60%;
  left: 20%;
}
.navbar .nav-link:hover,
.navbar .nav-link.active { color: var(--pj-primary); }

/* Mobile: oculta o underline animado e remove sublinhado em collapse */
@media (max-width: 991px) {
  .navbar .nav-link::after { display: none; }
  .navbar .nav-link { text-decoration: none !important; }
}

/* Hero */
.hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(1200px 600px at 15% 10%, rgba(var(--pj-primary-rgb),.15), transparent 60%),
    radial-gradient(900px 520px at 95% 30%, rgba(var(--pj-dark-rgb),.08), transparent 55%),
    linear-gradient(180deg, #fff, #f8f9fa);
}
.hero::before,
.hero::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  opacity: .06;
  animation: heroFloat 20s ease-in-out infinite;
  pointer-events: none;
}
.hero::before {
  width: 400px; height: 400px;
  top: -100px; right: -50px;
  background: var(--pj-primary);
  animation-delay: -5s;
}
.hero::after {
  width: 300px; height: 300px;
  bottom: -80px; left: -60px;
  background: var(--pj-dark);
  animation-delay: -10s;
  animation-duration: 25s;
}
@keyframes heroFloat {
  0%, 100% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(30px, -20px) scale(1.05); }
  50% { transform: translate(-15px, 15px) scale(.98); }
  75% { transform: translate(20px, 10px) scale(1.02); }
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  border-radius: 50px;
  background: rgba(var(--pj-primary-rgb),.08);
  border: 1px solid rgba(var(--pj-primary-rgb),.15);
  color: var(--pj-accent);
  font-size: .875rem;
  font-weight: 600;
  position: relative;
}
/* Anel de pulso via pseudo-elemento (transform+opacity = GPU-composited) */
.hero-badge::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: 50px;
  background: rgba(var(--pj-primary-rgb), .18);
  animation: badgePulse 3s ease-in-out infinite;
  pointer-events: none;
}
@keyframes badgePulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.5); opacity: 0; }
}

.hero-card {
  border-radius: var(--radius);
  border: none;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.08);
  transition: box-shadow .3s ease, transform .3s ease;
  will-change: transform;
}
.hero-card:hover { box-shadow: 0 1.5rem 4rem rgba(0,0,0,.12); }

.hero-features {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: 1.5rem;
}
.hero-features span {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: .875rem;
  color: #6c757d;
  transition: color .2s;
}
.hero-features span:hover { color: var(--pj-primary); }

/* Stats */
.stats-section {
  background: var(--pj-dark);
  position: relative;
  overflow: hidden;
}
.stats-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(var(--pj-primary-rgb),.15), transparent);
  pointer-events: none;
}
.stats-section::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(var(--pj-primary-rgb),.08) 0%, transparent 60%);
  animation: statsGlow 8s ease-in-out infinite;
  pointer-events: none;
}
@keyframes statsGlow {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(10%, 5%); }
}
.stat-card {
  text-align: center;
  padding: 2rem 1rem;
  position: relative;
  z-index: 1;
}
.stat-card .stat-number {
  font-size: 2.5rem;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}
.stat-card .stat-label {
  color: var(--pj-primary);
  font-weight: 600;
  font-size: .9rem;
  margin-top: .5rem;
}

/* Services */
.service-card {
  border-radius: var(--radius);
  border: 1px solid rgba(0,0,0,.06);
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease;
}
.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 1.5rem 3rem rgba(var(--pj-primary-rgb),.15);
}
.service-card img,
.service-card .service-visual {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.service-card .service-visual {
  position: relative;
  overflow: hidden;
}
.service-card .service-visual::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg, transparent, rgba(255,255,255,.15), transparent);
  transform: translateX(-100%);
  transition: transform .6s ease;
}
.service-card:hover .service-visual::before { transform: translateX(100%); }
.service-card:hover .service-visual i { transform: scale(1.15) rotate(5deg); }
.service-card .service-visual i { transition: transform .4s ease; }
.service-card .service-body { padding: 1.25rem; }
.service-card .service-icon-wrap {
  width: 54px; height: 54px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(var(--pj-primary-rgb),.1);
  margin-bottom: .75rem;
  transition: background .3s, transform .3s;
}
.service-card:hover .service-icon-wrap {
  background: rgba(var(--pj-primary-rgb),.18);
  transform: scale(1.05);
}
.service-card .service-icon-wrap img,
.service-card .service-icon-wrap i {
  width: 32px; height: 32px;
  object-fit: contain;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Why Choose Us */
.reason-icon {
  width: 64px; height: 64px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(var(--pj-primary-rgb),.1);
  flex-shrink: 0;
  transition: transform .3s, background .3s, box-shadow .3s;
}
.reason-icon:hover {
  transform: scale(1.08);
  background: rgba(var(--pj-primary-rgb),.18);
  box-shadow: 0 4px 16px rgba(var(--pj-primary-rgb),.2);
}
.reason-icon svg { width: 28px; height: 28px; fill: var(--pj-primary); }

/* Steps */
.step-number {
  width: 44px; height: 44px;
  display: grid; place-items: center;
  border-radius: var(--radius-sm);
  background: rgba(var(--pj-primary-rgb),.1);
  color: var(--pj-primary);
  font-weight: 800;
  font-size: 1.1rem;
  margin-bottom: .75rem;
}

/* Brands */
.brand-card {
  border: 2px solid #e9ecef;
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: #fff;
  transition: transform .3s, box-shadow .3s, border-color .3s;
}
.brand-card:hover {
  transform: scale(1.05);
  box-shadow: 0 .75rem 2rem rgba(var(--pj-primary-rgb),.15);
  border-color: rgba(var(--pj-primary-rgb),.3);
}
.brand-card video {
  width: 100%;
  height: auto;
  display: block;
  background: #000;
}
.brand-card a { display: block; }
.brand-card a video { pointer-events: none; }

/* Testimonials */
.testimonial-card {
  border-radius: var(--radius);
  border: none;
  box-shadow: 0 .25rem 1rem rgba(0,0,0,.06);
}
.testimonial-card .card-body { padding: 2rem; }
.testimonial-card img {
  width: 64px; height: 64px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--pj-light);
}
.testimonial-card .stars { color: #ffc107; }

/* Quote / CTA Section */
.cta-section {
  position: relative;
  background: linear-gradient(135deg, var(--pj-dark) 0%, var(--pj-accent) 100%);
  overflow: hidden;
}
.cta-section::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 600px; height: 600px;
  border-radius: 50%;
  background: rgba(var(--pj-primary-rgb),.15);
  animation: ctaOrb 15s ease-in-out infinite;
  pointer-events: none;
}
.cta-section::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -10%;
  width: 400px; height: 400px;
  border-radius: 50%;
  background: rgba(255,255,255,.05);
  animation: ctaOrb 20s ease-in-out infinite reverse;
  pointer-events: none;
}
@keyframes ctaOrb {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(20px, -15px) scale(1.05); }
  66% { transform: translate(-10px, 10px) scale(.97); }
}

/* FAQ */
.accordion-item {
  border-radius: 14px !important;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.06);
  margin-bottom: .5rem;
  transition: box-shadow .3s ease;
}
.accordion-item:has(.accordion-button:not(.collapsed)) {
  box-shadow: 0 4px 16px rgba(var(--pj-primary-rgb),.1);
}
.accordion-button:focus { box-shadow: none; }
.accordion-button:not(.collapsed) {
  background: rgba(var(--pj-primary-rgb),.06);
  color: var(--pj-dark);
}
.accordion-button { transition: background .3s, color .3s; }

/* Contact */
.contact-card { border-radius: var(--radius); transition: box-shadow .3s; }
.contact-card:hover { box-shadow: 0 .75rem 2rem rgba(0,0,0,.1) !important; }
.contact-ic {
  width: 48px; height: 48px;
  border-radius: 14px;
  display: grid; place-items: center;
  background: rgba(var(--pj-primary-rgb),.1);
  color: var(--pj-primary);
  transition: background .3s, transform .3s;
}
.contact-ic:hover { background: rgba(var(--pj-primary-rgb),.2); transform: scale(1.05); }
/* =========================================================
   FOOTER — Ajustado (colar por cima do seu atual)
========================================================= */

/* Footer */
.footer-dark {
  background: var(--pj-dark);
  color: rgba(255,255,255,.72);
  position: relative;
  overflow: hidden;
}

.footer-dark::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(900px 460px at 18% 85%, rgba(var(--pj-primary-rgb), .08), transparent 60%);
  pointer-events: none;
}

.footer-dark h5,
.footer-dark .footer-title {
  color: rgba(255,255,255,.92);
  font-weight: 800;
  letter-spacing: .01em;
}

/* Texto geral */
.footer-dark p {
  color: rgba(255,255,255,.68);
  line-height: 1.6;
}

/* Links */
.footer-dark a {
  color: rgba(255,255,255,.68);
  text-decoration: none;
  transition: color .2s ease, transform .2s ease;
}

.footer-dark a:hover {
  color: var(--pj-primary);
}

/* Lista de links (com setinha) */
.footer-dark .footer-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-dark .footer-links li {
  padding: .32rem 0;
  display: flex;
  align-items: flex-start;
  gap: .45rem;
}

.footer-dark .footer-links li::before {
  content: '\203A';
  color: rgba(255,255,255,.30);
  transition: color .2s ease;
  line-height: 1.2;
  margin-top: 2px;
}

.footer-dark .footer-links li:hover::before {
  color: var(--pj-primary);
}

.footer-dark .footer-links a:hover {
  transform: translateX(2px);
}

/* Logo/brand do footer (se tiver) */
.footer-dark .footer-logo {
  max-height: 64px;
  width: auto;
  display: block;
}

/* Social buttons container */
.footer-dark .footer-social {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

/* Social buttons (se você usar botões/ícones no footer) */
.footer-dark .footer-social a,
.footer-dark .btn.btn-outline-light.rounded-circle {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  color: rgba(255,255,255,.92);
  transition: transform .18s ease, background .2s ease, border-color .2s ease;
}

.footer-dark .footer-social a:hover,
.footer-dark .btn.btn-outline-light.rounded-circle:hover {
  background: rgba(var(--pj-primary-rgb), .20);
  border-color: rgba(var(--pj-primary-rgb), .40);
  transform: translateY(-2px);
  color: #fff;
}

/* Copyright */
.footer-copyright {
  border-top: 1px solid rgba(255,255,255,.10);
  padding: 1.25rem 0;
  color: rgba(255,255,255,.62);
}
.footer-brand-link {
  color: rgba(255,255,255,.88);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.footer-brand-link:hover { color: #fff; }

/* Newsletter */
.footer-newsletter-input,
.footer-dark .footer-newsletter-input {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
}

.footer-newsletter-input::placeholder {
  color: rgba(255,255,255,.50);
}

.footer-newsletter-input:focus {
  background: rgba(255,255,255,.12);
  border-color: rgba(var(--pj-primary-rgb), .65);
  color: #fff;
  box-shadow: 0 0 0 .25rem rgba(var(--pj-primary-rgb), .16);
}

.footer-email {
  word-break: break-word;
  font-size: .86rem;
}

/* =========================================================
   WhatsApp float (mantido) — micro ajuste
========================================================= */
.whatsapp-float {
  position: fixed;
  bottom: 80px;
  right: 20px;
  z-index: 998;
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  font-size: 1.5rem;
  box-shadow: 0 4px 12px rgba(37,211,102,.40);
  transition: transform .25s ease, box-shadow .25s ease;
  text-decoration: none;
}
/* Anel de pulso via pseudo-elemento (transform+opacity = GPU-composited) */
.whatsapp-float::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(37,211,102,.3);
  animation: whatsappPulse 2s ease-in-out infinite;
  pointer-events: none;
}
@keyframes whatsappPulse {
  0%, 100% { transform: scale(1); opacity: .5; }
  50% { transform: scale(1.6); opacity: 0; }
}
.whatsapp-float:hover {
  transform: scale(1.12);
  color: #fff;
  box-shadow: 0 6px 24px rgba(37,211,102,.50);
}
.whatsapp-float:hover::before { animation: none; }

/* Back to top */
.back-to-top {
  position: fixed;
  bottom: 24px;
  right: 20px;
  z-index: 997;
  width: 44px; height: 44px;
  display: none;
  place-items: center;
  border-radius: 50%;
  background: var(--pj-primary);
  color: #fff;
  font-size: 1.2rem;
  box-shadow: 0 4px 12px rgba(var(--pj-primary-rgb),.3);
  transition: background .2s, transform .2s;
  border: none;
  cursor: pointer;
}
.back-to-top:hover {
  background: var(--pj-dark);
  transform: translateY(-2px);
}
.back-to-top.show { display: grid; }

/* Section headings */
.section-badge {
  display: inline-block;
  padding: .35rem .85rem;
  border-radius: 50px;
  background: rgba(var(--pj-primary-rgb),.08);
  color: #1565c0; /* azul escuro: contraste ~6:1 em fundo claro (WCAG AA) */
  font-weight: 600;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: .75rem;
}

/* Utility icons */
.icon { width: 16px; height: 16px; fill: currentColor; }
.icon-lg { width: 26px; height: 26px; fill: currentColor; }

/* List with checks */
.list-check {
  list-style: none;
  padding-left: 0;
}
.list-check li {
  padding-left: 1.6rem;
  position: relative;
  margin: .5rem 0;
}
.list-check li::before {
  content: "";
  position: absolute;
  left: 0; top: .35rem;
  width: 1rem; height: 1rem;
  background: url('/assets/img/check.svg') no-repeat center/contain;
  opacity: .9;
}

/* Staggered scroll animations */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .6s ease, transform .6s ease;
}
.animate-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}
.row > .animate-on-scroll:nth-child(2) { transition-delay: .1s; }
.row > .animate-on-scroll:nth-child(3) { transition-delay: .2s; }
.row > .animate-on-scroll:nth-child(4) { transition-delay: .3s; }
.row > .animate-on-scroll:nth-child(5) { transition-delay: .15s; }
.row > .animate-on-scroll:nth-child(6) { transition-delay: .25s; }
.row > .animate-on-scroll:nth-child(7) { transition-delay: .3s; }
.row > .animate-on-scroll:nth-child(8) { transition-delay: .35s; }

/* Gradient text for headings */
.gradient-text {
  background: linear-gradient(135deg, var(--pj-dark), var(--pj-primary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Glow card effect */
.glow-card { position: relative; }
.glow-card::before {
  content: '';
  position: absolute;
  top: -2px; left: -2px;
  right: -2px; bottom: -2px;
  border-radius: calc(var(--radius) + 2px);
  background: linear-gradient(135deg, var(--pj-primary), var(--pj-dark), var(--pj-primary));
  background-size: 300% 300%;
  animation: gradientBorder 4s ease infinite;
  z-index: -1;
  opacity: 0;
  transition: opacity .3s ease;
}
.glow-card:hover::before { opacity: 1; }
@keyframes gradientBorder {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Floating animation for icons in about section */
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
.about-float { animation: gentleFloat 4s ease-in-out infinite; }
/* =========================================================
   NAVBAR SECUNDÁRIA (SLIM) + MEGA MENU (mantido) — AJUSTADO
   Objetivo: reduzir altura ~10–15% sem perder “premium”
========================================================= */


/* Ações à direita (login/cadastro) */
.nav-right{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
}

/* Entrar (outline) */
.btn-entrar{
  color:#e9e9e9;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
  padding:6px 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.06);
}
.btn-entrar:hover{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.30);
}

/* Criar conta (filled) */
.btn-criar{
  color:#0f1c3f;
  background:#fff;
  text-decoration:none;
  font-weight:900;
  font-size:13px;
  padding:6px 10px;
  border-radius:12px;
}
.btn-criar:hover{ filter: brightness(.95); }

.btn-entrar:focus-visible,
.btn-criar:focus-visible{
  box-shadow: 0 0 0 .2rem rgba(var(--pj-primary-rgb), .35);
}

/* Mobile: esconder esses botões (a barra já vira scroll) */
@media (max-width: 992px){
  .nav-right{ display:none; }
}

/* ===== Mega menus (Blog + Loja) - FIX clique/overlay ===== */
.pj-nav-sub { position: sticky; top: var(--pj-mainnav-h, 0px); z-index: 1025; }
.pj-nav-sub__inner { position: relative; z-index: 1026; }

/* os dois containers precisam ser relativos */
#pjMegaLoja, #pjMegaBlog { position: relative; }

/* botão sempre clicável */
.pj-mega__btn {
  position: relative;
  z-index: 1032;
  pointer-events: auto;
}

/* painel acima de tudo */
.pj-mega__panel {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 1031;
}

/* estado aberto */
.pj-mega { position: relative; }
.pj-mega.open > .pj-mega__panel { display: block; }

/* overlay só cobre página e não rouba clique do botão quando fechado */
.pj-mega-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  opacity: 0;
  pointer-events: none;
  z-index: 1024; /* abaixo do subnav/btn */
  transition: opacity .15s ease;
}
.pj-mega-overlay.show {
  opacity: 1;
  pointer-events: auto;
}