/* UX Overrides - delivered last to ensure section-scoped improvements take effect */
:root {
    --ux-gap-vertical: 28px;
    --ux-max-width: 1100px;
}

/* Standardize section containers */
.container, .cp-container, .certificate-grid, .instructors-section .container {
    max-width: var(--ux-max-width);
}

/* Make section overlay much lighter so content reads clearly */
section::before { opacity: 0.12 !important; }

/* Navbar tweaks: increase hit area and spacing */
.navbar, .nav { padding-top: 10px; padding-bottom: 10px; }
.navbar .nav-link { padding: 10px 12px; }

/* Footer: reduce density and improve contrast */
footer { padding: clamp(28px,4vw,56px) 0; background:#071022; color: #e6eef6; }
footer a { color: #ffd2b3; }

/* Testimonials: unify card appearance */
.testimonial-card, .testimonials-card, .card-testimonial {
    border-radius: 16px;
    background: #fff;
    padding: 18px;
    box-shadow: 0 12px 30px rgba(2,6,23,0.06);
}

/* Ensure buttons align center across many sections */
section .actions, .section-actions, .cta-row { display:flex; justify-content:center; gap:12px; }

/* Harmonize list spacing inside cards */
.card ul, .card ol { margin-left: 18px; margin-bottom: 12px; }

/* Slightly larger, more legible body copy on desktop */
@media (min-width: 992px) { p { font-size: 1.03rem; } }

/* Reduce heavy overlay on small screens to improve legibility */
@media (max-width:768px) { section::before { opacity: 0.06 !important; } }

/* Make CTA micro-animation subtle across site */
.site-cta, .hp-btn-shiny, .pricing-btn-primary, .cp-main-button, .certificate-btn-primary { transition: transform 220ms cubic-bezier(.2,.9,.2,1), box-shadow 220ms ease; }

/* Accessibility: ensure focus ring visible for keyboard users */
:focus { outline: 3px solid rgba(255,106,0,0.14); outline-offset: 3px; }

/* Utility: center images in visual areas */
.visual-center { display:flex; justify-content:center; align-items:center; }

/* Slightly reduce the intensity of decorative glows across site */
.hp-orb, .cp-bg-glow, .instructors-bg-glow, .cta-glow { opacity: 0.28 !important; }

/* Make headings responsive and avoid jumping layout */
h2 { font-size: clamp(1.35rem, 2.6vw, 2.2rem); line-height:1.08; }

/* Ensure footer copyright small-print has adequate spacing */
.footer-copyright { margin-top: 18px; opacity: 0.85; }

/* End overrides */