/*
Theme Name: AL-FAYED Foundation
Theme URI: https://alfayedcourses.com/
Author: AL-FAYED
Description: Clean, fast presentation layer for the fresh AL-FAYED chemistry platform.
Version: 1.0.0-rc18
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: al-fayed-foundation
*/
:root {
  --af-navy: #0b2540;
  --af-navy-soft: #123a5a;
  --af-teal: #0c7f84;
  --af-gold: #f4b93a;
  --af-ink: #12263a;
  --af-muted: #637789;
  --af-bg: #f6f9fb;
  --af-line: #dfe8ee;
  --af-white: #fff;
  --af-shadow: 0 28px 80px rgba(11, 37, 64, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--af-bg);
  color: var(--af-ink);
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }

.af-home-shell { width: min(1180px, calc(100% - 36px)); margin-inline: auto; }
.af-skip-link {
  position: fixed;
  inset-inline-start: 12px;
  top: 10px;
  z-index: 9999;
  transform: translateY(-160%);
  padding: 10px 14px;
  border-radius: 10px;
  background: var(--af-navy);
  color: #fff;
  font-weight: 800;
}
.af-skip-link:focus { transform: none; }

.af-home-header {
  display: flex;
  align-items: center;
  min-height: 84px;
  border-bottom: 1px solid var(--af-line);
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(14px);
}
.af-home-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.af-home-brand { display: flex; align-items: center; gap: 12px; color: var(--af-navy); font-weight: 900; font-size: 21px; }
.af-home-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--af-navy), var(--af-teal));
  color: #fff;
  box-shadow: 0 10px 28px rgba(12, 127, 132, .2);
}
.af-home-nav { display: flex; align-items: center; gap: 8px; font-weight: 800; }
.af-home-nav a { padding: 10px 14px; border-radius: 12px; }
.af-home-nav a:hover { background: #edf5f7; }

.af-home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr);
  align-items: center;
  gap: clamp(38px, 6vw, 74px);
  min-height: 660px;
  padding-block: 68px;
}
.af-home-copy { max-width: 700px; }
.af-home-kicker { color: var(--af-teal); font-size: 13px; font-weight: 900; letter-spacing: .13em; }
.af-home-copy h1 {
  max-width: 760px;
  margin: 18px 0 20px;
  color: var(--af-navy);
  font-size: clamp(43px, 6vw, 76px);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.af-home-copy p { max-width: 650px; margin: 0; color: var(--af-muted); font-size: 19px; line-height: 1.95; }
.af-home-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.af-home-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding-inline: 26px;
  border-radius: 15px;
  font-weight: 900;
}
.af-home-button--primary { background: var(--af-gold); color: var(--af-navy); box-shadow: 0 12px 30px rgba(244, 185, 58, .24); }
.af-home-button--secondary { border: 1px solid var(--af-line); background: #fff; color: var(--af-navy); }
.af-home-support-link { display: inline-block; margin-top: 18px; color: var(--af-teal); font-weight: 800; }
.af-home-support-link:hover { text-decoration: underline; }

.af-home-visual { display: grid; place-items: center; min-width: 0; }
.af-home-visual img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 620px;
  filter: drop-shadow(0 30px 60px rgba(11, 37, 64, .15));
}

.af-home-footer { border-top: 1px solid var(--af-line); background: #fff; color: var(--af-muted); font-size: 14px; }
.af-home-footer__inner { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-block: 24px; }

:is(.af-home-nav a, .af-home-button, .af-home-brand, .af-home-support-link):focus-visible {
  outline: 3px solid rgba(12, 127, 132, .32);
  outline-offset: 3px;
}

@media (max-width: 850px) {
  .af-home-header { padding-block: 12px; }
  .af-home-header__inner, .af-home-nav { flex-wrap: wrap; }
  .af-home-hero { grid-template-columns: 1fr; min-height: auto; padding-block: 42px 56px; }
  .af-home-visual { order: -1; width: min(520px, 100%); margin-inline: auto; }
  .af-home-copy h1 { font-size: clamp(40px, 8vw, 58px); }
}
@media (max-width: 520px) {
  .af-home-shell { width: min(100% - 24px, 1180px); }
  .af-home-brand { font-size: 17px; }
  .af-home-nav { gap: 2px; font-size: 14px; }
  .af-home-copy p { font-size: 16px; }
  .af-home-actions { display: grid; }
  .af-home-button { width: 100%; }
  .af-home-visual { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}
.af-home-footer__links{display:flex;flex-wrap:wrap;gap:16px}.af-home-footer__links a{font-weight:800;color:var(--af-navy)}.af-home-footer__links a:hover{text-decoration:underline}

/* Tax ID — click to reveal. Works without JavaScript. */
.af-tax{display:inline-flex;align-items:center;gap:10px}
.af-tax>summary{list-style:none;cursor:pointer;font-weight:800;color:var(--af-navy);display:inline-flex;align-items:center;gap:6px}
.af-tax>summary::-webkit-details-marker{display:none}
.af-tax>summary::after{content:"";width:6px;height:6px;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg);opacity:.55;transition:transform .18s ease}
.af-tax[open]>summary::after{transform:rotate(-135deg)}
.af-tax>summary:hover{text-decoration:underline}
.af-tax>summary:focus-visible{outline:2px solid var(--af-teal);outline-offset:3px;border-radius:4px}
.af-tax__value{font-variant-numeric:tabular-nums;letter-spacing:.06em;font-weight:800;color:var(--af-teal);background:#eef7f7;border:1px solid #cfe6e6;border-radius:8px;padding:3px 10px;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.af-tax>summary::after{transition:none}}