/*
  Lyscorex Page Theme
  - Use this stylesheet for page-specific styles on lyscorex.php
  - Keep overrides minimal and scoped to avoid leaking styles site-wide
*/

/* Root-level custom properties for this page (safe defaults) */
:root {
  /* Page accent inherits global purple; customize here if needed */
  --lyscorex-accent: #8B5CF6;
  --lyscorex-accent-2: #60A5FA; /* secondary blue */
  --lyscorex-accent-3: #10B981; /* green */
}

/* Hero banner adjustments */
.premium-title {
  background: linear-gradient(45deg, var(--lyscorex-accent-2), #06b6d4, var(--lyscorex-accent-3));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.lyscorex-centered .starting__price {
  color: #1e40af;
}

/* Cards and feature icons accent touch */
.cloud-feature .icon svg path,
.cloud-feature .icon svg circle,
.cloud-feature .icon svg rect {
  fill: var(--lyscorex-accent);
}

/* CTA buttons within this page */
.rts-hero__one .btn__two,
.rts-hero__one .primary__btn,
.rts-hero__one .secondary__bg {
  background-color: var(--lyscorex-accent) !important;
  border-color: var(--lyscorex-accent) !important;
}

/* Optional: soft shadow for hero section content */
.rts-hero__one .banner-area .rts-hosting-banner__content {
  text-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* Responsive fine-tuning */
@media (max-width: 992px) {
  .lyscorex-centered .banner-title { font-size: 56px; }
}
@media (max-width: 576px) {
  .lyscorex-centered .banner-title { font-size: 40px; }
}

.template-pricing .client-area-btn {
  background: #3B82F6 !important;
  border-color: #FFFFFF !important;
  color: #ffffff !important;
}
.template-pricing .client-area-btn:hover,
.template-pricing .client-area-btn:active,
.template-pricing .client-area-btn:focus {
  background: #2563EB !important;
  border-color: #FFFFFF !important;
  color: #ffffff !important;
}

/* Hero alanında LysCoreX Paneli butonu */
.lyscorex-centered .lyscorex-panel-btn {
  background: linear-gradient(135deg, #1E40AF 0%, #2563EB 50%, #3B82F6 100%) !important;
  background-size: 200% 200% !important;
  animation: lyscorexGradient 8s ease-in-out infinite;
  border-color: #FFFFFF !important;
  color: #ffffff !important;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 18px 40px;
  border-radius: 14px;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .2px;
  box-shadow: 0 14px 34px rgba(37,99,235,.38);
  transition: transform .25s ease, box-shadow .25s ease;
  position: relative;
  overflow: hidden;
}
.lyscorex-centered .lyscorex-panel-btn:hover,
.lyscorex-centered .lyscorex-panel-btn:focus {
  border-color: #FFFFFF !important;
  color: #ffffff !important;
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 16px 36px rgba(37,99,235,.42);
}

@keyframes lyscorexGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.lyscorex-centered .lyscorex-panel-btn::before {
  content: "";
  position: absolute;
  left: -20%;
  top: 0;
  width: 25%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.15) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-20deg);
  animation: lyscorexShine 7s ease-in-out infinite;
}

@keyframes lyscorexShine {
  0% { left: -30%; }
  50% { left: 130%; }
  100% { left: 130%; }
}

.lyscorex-centered .lyscorex-panel-btn::after {
  content: "";
  position: absolute;
  inset: -30% -20% -30% -20%;
  background: radial-gradient(circle, rgba(99,102,241,.22) 0%, rgba(99,102,241,0) 60%);
  filter: blur(14px);
  opacity: 0;
  animation: lyscorexPulse 6s ease-in-out infinite;
}

@keyframes lyscorexPulse {
  0% { opacity: 0; transform: scale(1); }
  50% { opacity: .6; transform: scale(1.05); }
  100% { opacity: 0; transform: scale(1); }
}
}