/*
 Theme Name:   MetricsWorks Child
 Description:  Hello Elementor Child Theme for MetricsWorks
 Author:       Admin
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  metricsworks-child
*/

/* 
=============================================================================
   Elementor Overrides for Custom Widgets
   These rules strip Elementor's default paddings and margins for our custom 
   HTML widgets, ensuring the original source CSS dictates the layout.
============================================================================= 
*/

/* Force sections that contain our custom widgets to act as raw wrappers */
.elementor-widget[class*="elementor-widget-metricsworks_"] {
    margin-bottom: 0 !important;
}

/* Remove default column padding if it holds our custom widget */
.elementor-column:has(.elementor-widget[class*="elementor-widget-metricsworks_"])>.elementor-widget-wrap {
    padding: 0 !important;
}

/* Fix for .parent-section having too much padding on mobile */
@media (max-width: 768px) {
    .parent-section {
        padding-bottom: 40px !important;
        /* Reduced from 80px */
    }
}

/* Ensure absolute backgrounds inside Elementor don't cause overflow */
.elementor-page {
    overflow-x: hidden;
}

/* Prevent Elementor Global Typography from breaking our custom headers */
.elementor-widget[class*="elementor-widget-metricsworks_"] h1,
.elementor-widget[class*="elementor-widget-metricsworks_"] h2,
.elementor-widget[class*="elementor-widget-metricsworks_"] h3,
.elementor-widget[class*="elementor-widget-metricsworks_"] h4,
.elementor-widget[class*="elementor-widget-metricsworks_"] h5,
.elementor-widget[class*="elementor-widget-metricsworks_"] h6 {
    font-family: var(--font-main) !important;
}

.elementor-widget[class*="elementor-widget-metricsworks_"] .hero-subtitle,
.elementor-widget[class*="elementor-widget-metricsworks_"] .section-subtitle,
.elementor-widget[class*="elementor-widget-metricsworks_"] .panel-default .vertical-text,
.elementor-widget[class*="elementor-widget-metricsworks_"] .hero-tags {
    font-family: var(--font-mono) !important;
}

.cap-material-name {
    margin-top: 0px;
}

.fac-network-step-title,
p.fac-advantage-card-footer-desc,
p.fac-network-step-desc,
p.fac-parent-card-subtitle,
p.fac-parent-card-desc,
p.fac-advantage-desc,
p.fac-advantage-stat-val {
    margin-bottom: 0px;
}

p.contact-email-title,
h2.contact-cta-title {
    margin-bottom: 0px;
}

.contact-cta-btn-primary:hover {
    color: var(--primary-color);
}


/* blog detail page design : start */

/* Force a solid dark header on single posts so the navigation remains visible */
body.single-post .site-header {
    background-color: #0a0e14 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.blog-detail-light-theme {
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    padding-top: 156px;
    /* 96px header + 60px spacing */
    padding-bottom: 80px;
    min-height: 100vh;
    background-color: #ffffff;
    color: #212529;
    display: block;
}

.blog-detail-container {
    max-width: 900px;
    margin: 0 auto;
}

.blog-detail-light-theme .breadcrumbs {
    font-family: var(--font-mono);
    font-size: 12px;
    color: #212529;
    margin-bottom: 32px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 16px;
}

.blog-detail-light-theme .breadcrumbs a {
    color: var(--primary-color);
    text-decoration: none;
    transition: color 0.3s;
}

.blog-detail-light-theme .breadcrumbs .current {
    font-weight: 700;
}

.blog-detail-light-theme .entry-header {
    margin-bottom: 40px;
}

.blog-detail-light-theme .entry-title {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.1;
    margin: 0 0 24px 0;
    /* Forced to 0 left margin to align perfectly with breadcrumbs */
    color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: -0.025em;
}

/* Override .hero-tags for light theme */
.blog-detail-light-theme .hero-tags {
    margin-bottom: 40px;
    border-left: 2px solid var(--primary-color);
    padding-left: 16px;
    align-items: center;
    color: #212529;
}

.blog-detail-light-theme .hero-tags .dot {
    color: rgba(0, 0, 0, 0.4);
}

.blog-detail-light-theme .hero-tags a,
.blog-detail-light-theme .hero-tags .cat-links,
.blog-detail-light-theme .hero-tags .tag-links {
    color: var(--primary-color);
}

.blog-detail-light-theme .post-thumbnail {
    margin-bottom: 48px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.blog-detail-light-theme .post-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}

.blog-detail-light-theme .entry-content {
    font-size: 1.125rem;
    line-height: 1.8;
    color: #212529;
    font-weight: 400;
}

.blog-detail-light-theme .entry-content h1,
.blog-detail-light-theme .entry-content h2,
.blog-detail-light-theme .entry-content h3,
.blog-detail-light-theme .entry-content h4,
.blog-detail-light-theme .entry-content h5,
.blog-detail-light-theme .entry-content h6 {
    color: #1a1a1a;
    margin-top: 2em;
    margin-bottom: 1em;
    font-weight: 700;
}

