/*
Theme Name:   AI-MICH Group
Theme URI:    https://ai-mich.com
Author:       Abanoub-Maurice
Author URI:   https://abanoubmaurice.com/
Description:  theme for AI-MICH Group — Branded Promotional Products & Corporate Gifting. BSCI + ISO 9001 Certified. All content is static (no dashboard editing required). Includes: Hero, About, Portfolio, Services, Clients, Certifications, Events, Why-Choose-Us, Contact, and 7 inner pages.
Version:      1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License:      GPL-2.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  aimich
Tags:         one-page, corporate, business, custom-logo, full-width-template, sticky-post
*/

/*
  الأستايل الرئيسي محفوظ في:
  assets/css/01-variables.css
  assets/css/02-base.css
  assets/css/03-layout.css
  assets/css/04-buttons.css
  assets/css/05-header.css
  assets/css/06-hero.css
  assets/css/07-stats.css
  assets/css/08-about.css
  assets/css/09-services.css
  assets/css/10-clients.css
  assets/css/11-certifications.css
  assets/css/12-events.css
  assets/css/13-why.css
  assets/css/14-contact.css
  assets/css/15-footer.css
  assets/css/16-modal.css
  assets/css/17-portfolio.css
  assets/css/18-responsive.css
  assets/css/19-inner-pages.css
*/

/* NINER brand polish: blue carries structure, yellow carries emphasis. */
:root {
  --clr-accent: #F6B800;
  --clr-accent-dark: #B87500;
  --clr-accent-bg: rgba(246, 184, 0, 0.14);
}

.section-eyebrow,
.heading-accent,
.mobile-nav .nav-link::after,
.mobile-nav .nav-link:hover,
.mobile-nav .nav-link.active,
.row-2 .word:last-child,
.stat-number--red,
.svc-brand-label,
.contact-label,
.contact-value--link,
a.contact-value:hover,
.footer-tagline,
.footer-contact-item svg,
.page-tab.active {
  color: var(--clr-accent-dark);
}

.section-heading-line,
.dot--active,
.svc-brand-rule,
.cert-badge-back,
.why-feature-title::after,
.form-progress-bar,
.pf-progress-fill,
.footer-col-title::after {
  background: var(--clr-accent);
}

.btn--outline {
  color: var(--clr-accent-dark);
  border-color: var(--clr-accent);
}

.btn--outline:hover,
.btn--outline:focus-visible {
  background: var(--clr-accent);
  border-color: var(--clr-accent);
  color: var(--clr-dark);
}

.stat-dot,
.badge,
.product-thumb.is-active {
  border-color: var(--clr-accent);
  color: var(--clr-accent-dark);
}

.badge,
.why-feature-icon-wrap,
.contact-icon-wrap,
.why-icon {
  background: var(--clr-accent-bg);
}

.badge:hover,
.stat-node:hover .stat-dot,
.why-feature:hover .why-feature-icon-wrap,
.contact-item:hover .contact-icon-wrap,
.footer-social-link:hover {
  background: var(--clr-accent);
  border-color: var(--clr-accent);
  color: var(--clr-dark);
}

.site-header:not(.scrolled) .nav-link:hover,
.site-header:not(.scrolled) .nav-link.active {
  color: var(--clr-accent);
}

.site-header .primary-nav .nav-link:hover,
.site-header .primary-nav .nav-link.active,
.site-header:not(.scrolled) .primary-nav .nav-link:hover,
.site-header:not(.scrolled) .primary-nav .nav-link.active {
  color: var(--clr-accent-dark);
  border-bottom-color: var(--clr-accent-dark);
}

.mobile-nav {
  border-top-color: var(--clr-accent);
}

.stat-connector--down {
  background: linear-gradient(to bottom, var(--clr-accent), rgba(246, 184, 0, .2));
}

.stat-connector--up {
  background: linear-gradient(to bottom, rgba(246, 184, 0, .2), var(--clr-accent));
}

.contact-deco--left::before,
.contact-deco--left::after,
.contact-deco-line3 {
  background: linear-gradient(to bottom, transparent 0%, var(--clr-accent) 30%, var(--clr-accent) 70%, transparent 100%);
}

.logo-sub--footer,
footer,
.page-tab.active {
  border-color: var(--clr-accent);
}

.form-step input:focus,
.form-step select:focus,
.form-step textarea:focus,
::focus-visible {
  border-color: var(--clr-accent);
  outline-color: var(--clr-accent);
}

/* Visibility safety net: content must remain visible even if scroll animation JS is delayed or blocked. */
.about-text,
.about-image-wrap,
.clients-section,
.clients-section__subtitle,
.clients-section__stats,
.cert-badge,
.events-photo,
.why-feature,
.contact-item,
.stat-node {
  opacity: 1 !important;
  transform: none !important;
}

.about-image-clip {
  clip-path: inset(0 0 0 0) !important;
}