/* SMARTARCH ROOM PERCEPTION HEADER HELP V1 */

.smartarch-room-help-ready {
  position: relative !important;
}

.smartarch-room-help-ready a,
.smartarch-room-help-ready button {
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease !important;
}

/* SmartArch geri butonu kaldır */
.smartarch-room-help-ready a[href="/"],
.smartarch-room-help-ready a[href="/en/"],
.smartarch-room-help-ready a[href="/tr/"],
.smartarch-room-help-ready a[href$="/en/"],
.smartarch-room-help-ready a[href$="/tr/"],
.smartarch-room-help-ready a[href*="home"],
.smartarch-room-help-ready a[class*="home"],
.smartarch-room-help-ready a[class*="back"],
.smartarch-room-help-ready button[class*="home"],
.smartarch-room-help-ready button[class*="back"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Başlık alanı */
.smartarch-room-help-ready h1 {
  text-align: center !important;
}

#smartarchRoomPerceptionHelpOpen {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 210px !important;
  min-height: 48px !important;
  padding: 0 24px !important;
  margin: 22px auto 0 !important;
  border: none !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffe27a 0%, #ffd447 42%, #d99a13 100%) !important;
  color: #07111f !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 10px 22px rgba(217,154,19,.26),
    0 4px 10px rgba(0,0,0,.22) !important;
}

#smartarchRoomPerceptionHelpOpen:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.04) !important;
}

#smartarchRoomPerceptionHelpOpen:active {
  transform: translateY(0) !important;
}

#smartarchRoomPerceptionHelpModal {
  position: fixed !important;
  inset: 0 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: rgba(2, 8, 20, 0.76) !important;
  backdrop-filter: blur(3px) !important;
  z-index: 99999 !important;
}

#smartarchRoomPerceptionHelpModal.is-open {
  display: flex !important;
}

.smartarch-room-help-dialog {
  width: min(920px, calc(100vw - 32px)) !important;
  max-height: min(86vh, 980px) !important;
  overflow: auto !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 212, 71, 0.45) !important;
  background: linear-gradient(180deg, rgba(6,20,44,0.98) 0%, rgba(4,16,36,0.99) 100%) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,0.46) !important;
  padding: 28px 28px 26px !important;
}

.smartarch-room-help-dialog h2 {
  margin: 0 0 18px !important;
  color: #eef4ff !important;
  font-size: 30px !important;
  line-height: 1.22 !important;
  font-weight: 900 !important;
}

.smartarch-room-help-dialog h3 {
  margin: 20px 0 8px !important;
  color: #ffd447 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

.smartarch-room-help-dialog p {
  margin: 0 0 14px !important;
  color: rgba(228,236,250,0.92) !important;
  font-size: 17px !important;
  line-height: 1.82 !important;
}

.smartarch-room-help-close {
  margin-top: 12px !important;
  border: none !important;
  cursor: pointer !important;
  min-width: 140px !important;
  min-height: 48px !important;
  padding: 12px 20px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffe27a 0%, #ffd447 42%, #d99a13 100%) !important;
  color: #07111f !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

/* SMARTARCH ROOM PERCEPTION CENTER HELP BUTTON V1 */

/* Başlık kapsayıcısını ortalama */
.smartarch-room-help-ready {
  text-align: center !important;
}

.smartarch-room-help-ready h1 {
  display: block !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Nasıl Kullanılır butonu başlığın altında tam ortada */
#smartarchRoomPerceptionHelpOpen {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  min-width: 210px !important;
  min-height: 48px !important;

  margin-top: 22px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;

  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  float: none !important;
  clear: both !important;
}

/* Buton parent içinde de ortalansın */
.smartarch-room-help-button-row {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin: 22px auto 0 !important;
}