.blog-detail-light-theme .entry-content h2 {
    font-size: 2rem;
}

.blog-detail-light-theme .entry-content h3 {
    font-size: 1.5rem;
}

.blog-detail-light-theme .entry-content p {
    margin-bottom: 1.5em;
}

.blog-detail-light-theme .entry-content a {
    color: var(--primary-color);
    text-decoration: underline;
    transition: all 0.3s;
}

.blog-detail-light-theme .entry-content a:hover {
    color: var(--primary-color-hover);
}

.blog-detail-light-theme .entry-content ul,
.blog-detail-light-theme .entry-content ol {
    margin-bottom: 1.5em;
    padding-left: 2em;
}

.blog-detail-light-theme .entry-content li {
    margin-bottom: 0.5em;
}

.blog-detail-light-theme .entry-content img {
    max-width: 100%;
    height: auto;
    border: 1px solid var(--text-gray);
    margin: 1.5em 0;
    border-radius: 4px;
}

.blog-detail-light-theme .post-tags {
    margin-top: 64px;
    padding-top: 24px;
    border-top: 1px solid var(--text-gray);
    border-left: none;
    /* Override hero-tags left border for tags at bottom */
    padding-left: 0;
}

.blog-detail-light-theme .post-tags span:first-child {
    margin-right: 12px;
}

/* blog detail page design : end */

/* =======================================================
   Light Theme: Why Us Answer Widget (No !important)
   ======================================================= */

.why-answer-section-light {
    background-color: var(--text-white);
}

.why-answer-section-light .why-answer-pattern-light {
    background-image: none;
}

.why-answer-section-light .why-answer-bg-text-light {
    color: rgba(0, 0, 0, 0.03);
}


.why-answer-section-light .why-answer-title-light,
.why-answer-section-light .why-answer-desc-light,
.why-answer-section-light .why-answer-bold-light {
    color: var(--text-dark);
}

.why-answer-section-light .why-answer-stats-grid-light,
.why-answer-section-light .why-answer-stat-light {
    background-color: #F8F9FA;
    border-color: #E5E5E5;
}

.why-answer-section-light .why-answer-stat-val-light,
.why-answer-section-light .why-answer-stat-title-light {
    color: var(--text-dark);
}

.why-answer-section-light .why-answer-stat-desc-light {
    color: #4b5563;
}

.why-answer-section-light .why-answer-tag-light {
    color: var(--text-dark);
    border-color: var(--text-dark);
}

.why-answer-section-light .why-answer-tag-light.why-answer-tag-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

/* =======================================================
   Light Theme: Why Us Reasons Widget (No !important)
   ======================================================= */

.why-reasons-section-light {
    background-color: var(--text-white);
}

.why-reasons-section-light .why-reasons-pattern-light {
    background-image: none;
}

/* Headings and Main Text */

.why-reasons-section-light .why-reasons-title,
.why-reasons-section-light .why-reasons-content-kicker,
.why-reasons-section-light .why-reasons-content-title,
.why-reasons-section-light .why-reasons-accordion-num,
.why-reasons-section-light .why-reasons-accordion-title,
.why-reasons-section-light .why-reasons-accordion-stat-val {
    color: var(--text-dark);
}

.why-reasons-section-light .why-reasons-content-subkicker,
.why-reasons-section-light .why-reasons-content-desc,
.why-reasons-section-light .why-reasons-content-label,
.why-reasons-section-light .why-reasons-accordion-desc,
.why-reasons-section-light .why-reasons-accordion-stat-label,
.why-reasons-section-light .why-reasons-tab-title,
.why-reasons-section-light .why-reasons-tab-label {
    color: #4b5563;
    /* Readable dark gray for paragraphs */
}

.why-reasons-section-light .why-reasons-tab.active .why-reasons-tab-title {
    color: var(--text-dark);
}

/* Big Background Number */
.why-reasons-section-light .why-reasons-content-bg-text span {
    color: var(--text-dark);
}

/* Desktop Tabs Area */
.why-reasons-section-light .why-reasons-tabs {
    border-color: #E5E5E5;
}

.why-reasons-section-light .why-reasons-tab {
    background-color: transparent;
    border-color: #E5E5E5;
}

.why-reasons-section-light .why-reasons-tab.active {
    background-color: #F8F9FA;
    border-color: #E5E5E5;
}

.why-reasons-section-light .why-reasons-tab-num,
.why-reasons-section-light .why-reasons-tab-val {
    color: var(--text-dark);
}

.why-reasons-section-light .why-reasons-tab-icon {
    color: var(--text-dark);
}

/* Desktop Content Area */
.why-reasons-section-light .why-reasons-content {
    background-color: #F8F9FA;
    border-color: #E5E5E5;
}

.why-reasons-section-light .why-reasons-content-top-bar {
    background-color: #E5E5E5;
}

