/*
Theme Name: AI Applied
Theme URI: https://aiapplied.uk
Author: AI Applied
Description: Marketing theme for AI Applied — UK AI software studio. Dark, editorial design with configurable booking integration (Microsoft Bookings / Dynamics / O365). Includes templates for the Home, Solution as a Service, Idonara and Studio pages.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: aiapplied
*/

/* ---------- self-hosted fonts ---------- */
@font-face { font-family: 'Schibsted Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('assets/fonts/schibsted-grotesk-400.woff2') format('woff2'); }
@font-face { font-family: 'Schibsted Grotesk'; font-style: italic; font-weight: 400; font-display: swap; src: url('assets/fonts/schibsted-grotesk-400-italic.woff2') format('woff2'); }
@font-face { font-family: 'Schibsted Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url('assets/fonts/schibsted-grotesk-500.woff2') format('woff2'); }
@font-face { font-family: 'Schibsted Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url('assets/fonts/schibsted-grotesk-600.woff2') format('woff2'); }
@font-face { font-family: 'Schibsted Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url('assets/fonts/schibsted-grotesk-700.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('assets/fonts/ibm-plex-mono-400.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('assets/fonts/ibm-plex-mono-500.woff2') format('woff2'); }

/* ---------- base ---------- */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Schibsted Grotesk', system-ui, sans-serif;
  background: #0e1b2b;
  color: #eef2f6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }
::selection { background: #3dbe78; color: #08221a; }

/* ---------- hover utilities (replace DC style-hover) ---------- */
.aia-navlink { transition: color .15s ease; }
.aia-navlink:hover { color: #fff; }
.aia-btn-green { transition: background .15s ease; }
.aia-btn-green:hover { background: #4fd389; }
.aia-btn-outline { transition: border-color .15s ease; }
.aia-btn-outline:hover { border-color: #fff; }
.aia-card-saas { transition: border-color .2s ease; }
.aia-card-saas:hover { border-color: rgba(61,190,120,0.55); }
.aia-card-plain { transition: border-color .2s ease; }
.aia-card-plain:hover { border-color: rgba(255,255,255,0.28); }
.aia-footlink { transition: color .15s ease; }
.aia-footlink:hover { color: #fff; }
.aia-mail { transition: color .15s ease; }
.aia-mail:hover { color: #3dbe78; }
.aia-onerole-btn { transition: background .15s ease; }
.aia-onerole-btn:hover { background: #2f9e62; }

/* ---------- responsive ---------- */
@media (max-width: 900px) {
  .aia-rwrap { padding-left: 24px !important; padding-right: 24px !important; }
  .aia-rcol  { grid-template-columns: 1fr !important; gap: 20px !important; }
  .aia-rcol-2 { grid-template-columns: 1fr !important; gap: 36px !important; }
}
@media (max-width: 720px) {
  .aia-nav-links { display: none !important; }
  .aia-rwrap { padding-top: 64px !important; padding-bottom: 56px !important; }
}