/*
 * Digi Plexa Brand Color Theme
 * Primary: #F7931E (Orange)
 * Secondary: #295AAB (Blue)
 * Formalized by Kerala Digital Park
 */

/* Primary Orange Colors */
:root {
  --digi-orange: #F7931E;
  --digi-orange-light: #FFA347;
  --digi-orange-dark: #E67E0A;
  --digi-blue: #295AAB;
  --digi-blue-light: #3B6FC5;
  --digi-blue-dark: #1A4480;
}

/* Remove underlines from most elements EXCEPT header navigation */
a,
a:hover,
a:focus,
a:active,
.footer-links-list a,
h1, h2, h3, h4, h5, h6,
p, span, div {
  text-decoration: none !important;
}

/* Specifically remove underlines from titles and content */
.sec-heading,
.about-content-home,
.service-box,
.work-details,
.blog-content,
article,
section {
  text-decoration: none !important;
}

section h1,
section h2,
section h3,
section h4,
section h5,
section h6,
.container h1,
.container h2,
.container h3,
.container h4 {
  text-decoration: none !important;
}

/* Highlighted Text - Solid Orange (No Gradients) */
.ree-text,
.rt40,
.rt60 {
  color: var(--digi-orange) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

/* Remove underline from highlighted text */
.ree-text:after,
.rt40:after,
.rt60:after {
  display: none !important;
  content: none !important;
  background: none !important;
  height: 0 !important;
}

/* Primary Buttons - Orange */
.ree-btn-grdt1,
.ree-btn-grdt1:hover {
  background: linear-gradient(135deg, var(--digi-orange) 0%, var(--digi-orange-light) 100%) !important;
  border: none !important;
  color: #fff !important;
}

.ree-btn-grdt1:hover {
  background: linear-gradient(135deg, var(--digi-orange-dark) 0%, var(--digi-orange) 100%) !important;
  box-shadow: 0 10px 30px rgba(247, 147, 30, 0.4) !important;
}

/* Secondary Buttons - Blue */
.ree-btn-grdt2,
.ree-btn-grdt2:hover {
  background: linear-gradient(135deg, var(--digi-blue) 0%, var(--digi-blue-light) 100%) !important;
  border: none !important;
  color: #fff !important;
}

.ree-btn-grdt2:hover {
  background: linear-gradient(135deg, var(--digi-blue-dark) 0%, var(--digi-blue) 100%) !important;
  box-shadow: 0 10px 30px rgba(41, 90, 171, 0.4) !important;
}

/* Stats Boxes - Brand Colors */
.stats-box.stat-bx-1 {
  background: linear-gradient(135deg, var(--digi-orange) 0%, var(--digi-orange-light) 100%) !important;
}

.stats-box.stat-bx-2 {
  background: linear-gradient(135deg, var(--digi-blue) 0%, var(--digi-blue-light) 100%) !important;
}

.stats-box.stat-bx-3 {
  background: linear-gradient(135deg, var(--digi-blue-dark) 0%, var(--digi-blue) 100%) !important;
}

.stats-box.stat-bx-4 {
  background: linear-gradient(135deg, var(--digi-orange-dark) 0%, var(--digi-orange) 100%) !important;
}

/* Links - Orange on Hover */
a:hover {
  color: var(--digi-orange) !important;
}

/* Navigation Active/Hover - Orange */
.menu-links:hover,
.menu-links.active {
  color: var(--digi-orange) !important;
}

/* Sub Headings - Orange */
.sub-heading {
  color: var(--digi-orange) !important;
}

/* Icon Boxes - Orange Accent */
.icon-with-title:hover,
.service-box:hover {
  border-color: var(--digi-orange) !important;
}

.icon-with-title:hover .iwt-icon,
.service-box:hover .icon-box {
  background: var(--digi-orange) !important;
  color: #fff !important;
}

/* Portfolio Items - Orange Overlay */
.work-thumbnails:hover::after {
  background: rgba(247, 147, 30, 0.9) !important;
}

/* Form Inputs - Blue Focus */
input:focus,
textarea:focus,
select:focus {
  border-color: var(--digi-blue) !important;
  box-shadow: 0 0 0 0.2rem rgba(41, 90, 171, 0.25) !important;
}

/* Footer Links - Orange Hover */
.footer-links-list a:hover {
  color: var(--digi-orange) !important;
}

/* Social Icons - Brand Colors */
.social-linkz li a:hover {
  background: var(--digi-orange) !important;
  color: #fff !important;
}

/* Pricing Tables - Brand Colors */
.pricing-table.featured {
  border-color: var(--digi-orange) !important;
}

.pricing-table .price-head {
  background: linear-gradient(135deg, var(--digi-blue) 0%, var(--digi-blue-light) 100%) !important;
}

.pricing-table.featured .price-head {
  background: linear-gradient(135deg, var(--digi-orange) 0%, var(--digi-orange-light) 100%) !important;
}

/* Badges and Tags - Orange */
.badge-primary,
.tag-primary {
  background: var(--digi-orange) !important;
  color: #fff !important;
}

/* Progress Bars - Orange */
.progress-bar {
  background: linear-gradient(90deg, var(--digi-orange) 0%, var(--digi-orange-light) 100%) !important;
}

/* Testimonial Cards - Blue Accent */
.testimonial-card {
  border-top: 4px solid var(--digi-blue) !important;
}

/* Section Backgrounds */
.r-bg-i {
  background: linear-gradient(180deg, #f8f9fa 0%, #fff 100%) !important;
}

/* Animated Elements */
@keyframes pulse-orange {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(247, 147, 30, 0.7);
  }
  50% {
    box-shadow: 0 0 0 20px rgba(247, 147, 30, 0);
  }
}

@keyframes pulse-blue {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(41, 90, 171, 0.7);
  }
  50% {
    box-shadow: 0 0 0 20px rgba(41, 90, 171, 0);
  }
}

