/* ==========================================================================
   AFM Holding — brand colour update (October 2026)
   Midnight Slate #1F2333 · Dusk Blue #4A5170 · Cool Grey #8C92AC (logo)
   Mist #D7D9E2 · Limestone #E9E4DB · Soft Brass #B89B6A (small highlights only)
   Fonts are unchanged (Sumptuous / Glacial Indifference).
   This file only overrides colours. Delete it to return to the old gold look.
   ========================================================================== */

/* 1. Theme variables (wp-content/themes/Afmholding) ---------------------- */
html:root {
  --Background-Dark: #1F2333;
  --Text-Nav-Dark: #8C92AC;
  --Text-Nav-Light: #686C74;
  --Text-Gold-Light: #D7D9E2;
  --Text-Gold-Dark: #4A5170;
  --Text-Dark: #1F2333;
  --Text-Dark-Muted: rgba(31, 35, 51, .8);
  --Text-Muted: #686C74;
  --Border-Gold-Light: #8C92AC;
  --Gold-Subtle-Fill: rgba(140, 146, 172, .15);
  --gold-fill: rgba(140, 146, 172, .10);
  --gold-fill-h: rgba(140, 146, 172, .20);
  --gold-bd: rgba(140, 146, 172, .28);
  --gold-bd-h: rgba(215, 217, 226, .65);
  --card-bd: rgba(58, 63, 84, .8);
  --card-line: rgba(58, 63, 84, .55);
}

