/* LeloMarket brand overrides */
:root {
  --primary: #B72C34;
  --secondary: #FE8723;
}

/* Buttons */
.btn,
.btn-lightgreen,
.btn-tra-black:hover {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}

/* Accent elements */
.pre-link span,
a.pre-link span { background-color: var(--secondary) !important; }

/* Links hover */
a:hover { color: var(--primary) !important; }

/* Badge emphasis */
.os-version { color: rgba(0,0,0,0.6); }

/* Navbar active state */
.navbar.scroll { box-shadow: 0 4px 16px rgba(0,0,0,0.08); }

/* Statistic sizes */
.statistic-number { font-size: 2.8rem !important; letter-spacing: 0 !important; }
#statistic-2 .statistic-number { font-size: 2.5rem !important; }

/* Fallback if play icon image missing */
.play-icon-green { background: #41bf2b !important; border-radius: 50% !important; opacity: .85; }

/* Slider spacing tweaks */
#screens-2 .slick-list { padding: 0 !important; margin: 0; }
#screens-2 .slick-track { margin: 0 !important; }
#screens-2 .slick-slide { margin: 0 !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; }
.reviews-section .slick-slide { margin: 0 4px; }
#screens-2 .carousel-item { transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; opacity: 1 !important; }
#screens-2 .carousel-item img { display: block; margin: 0 auto; width: auto; max-width: 100%; height: auto; max-height: 560px; border-radius: 16px; box-shadow: 0 6px 24px rgba(0,0,0,0.08); }
#screens-2 .screenshots-wrap { margin-bottom: 40px !important; }
@media (max-width: 1200px) { #screens-2 .carousel-item img { max-height: 520px; } }
@media (max-width: 992px)  { #screens-2 .carousel-item img { max-height: 460px; } }
@media (max-width: 768px)  { #screens-2 .carousel-item img { max-height: 420px; } }
@media (max-width: 576px)  { #screens-2 .carousel-item img { max-height: 340px; } }

/* Brand theming overrides */
.bg-lightpurple { background: linear-gradient(135deg, var(--primary), var(--secondary)) !important; }
.bg-green { background-color: var(--secondary) !important; }
.bg-blue, .bg-lightblue, .bg-purple { background-color: var(--primary) !important; }

/* Icon color gradients -> brand */
.green-icon span,
.blue-icon span,
.purple-icon span {  
  background: linear-gradient(180deg, var(--primary), var(--secondary)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Nav pills theme */
.nav-pills.green-navi .nav-link.active,
.nav-pills .nav-link.active { background-color: var(--primary) !important; border-color: var(--primary) !important; color: #fff !important; }

/* Dots and small accents */
.screens-section .slick-dots li button:before,
.reviews-section .slick-dots li button:before { background: var(--primary) !important; }

/* Buttons in template color variants */
.btn-yellow, .btn-lightgreen, .btn-green, .btn-purple, .btn-blue { background-color: var(--primary) !important; border-color: var(--primary) !important; color: #fff !important; }
.btn-tra-white:hover { color: #333 !important; }

/* Newsletter and other tinted sections */
#newsletter-1 { background: linear-gradient(135deg, var(--primary), var(--secondary)) !important; }

/* Play icon color */
.play-icon-green { background: var(--secondary) !important; }

/* Top navbar theming */
.navbar.bg-tra { background: linear-gradient(135deg, var(--primary), var(--secondary)) !important; }
.navbar.bg-tra .nav-link { color: #fff !important; }
.navbar.bg-tra .nav-link:hover { background-color: rgba(255,255,255,0.15) !important; }
.header-socials a { border-color: rgba(255,255,255,0.85) !important; color: #fff !important; }
.header-socials a:hover { background-color: rgba(255,255,255,.2) !important; color: #fff !important; }
.navbar.scroll { box-shadow: 0 6px 20px rgba(0,0,0,0.1) !important; }
.navbar-dark.bg-tra .navbar-toggler-icon,
.navbar.scroll .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important; }

/* Hero background to brand gradient */
.hero-9-text { background-image: linear-gradient(135deg, var(--primary), var(--secondary)) !important; }