/*======================================
 * Theme Name: DesignCopy Extra Child
 * Theme URI: https://designcopy.net
 * Description: Custom child theme for DesignCopy - AI, Data Science & SEO platform
 * Author: DesignCopy
 * Author URI: https://designcopy.net
 * Template: Extra
 * Version: 1.1.0
 * ======================================*/

:root {
	    --brand-navy: #0F172A;
	    --brand-steel: #1E293B;
	    --brand-accent: #3B82F6;
	    --brand-accent-light: #06B6D4;
	    --brand-warning: #F59E0B;
	    --brand-text: #F8FAFC;
	    --brand-text-muted: #94A3B8;
	    --brand-white: #ffffff;
	    --brand-light-bg: #1E293B;
	    --brand-border: #334155;
	    --font-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
	    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	    --fs-hero: clamp(2rem, 5vw, 3.25rem);
	    --fs-h2: clamp(1.5rem, 3vw, 2rem);
	    --fs-h3: clamp(1.15rem, 2vw, 1.5rem);
	    --fs-body: 1rem;
	    --fs-small: 0.875rem;
	    --fs-xs: 0.75rem;
	    --space-xs: 0.5rem;
	    --space-sm: 1rem;
	    --space-md: 1.5rem;
	    --space-lg: 2rem;
	    --space-xl: 3rem;
	    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
	    --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
	    --shadow-lg: 0 12px 40px rgba(0,0,0,0.12);
	    --shadow-card: 0 2px 20px rgba(0,0,0,0.06);
	    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
	    --transition-fast: 0.2s cubic-bezier(0.33, 1, 0.68, 1);
	    --transition-med: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
	    --radius-sm: 6px;
	    --radius-md: 12px;
	    --radius-lg: 16px;
}

.footer-bottom .et-bottom-nav, .flexile-cta-bar { display: none !important; }
#top-header { display: none !important; }
.et-trending { display: none !important; }
@font-face { font-family: 'ETmodules'; font-display: swap; }

.module-head .post, .et_pb_blog_grid .et_pb_post, #content-area .post {
	    transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1), box-shadow 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
.module-head .post:hover, .et_pb_blog_grid .et_pb_post:hover, #content-area .post:hover {
	    transform: translateY(-4px);
	    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.designcopy-breadcrumbs { padding: 12px 0; font-size: 0.875rem; color: #94A3B8; }
.designcopy-breadcrumbs a { color: #3B82F6; text-decoration: none; }
.designcopy-breadcrumbs a:hover { color: #06B6D4; }

.designcopy-homepage .post .entry-title a { line-height: 1.35; }
.designcopy-homepage .post .entry-title a:hover { color: #3B82F6 !important; }
.designcopy-homepage .post-meta .meta-categories a {
	    background: rgba(59,130,246,0.1); color: #3B82F6; padding: 2px 10px;
	    border-radius: 20px; font-size: 0.75rem; font-weight: 600;
	    text-transform: uppercase; letter-spacing: 0.5px;
}
.designcopy-homepage .post-meta .meta-categories a:hover { background: #3B82F6; color: #fff; }

.widget_custom_html iframe[src*="tradingview"], .tradingview-widget-container { display: none !important; }

@media (max-width: 767px) {
	#main-header .nav li a, .et-menu a, .mobile_nav a {
		        padding: 12px 16px !important; min-height: 44px; display: flex; align-items: center;
	}
	.et_pb_button, input[type="submit"], button[type="submit"] {
		        min-height: 48px; padding: 14px 24px !important;
	}
	input[type="text"], input[type="email"], input[type="search"], textarea, select {
		        font-size: 16px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		        animation-duration: 0.01ms !important; animation-iteration-count: 1 !important;
		        transition-duration: 0.01ms !important; scroll-behavior: auto !important;
	}
}

a:focus-visible, button:focus-visible, input:focus-visible, [tabindex]:focus-visible {
	    outline: 2px solid #3B82F6; outline-offset: 2px; border-radius: 6px;
}

@

/* === 10. PERFORMANCE — COMPOSITED ANIMATIONS (Apr 2026) === */
.et-pb-slider .et-pb-arrow-prev,
.et-pb-slider .et-pb-arrow-next,
.et_pb_slider .et-pb-arrow-prev,
.et_pb_slider .et-pb-arrow-next {
    top: 50% !important;
    transform: translateY(-50%) !important;
    will-change: transform;
}
.visually-hidden {
    position: absolute !important; width: 1px !important; height: 1px !important;
    padding: 0 !important; margin: -1px !important; overflow: hidden !important;
    clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;
}

/* === 11. PRINT STYLES === */
@media print {
    #main-header, .et-fixed-header, #sidebar, .widget-area, .et_pb_comments_module,
    footer, #footer, #footer-bottom, .ticker-wrap { display: none !important; }
    body { font-size: 12pt; line-height: 1.5; color: #000 !important; background: #fff !important; }
    a { color: #000 !important; text-decoration: underline; }
}