/*
 * JobReady Global Design System - Elementor !important Fixes
 *
 * These rules NEED !important because Elementor applies inline styles
 * that cannot be overridden by normal CSS specificity.
 *
 * RULES FOR USING THIS FILE:
 * 1. These are TEMPORARY fixes
 * 2. Each rule has a comment explaining how to fix it in Elementor instead
 * 3. Once the Elementor fix is applied, REMOVE the corresponding CSS rule
 *
 * HOW TO FIX IN ELEMENTOR (remove from this file after):
 * - Heading colors: Edit heading widget → Style → Text Color
 * - Text colors: Edit text widget → Style → Text Color  
 * - Container backgrounds: Edit container → Style → Background
 * - Container hover: Edit container → Style → Hover → Background
 * - Font sizes: Edit heading widget → Style → Typography → Size
 */

/* ============================================================
   ELEMENTOR ELEMENT IMPORTANT FIXES
   These rules target specific Elementor elements by data-id or element class.
   They NEED !important because Elementor applies inline styles.
   
   ELEMENTOR CAN HANDLE THESE — Move to Elementor editor when possible:
   - Section 10: Step heading colors → Set color in heading widget
   - Section 11: Sub-section heading colors → Set color in heading widget  
   - Section 13: Endorsement h3 color → Set color in heading widget
   - Section 14: Hero description colors → Set color in text widget
   - Section 15: Partners container hover → Set in container hover style
   - Section 17: Service types container bg → Set container background color
   ============================================================ */

/* --- 10. Step/Process Text Colors --- */
.elementor-element-688d502 .elementor-heading-title,
.elementor-element-802200d .elementor-heading-title,
.elementor-element-e657cc2 .elementor-heading-title {
  color: var(--e-global-color-c7134ec)!important;
}

/* --- 11. Sub-section Heading Colors --- */
.elementor-element-b3fd558 .elementor-heading-title,
.elementor-element-297fdae .elementor-heading-title,
.elementor-element-0ebcff4 .elementor-heading-title {
  color: #40454F !important;
}

/* --- 13. Endorsement Section H3 Color --- */
#endorsement h3 {
  color: #40454F !important;
}

/* --- 14. Hero Slide Descriptions Color --- */
[data-id="4b86d80"] .elementor-widget-container,
[data-id="c2b4614"] .elementor-widget-container,
[data-id="6d430cf"] .elementor-widget-container,
[data-id="c81a8af"] .elementor-widget-container {
  color: #40454F !important;
}

/* --- 15. Global Partners Containers Hover --- */
/* [data-id="90b2c4a"]:hover,
[data-id="f9bef69"]:hover,
[data-id="d2aa4db"]:hover {
  background-color: #2682F9 !important;
} */

/* --- 17. Service Types Container Background --- */
/* [data-id="87c4b1c"] {
  background-color: #2682F9 !important;
} */
/* ============================================================
   JOBRREADY TARGETED TYPOGRAPHY FIXES
   Each rule targets specific Elementor data-ids.
   No broad class selectors to avoid breaking other elements.
   ============================================================ */

/* --- Decorative brand words: heading/xl (28px) --- */
/* চমৎকার, অর্জন করেছেন, লার্নিং, ইনকাম, এবং, বিকাশ */
[data-id="297317c"] h2,
[data-id="52d6492"] h2,
[data-id="a1e6b57"] h2,
[data-id="8e9a36a"] h2,
[data-id="6382138"] h2,
[data-id="85b83c6"] h2,
[data-id="3a7733e"] h2 {
  font-size: 28px !important;
  line-height: 36px !important;
  letter-spacing: -0.5px !important;
}

@media (max-width: 768px) {
  [data-id="297317c"] h2,
  [data-id="52d6492"] h2,
  [data-id="a1e6b57"] h2,
  [data-id="8e9a36a"] h2,
  [data-id="6382138"] h2,
  [data-id="85b83c6"] h2,
  [data-id="3a7733e"] h2 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}

@media (max-width: 576px) {
  [data-id="297317c"] h2,
  [data-id="52d6492"] h2,
  [data-id="a1e6b57"] h2,
  [data-id="8e9a36a"] h2,
  [data-id="6382138"] h2,
  [data-id="85b83c6"] h2,
  [data-id="3a7733e"] h2 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}

/* --- Step labels: heading/m (20px) - reduced from 24px --- */
/* ষ্টেপ ১, ষ্টেপ ২, স্টেপ ৩ */
[data-id="688d502"] h2,
[data-id="802200d"] h2,
[data-id="e657cc2"] h2 {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0px !important;
}

@media (max-width: 768px) {
  [data-id="688d502"] h2,
  [data-id="802200d"] h2,
  [data-id="e657cc2"] h2 {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}

@media (max-width: 576px) {
  [data-id="688d502"] h2,
  [data-id="802200d"] h2,
  [data-id="e657cc2"] h2 {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

/* --- Course card titles: heading/m (20px) --- */
/* Targeted by data-id to avoid affecting other headings */
[data-id="61cb866"] h2.elementor-heading-title {
  font-size: 20px !important;
  line-height: 24px !important;
  letter-spacing: 0px !important;
}

@media (max-width: 768px) {
  [data-id="61cb866"] h2.elementor-heading-title {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}

@media (max-width: 576px) {
  [data-id="61cb866"] h2.elementor-heading-title {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}