/*===================================== 
THE SURYANSHI DEVELOPER - GLOBAL OVERRIDES
======================================*/

/* Strict Primary Action Button Standards across all public pages */
.primary-action-btn,
.site-button,
.site-button-secondry {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 10px 20px !important;
  background: linear-gradient(135deg, #18202c 0%, #0d131d 100%) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  border: 1px solid rgba(199, 157, 125, 0.45) !important;
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Force inner text to pure white in all states */
.primary-action-btn span,
.site-button span,
.site-button-secondry span,
.btn-half span,
.btn-half.site-button span,
.btn-half.site-button-secondry span {
  color: #ffffff !important;
  transform: none !important;
  letter-spacing: 1px !important;
  font-weight: 700 !important;
}

.primary-action-btn:hover,
.site-button:hover,
.site-button-secondry:hover {
  color: #fef3c7 !important;
  border-color: rgba(212, 175, 55, 0.7) !important;
  box-shadow: 0 6px 22px -2px rgba(184, 134, 11, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  transform: translateY(-1px) !important;
}

.primary-action-btn:hover span,
.site-button:hover span,
.site-button-secondry:hover span {
  color: #fef3c7 !important;
}

.primary-action-btn:active,
.site-button:active,
.site-button-secondry:active {
  transform: scale(0.98) !important;
}

/* Eliminate split-color pseudo elements from legacy template */
.btn-half:before,
.btn-half:after,
.site-button:before,
.site-button-secondry:before,
.primary-action-btn:before {
  display: none !important;
  content: none !important;
}

/* Gold Geometric Tile inside primary buttons */
.primary-action-icon-tile {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 5px !important;
  background: linear-gradient(135deg, #d4af37 0%, #aa771c 100%) !important;
  box-shadow: 0 2px 6px rgba(184, 134, 11, 0.4) !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease !important;
}

.primary-action-btn:hover .primary-action-icon-tile,
.site-button:hover .primary-action-icon-tile,
.site-button-secondry:hover .primary-action-icon-tile {
  transform: translate(2px, -2px) !important;
}

.primary-action-icon-tile svg {
  stroke: #161208 !important;
}