.pulse-orange {
  animation: pulse-orange 2s infinite;
}

.pulse-blue {
  animation: pulse-blue 2s infinite;
}

/* Mobile Menu - Orange Accent */
.hc-offcanvas-nav .nav-link:hover,
.hc-offcanvas-nav .nav-link.active {
  color: var(--digi-orange) !important;
}

/* Scrollbar - Orange Theme */
::-webkit-scrollbar-thumb {
  background: var(--digi-orange) !important;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--digi-orange-dark) !important;
}

/* Selection Color - Orange */
::selection {
  background: var(--digi-orange) !important;
  color: #fff !important;
}

::-moz-selection {
  background: var(--digi-orange) !important;
  color: #fff !important;
}

/* Loading Spinner - Orange */
.loader-div {
  border-color: var(--digi-orange) !important;
}

/* Call to Action Sections - Brand Gradient */
.cta-section {
  background: linear-gradient(135deg, var(--digi-blue) 0%, var(--digi-orange) 100%) !important;
  color: #fff !important;
}

/* Counter Numbers - Orange */
.counter {
  color: var(--digi-orange) !important;
}

/* Timeline - Blue Accent */
.timeline-item::before {
  background: var(--digi-blue) !important;
}

/* Cards - Hover Effect */
.card:hover {
  border-color: var(--digi-orange) !important;
  box-shadow: 0 10px 30px rgba(247, 147, 30, 0.2) !important;
}

/* Hero Section Enhancement - Solid Orange Color */
.hero-content-a h1 {
  color: #30303c !important;
}

/* Orange highlighted text in H1 */
.hero-content-a h1 .ree-text {
  color: var(--digi-orange) !important;
}

/* Kerala Digital Park Tagline Styling */
.tagline-subtext {
  color: var(--digi-blue) !important;
  font-weight: 500 !important;
}

/* Service Icons - Alternating Colors */
.service-box:nth-child(odd) .icon-box {
  background: rgba(247, 147, 30, 0.1) !important;
  color: var(--digi-orange) !important;
}

.service-box:nth-child(even) .icon-box {
  background: rgba(41, 90, 171, 0.1) !important;
  color: var(--digi-blue) !important;
}

/* Brand Guidelines Note */
/*
 * Orange (#F7931E) - Use for:
 * - Primary CTAs and buttons
 * - Highlights and accents
 * - Important text emphasis
 * - Hover states
 *
 * Blue (#295AAB) - Use for:
 * - Secondary buttons
 * - Trust elements
 * - Professional sections
 * - Supporting accents
 */