.why-reasons-section-light .why-reasons-content-icon-box {
    background-color: var(--text-white);
    border-color: #E5E5E5;
    color: var(--primary-color);
}

/* Mobile Accordion */
.why-reasons-section-light .why-reasons-accordion {
    background-color: var(--text-white);
    border-color: #E5E5E5;
}

.why-reasons-section-light .why-reasons-accordion.active {
    background-color: #F8F9FA;
}

.why-reasons-section-light .why-reasons-accordion-icon {
    color: var(--text-dark);
}

.why-reasons-section-light .why-reasons-accordion-icon-box {
    background-color: var(--text-white);
    border-color: #E5E5E5;
    color: var(--primary-color);
}

/* Pagination Dots & Dividers */
.why-reasons-section-light .why-reasons-dot {
    background-color: rgba(0, 0, 0, 0.15);
}

.why-reasons-section-light .why-reasons-dot:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.why-reasons-section-light .why-reasons-dot.active {
    background-color: var(--primary-color);
}

.why-reasons-section-light .why-reasons-tab-divider {
    background-color: rgba(0, 0, 0, 0.1);
}

/* =======================================================
   Light Theme: Capabilities CNC Widget (No !important)
   ======================================================= */

.cap-cnc-section-light {
    background-color: var(--text-white);
}

/* Header & Lines */
.cap-cnc-section-light .cap-cnc-top-line,
.cap-cnc-section-light .cap-cnc-item-line {
    background-color: #E5E5E5;
}

.cap-cnc-section-light .cap-cnc-details-grid {
    border-top-color: #E5E5E5;
}

.cap-cnc-section-light .cap-cnc-details-col.border-right {
    border-right-color: #E5E5E5;
}

/* Headings and Main Text */

.cap-cnc-section-light .cap-cnc-title,
.cap-cnc-section-light .cap-cnc-item-title,
.cap-cnc-section-light .cap-cnc-qstat-val {
    color: var(--text-dark);
}

.cap-cnc-section-light .cap-cnc-item-num {
    color: var(--primary-color);
}

/* Subtitles and Descriptions */

.cap-cnc-section-light .cap-cnc-desc,
.cap-cnc-section-light .cap-cnc-qstat-label,
.cap-cnc-section-light .cap-cnc-item-desc,
.cap-cnc-section-light .cap-cnc-details-subtitle,
.cap-cnc-section-light .cap-cnc-tol-desc {
    color: #4b5563;
    /* Readable dark gray */
}

/* Quick Stats */
.cap-cnc-section-light .cap-cnc-qstat {
    border-color: #E5E5E5;
}

.cap-cnc-section-light .cap-cnc-right .cap-cnc-item,
.cap-cnc-section-light .cap-cnc-details-grid {
    border-color: #e5e7eb;
}

.cap-cnc-section-light .cap-cnc-quick-stats {
    border-top-color: #e5e7eb;
}

/* Lists */
.cap-cnc-section-light .cap-cnc-list li,
.cap-cnc-section-light .cap-cnc-materials-list li,
.cap-cnc-section-light .cap-mat-num,
.cap-cnc-section-light .cap-mat-sym,
.cap-cnc-section-light .cap-mat-name {
    color: var(--text-dark);
}

/* Icons / Badges */
.cap-cnc-section-light .cap-mat-icon {
    background-color: #F8F9FA;
    border-color: #E5E5E5;
}

p.cap-cnc-qstat-val,
p.cap-cnc-qstat-label,
p.cap-cnc-item-title,
p.cap-cnc-item-desc,
p.cap-cnc-tol-val,
p.cap-cnc-tol-desc {
    margin-bottom: 0px;
}

.cap-cnc-section-light .cap-cnc-tol-val {
    color: var(--text-dark);
}

/* =======================================================
   Light Theme: Industries Nearshore Widget (No !important)
   ======================================================= */

.ind-nearshore-section-light {
    background-color: var(--text-white);
    border-bottom-color: #e5e7eb;
}

/* Borders */
.ind-nearshore-section-light .ind-nearshore-features,
.ind-nearshore-section-light .ind-nearshore-feature,
.ind-nearshore-section-light .ind-nearshore-stats,
.ind-nearshore-section-light .ind-ns-stat-header,
.ind-nearshore-section-light .ind-ns-stat {
    border-color: #e5e7eb;
}

/* Headings and Main Text */
.ind-nearshore-section-light .ind-nearshore-title,
.ind-nearshore-section-light .ind-nearshore-feature-title,
.ind-nearshore-section-light .ind-ns-stat-title {
    color: var(--text-dark);
}

/* Subtitles and Descriptions */
.ind-nearshore-section-light .ind-nearshore-desc,
.ind-nearshore-section-light .ind-nearshore-feature-desc,
.ind-nearshore-section-light .ind-ns-stat-desc {
    color: #4b5563;
}

.ind-nearshore-feature-desc,
.ind-ns-stat-desc,
.ind-ns-stat-subtitle {
    margin-bottom: 0px;
}