/*
Theme Name: Digifies
Theme URI: https://digifies.com
Author: Digifies Team
Author URI: https://digifies.com
Description: Custom WordPress theme for Digifies agency with exact brand colors (#490E58, #E3E3E5, #1B1C1B, #E6572E, #A5C63E), 4-column services grid, 3-column portfolio showcase, founder section, and pure black footer.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: digifies
Tags: custom-colors, custom-logo, custom-menu, featured-images, theme-options, translation-ready, full-width-template, elementor, agency, portfolio
*/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Outfit:wght@400;500;600;700;800;900&display=swap');

:root {
  /* Exact Hybrid Brand Palette from Design */
  --color-purple-primary: #490E58;
  --color-purple-dark: #370B42;
  --color-purple-vibrant: #6B1F80;
  --color-bg-light: #FAFAFC;
  --color-bg-light-alt: #FFFFFF;
  --color-bg-black: #1B1C1B;
  --color-pure-black: #000000;
  --color-bg-hero: #120317;
  --color-bg: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-border: #E2E8F0;
  --color-text-muted: #718096;
  --color-text-dark: #1A202C;
  --color-text-body: #4A5568;

  /* Additional Vibrant Palette Accents */
  --color-accent-pink: #D35C74;
  --color-accent-lime: #A5C63E;
  --color-accent-orange: #E6572E;
  --color-accent-teal: #1E3F4F;
  --color-accent-crimson: #751B19;

  /* Typography */
  --font-heading: "Editor's Note", "Editors Note Bold", 'Outfit', 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Layout Boundaries */
  --container-width: 1200px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;
  --header-height: 75px;

  /* Semantic brand color alias */
  --color-accent: var(--color-purple-primary);
  --color-secondary: var(--color-accent-lime);
}

html {
  font-size: 15px;
  scroll-behavior: smooth;
  background-color: #FFFFFF;
  color: #1A202C;
}

body {
  font-family: var(--font-body);
  background-color: #FFFFFF;
  color: #4A5568;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* 1. HERO SECTION (DARK WITH CUSTOM BACKGROUND IMAGE) */
.hero-section-v2 {
  background-color: #120317 !important;
  background-image: linear-gradient(180deg, rgba(18, 3, 23, 0.82) 0%, rgba(18, 3, 23, 0.92) 100%), url('https://digifies.com/wp-content/uploads/2026/09/Slider-1.jpg-scaled.jpeg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  color: #FFFFFF !important;
}
.hero-section-v2 h1, .hero-section-v2 h2, .hero-section-v2 h3 {
  color: #FFFFFF !important;
}
.hero-section-v2 p {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* 2. INTRO & CONTENT SECTIONS (LIGHT & CLEAN) */
.section-intro-light, .services-section-v2, .portfolio-section-v2,
.founder-section, .testimonials-section, .stats-section, .trusted-section, .blog-section {
  color: #1A202C;
}

.section-intro-light h2, .services-section-v2 h2, .portfolio-section-v2 h2,
.founder-section h2, .testimonials-section h2, .why-left h2, .blog-section h2, .single-portfolio h1,
.single-service h1, .single-team_portfolio h1 {
  color: #1A202C !important;
}

.intro-content-max p, .founder-content p, .process-step p,
.testimonial-text, .service-card-v2 p, .service-card-v2 li, .blog-card-excerpt {
  color: #4A5568 !important;
}

.section-label, .founder-acca, .service-explore-link {
  color: var(--color-purple-primary) !important;
}

/* 3. LIGHT THEME CARDS */
.service-card-v2, .portfolio-card-v2, .portfolio-card, .testimonial-card, .blog-card,
.digifies-shortcode-services .service-card-v2,
.digifies-shortcode-testimonials > div,
.digifies-shortcode-team > div,
.digifies-shortcode-portfolio .portfolio-card,
.digifies-shortcode-blog .blog-card {
  background-color: #FFFFFF !important;
  color: #1A202C !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.service-card-v2:hover, .portfolio-card:hover, .testimonial-card:hover, .blog-card:hover,
.digifies-shortcode-testimonials > div:hover,
.digifies-shortcode-team > div:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08) !important;
}

.portfolio-card:hover .portfolio-mockup-img,
.portfolio-card:hover img {
  transform: scale(1.06) !important;
}

.service-card-v2 h3, .portfolio-card-v2 h3, .portfolio-card h3, .portfolio-card-v2 .card-title,
.portfolio-card-v2 .card-title a, .testimonial-author-info strong {
  color: #1A202C !important;
}

.portfolio-card-v2 .card-sub, .testimonial-author-info span, .stat-label {
  color: #718096 !important;
}

.card-arrow-btn, .founder-social a {
  border: 1px solid #E2E8F0 !important;
  color: var(--color-purple-primary) !important;
}

/* 4. STATS SECTION */
.stat-number {
  color: var(--color-purple-primary) !important;
}
.stat-number span {
  color: var(--color-accent-orange) !important;
}

/* 5. CALL TO ACTION & CONTACT (DARK) */
.cta-section, .digifies-shortcode-cta {
  background: #0E0412 !important;
  color: #FFFFFF !important;
}
.cta-section h2, .cta-section h3, .digifies-shortcode-cta h2 {
  color: #FFFFFF !important;
}
.cta-section p, .digifies-shortcode-cta p {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* 6. FOOTER (DARK BLACK) */
.site-footer-black {
  background-color: #1B1C1B !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.site-footer-black .footer-logo {
  color: #FFFFFF !important;
}
.site-footer-black .footer-col-title {
  color: rgba(255, 255, 255, 0.45) !important;
}
.site-footer-black .footer-nav-list a {
  color: rgba(255, 255, 255, 0.72) !important;
}
.site-footer-black .footer-nav-list a:hover {
  color: var(--color-accent-lime) !important;
}

@font-face {
  font-family: "Editor's Note";
  src: url('assets/fonts/EditorsNote-Bold.woff2') format('woff2'),
       url('assets/fonts/EditorsNote-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Editors Note Bold";
  src: url('assets/fonts/EditorsNote-Bold.woff2') format('woff2'),
       url('assets/fonts/EditorsNote-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}