/* 2. Dark grounds: warm charcoal -> Midnight Slate ------------------------ */
html body .hero-section,
html body .proj-container,
html body .custom-loader,
html body .loading,
html body .dark-section,
html body .elementor-142,
html body .join-team-section,
html body .elementor-142 a.vision-button.e-button-base { background-color: #1F2333 !important; }
@media (max-width: 1119px) { html body .ceo-container { background-color: #1F2333 !important; } }
html body .loading::after { background-image: linear-gradient(-45deg, #1F2333 40%, rgba(31, 35, 51, 0), #1F2333 60%) !important; }

/* Panels on dark: #2A2A2A -> slate panel */
html body .ceo-main,
html body .team-info { background-color: #282D40 !important; }
/* Chairman text cards: cool off-white -> warm Limestone */
html body .ceo-box { background-color: #E9E4DB !important; }
html body .projects__content,
html body .team-info { outline-color: #3A3F54 !important; }
html body .team-image img { border-color: #3A3F54 !important; }

/* 3. Hero ----------------------------------------------------------------- */
html body .animatedText.hero-title { color: #D7D9E2 !important; }
html body .hero-title.animate { background-image: linear-gradient(90deg, #8C92AC, #D7D9E2, #D7D9E2) !important; }
html body .nav-counter .js-current,
html body .nav-arrow:hover { color: #D7D9E2 !important; }
html body .nav-indicator::after { background-color: #D7D9E2 !important; }

/* 4. Section titles & accents -------------------------------------------- */
html body .section-title,
html body .cta-title { color: #D7D9E2 !important; }
html body .title-accent,
html body .ceo-title .highlight,
html body .join-team-subhead { color: #fff !important; }

/* 5. Text on light grounds: #383838 -> Midnight Slate --------------------- */
html body { color: #1F2333; }
html body .project-card__heading,
html body .project-card__description,
html body .project-tabs__item--active,
html body .multi-tab-item.active,
html body .mission-title,
html body .mission-description,
html body .mission-container .mission-title,
html body .mission-container .mission-description,
html body .ceo-subtitle,
html body .ceo-text,
html body .blog-title,
html body .blog-subtitle,
html body .blog-card-title,
html body .blog-desc,
html body .blog-meta,
html body .popup-desc,
html body .pagination .page-numbers { color: #1F2333 !important; }
html body .project-tabs__item,
html body .multi-tab-item { color: rgba(31, 35, 51, .8) !important; }
html body .popup-role,
html body .copyright { color: #686C74 !important; }

/* 6. Buttons & links ------------------------------------------------------ */
html body .main__btn { color: #4A5170 !important; border-color: #4A5170 !important; }
html body .main__btn:hover { color: #1F2333 !important; border-color: #1F2333 !important; }
html body .ceo-button { border-color: #1F2333 !important; }
html body .ceo-button span { color: #1F2333 !important; }
html body .elementor-142 a.vision-button.e-button-base,
html body .vision-button:hover { outline-color: #8C92AC !important; }
html body .vision-button:hover { color: #1F2333 !important; background-color: #D7D9E2 !important; }
html body .cta-btn { background-color: rgba(215, 217, 226, .08) !important; border-color: #D7D9E2 !important; color: #D7D9E2 !important; }
html body .cta-btn:hover { background-color: #D7D9E2 !important; color: #1F2333 !important; }

/* 7. Ventures slider ------------------------------------------------------ */
html body .project-card__logo { background-color: #4A5170 !important; }
html body .multi-cta-company { color: rgba(215, 217, 226, .55) !important; }
html body .multi-slide-cta:hover .multi-cta-company { color: rgba(215, 217, 226, .85) !important; }
html body .multi-slide-cta:hover .multi-cta-label { color: #D7D9E2 !important; }
html body .multi-cta-arrow { color: rgba(215, 217, 226, .45) !important; }

/* 8. Team cards (About) --------------------------------------------------- */
html body .team-card:hover .team-image img { border-color: #D7D9E2 !important; }
html body .team-card:hover .team-info { outline-color: #D7D9E2 !important; }

/* 9. Media & Publications ------------------------------------------------- */
html body .blog-category { background-color: rgba(140, 146, 172, .15) !important; color: #4A5170 !important; }

/* 10. Strength in numbers: gold block -> Midnight Slate + Dusk Blue tiles -- */
html body .stats-section,
html body .stats-container { background-color: #1F2333 !important; }
html body .stats-card { background-color: #4A5170 !important; border-color: #5A6285 !important; }
html body .stats-image { border-color: #5A6285 !important; }

/* 11. Core values / dividers --------------------------------------------- */
html body .corevalue-row { border-top-color: #8C92AC !important; }
html body .divider-icon { border-right-color: #8C92AC !important; }
@media (max-width: 1024px) and (min-width: 769px) { html body .corevalue-item { border-top-color: #8C92AC !important; } }
@media (max-width: 768px) { html body .divider-icon { border-bottom-color: #8C92AC !important; } }

/* 12. Contact & careers forms -------------------------------------------- */
html body .form-group label { color: #D7D9E2 !important; }
html body .form-group input,
html body .form-group textarea { border-color: #3A3F54 !important; }
html body .form-group input::placeholder,
html body .form-group textarea::placeholder { color: #8C92AC !important; }
html body .form-group input:hover,
html body .form-group textarea:hover { border-color: #D7D9E2 !important; }
html body .checkmark { background-color: #8C92AC !important; }
html body .check-label { color: #8C92AC !important; }
html body .form-check input:checked + .checkmark { background-color: #D7D9E2 !important; }
html body .choices__inner { border-color: #3A3F54 !important; }
html body .choices:hover .choices__inner,
html body .choices.is-focused .choices__inner { border-color: #D7D9E2 !important; }
html body .choices__list--dropdown,
html body .choices__list--dropdown .choices__list,
html body .choices__item--choice,
html body .choices__item--choice:hover { background-color: #282D40 !important; border-color: #3A3F54 !important; }
html body .choices__item--choice.is-highlighted { background-color: #3A3F54 !important; color: #D7D9E2 !important; }
html body .drop-zone { background-color: #282D40 !important; color: #D7D9E2 !important; }
html body .drop-zone.dragover { border-color: #D7D9E2 !important; }

/* 13. Careers ------------------------------------------------------------- */
html body .joblist-card,
html body .joblist-apply,
html body .join-team-container,
html body .pagination.joblist-pagination .page-numbers { border-color: #8C92AC !important; }
html body .joblist-accordion { border-top-color: #8C92AC !important; }
html body .pagination.joblist-pagination .page-numbers.current,
html body .pagination.joblist-pagination .page-numbers:hover { background-color: #D7D9E2 !important; border-color: #D7D9E2 !important; color: #1F2333 !important; }

/* 14. Elementor sections with fixed gold colours ------------------------- */
/* Gold fills #A07C3A -> Midnight Slate */
html body .elementor-88 .elementor-element.elementor-element-3269fa21,
html body .elementor-88 .elementor-element.elementor-element-3269fa21 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
html body .elementor-113 .elementor-element.elementor-element-9b287a0,
html body .elementor-113 .elementor-element.elementor-element-9b287a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
html body .elementor-332 .elementor-element.elementor-element-1c61a6ee,
html body .elementor-332 .elementor-element.elementor-element-1c61a6ee > .elementor-motion-effects-container > .elementor-motion-effects-layer,
html body .elementor-876 .elementor-element.elementor-element-6bc7ba6,
html body .elementor-876 .elementor-element.elementor-element-6bc7ba6 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #1F2333 !important; }
/* Gold photo overlay #D4B46E66 -> slate tint */
html body .elementor-113 .elementor-element.elementor-element-e11bff5::before,
html body .elementor-113 .elementor-element.elementor-element-e11bff5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before,
html body .elementor-876 .elementor-element.elementor-element-b61b43f::before,
html body .elementor-876 .elementor-element.elementor-element-b61b43f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before { background-color: rgba(31, 35, 51, .45) !important; }
/* Gold card borders #D4B46E -> Cool Grey */
html body .elementor-332 .elementor-element.elementor-element-29de1b35,
html body .elementor-332 .elementor-element.elementor-element-1c622868,
html body .elementor-332 .elementor-element.elementor-element-459685e0,
html body .elementor-332 .elementor-element.elementor-element-6a937b24,
html body .elementor-332 .elementor-element.elementor-element-3e1e6c4c { border-color: #8C92AC !important; --border-color: #8C92AC; }

/* 15. TEMPORARY — gold logo images shown in Cool Grey ---------------------
   Remove this block after uploading the Cool Grey logo files. */
html body img[src*="AFMHoldinglogo"],
html body img[src*="AFMfooterlogo"],
html body img[src*="afmlogogif"],
html body img[src*="AFM_logos"],
html body img[src*="Asset-8"],
html body img[src*="Asset-11"] {
  filter: grayscale(1) brightness(.85) sepia(.3) hue-rotate(190deg) saturate(1.8) !important;
}