/* =====================================================
   FIX DESKTOP NAV (REAL FIX)
   Only: /shop-brainwaves.html
   Rules: NO HTML / NO main.js / NO hamburger.css edits
===================================================== */

@media (min-width: 1025px){

  /* 0) กัน header สูงผิดปกติเพราะ nav หล่นบรรทัด */
  body.page--shop-brainwaves .siteHeader{
    padding-bottom: 0 !important;
  }

  /* 1) บังคับ navInner ให้เป็น "แถวเดียว" (สำคัญมาก) */
  body.page--shop-brainwaves .siteHeader .navInner{
    display: flex !important;
    flex-direction: row !important;     /* ✅ บังคับเป็นแถว */
    align-items: center !important;
    flex-wrap: nowrap !important;       /* ✅ ห้ามตกบรรทัด */
    justify-content: flex-start !important;
  }

  /* 2) ฝั่งซ้าย: brand/social ไม่ให้ยืด */
  body.page--shop-brainwaves .siteHeader .brandBlock{
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  /* 3) เมนู Desktop: กลับเข้าบรรทัดเดียว + เยื้องขวา (ไม่ชิดขวา) */
  body.page--shop-brainwaves .siteHeader nav.navLinks{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;       /* ✅ ห้ามแตกบรรทัด */

    /* ✅ “เยื้องขวา” แต่ไม่ชิดขวา */
    margin-left: 96px !important;

    /* ✅ ล้างค่าที่ทำให้ nav หล่นเป็นบรรทัดใหม่ */
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    align-self: center !important;

    /* ✅ กันโดน transform/top จากที่อื่น */
    position: static !important;
    top: auto !important;
    transform: none !important;

    white-space: nowrap !important;
    gap: 22px !important;
  }

  /* 4) Desktop ไม่ใช้ hamburger */
  body.page--shop-brainwaves .siteHeader .krActions{
    display: none !important;
  }
}

/* =================================================
   FORCE GOLD BUTTON – FINAL OVERRIDE (KRUNIKI)
   ================================================= */

/* เจาะตรง hero ของ brainwaves เท่านั้น */
.page--shop-brainwaves .heroGoldCard .btn.btnGold{
  /* บังคับพื้นหลังทองเต็ม */
  background: linear-gradient(
    135deg,
    #f6df95 0%,
    #e9c86f 35%,
    #d1ae5c 65%,
    #b89447 100%
  ) !important;

  background-color: #e9c86f !important; /* กัน fallback */
  color: #1a1a1a !important;

  /* ล็อกเส้นขอบทอง */
  border: 1px solid rgba(255, 224, 150, 0.95) !important;

  /* ทรง + น้ำหนัก */
  padding: 13px 24px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing: .01em;

  /* มิติแบบเคลือบทอง */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(0,0,0,.12),
    0 10px 26px rgba(214,179,106,.55) !important;

  text-decoration: none;
}

/* Hover */
.page--shop-brainwaves .heroGoldCard .btn.btnGold:hover{
  filter: brightness(1.06) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    0 12px 30px rgba(214,179,106,.65) !important;
}

/* Active */
.page--shop-brainwaves .heroGoldCard .btn.btnGold:active{
  transform: translateY(0);
  box-shadow:
    inset 0 2px 6px rgba(0,0,0,.25),
    0 6px 18px rgba(214,179,106,.45) !important;
}

/* FIX: Brand align with first social icon (shop-brainwaves only) */
body.page--shop-brainwaves .siteHeader .brandBlock{
  align-items: flex-start !important; /* อย่าให้มัน center */
}

/* ถ้าต้องการให้ชิดเท่า “ไอคอนตัวแรก” (ที่มักมี padding ในกล่อง social) */
body.page--shop-brainwaves .siteHeader .brandBlock .brand{
  margin-left: 0 !important;
  padding-left: 14px !important; /* ปรับได้: 12/14/16 ตามที่ตรงกับไอคอน */
}

/* FINAL CTA — align buttons to LEFT (shop-brainwaves only) */
body.page--shop-brainwaves .closingCtaSection .ctaRow{
  justify-content: flex-start !important;
  align-items: center;
  gap: 14px; /* ระยะห่างปุ่ม */
}