/*
Theme Name: Dragster AI
Theme URI: https://dragster.se
Author: Dragster
Author URI: https://dragster.se
Description: Custom theme for Dragster – the AI-powered advertising agency. ACF-driven pages (Home, About, Services, Career, Contact, Job listing, Cases archive), Cases and Always On with a shared media builder, a Standard template for new pages, WPML (EN/SV). Video picker: the Dragster Bunny plugin.
Version: 1.1.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: dragster-ai
*/

/*
 * This file holds NO rules — only the theme header above. Every style lives in
 * assets/css/ and is loaded by dragster_enqueue_assets() in functions.php, in
 * the order below. "Always" = every front-end page; otherwise the condition.
 * Design tokens (colours, type scale, spacing) are CSS custom properties in
 * base/tokens.css — use them instead of hard-coded values.
 *
 *  base/
 *    tokens.css                 Always. Self-hosted DM Sans, design tokens (colour,
 *                               type scale Title/Body, spacing, radii), reset,
 *                               typography utilities (.title-*, .text-*), .container
 *
 *  components/
 *    btn.css                    Always. Buttons: dark/light pill with dot → icon, primary, contact
 *    tag.css                    Always. Small tags/chips
 *    link.css                   Always. Text links with the arrow treatment
 *    scroll-bar.css             Home. The hero's scroll cue
 *    gravity-forms.css          When Gravity Forms is active. Form fields, drawer panel forms
 *    header.css                 Always. Site header, nav, light/dark header modes
 *    footer.css                 Always. Footer rows (offices, links, socials), glow,
 *                               DRAGSTER wordmark light, legal bar, language switch
 *    hero.css                   Home + Cases archive. Home hero with the AI chat card, curves
 *    cards.css                  Always. Case, service and area cards
 *    glass-card.css             Always. Liquid-glass surface (tags, impact cards)
 *    text-widget.css            Always. The ONE heading + intro pattern ("Text-grid")
 *    nav-drawer.css             Always. Slide-in navigation (hamburger menu)
 *    page-hero.css              Single case + Always On. Shared case hero
 *    video-player.css           Pages, cases, Always On, home. Bunny embeds: lazy poster,
 *                               click-to-play, background + click
 *
 *  sections/
 *    section-cases.css          Home + Cases archive. Cases grid
 *    section-always-on.css      Home. Always On band
 *    section-ai.css             Home. "Full service" band with background film
 *    section-contact.css        Always. Shared contact section with the animated trail
 *    section-work-with-us.css   Career. Open roles band
 *    section-effect.css         Home + About. The Dragster Effect impact cards (2+2 on tablet/phone)
 *
 *  pages/
 *    page-about.css             Home + About + Standard template. About hero, content
 *                               sections (incl. section 1 trail), effect base, clients marquee
 *    page-text.css              All pages (scoped to .page-text). Text pages: Privacy Policy etc.
 *    page-404.css               404
 *    page-contact.css           Contact. Hero, offices, team cards
 *    page-job-listing.css       Job listing. Open positions, application form
 *    page-ifk.css               Always On singles
 *    page-services.css          Services. Word cycle, Sweet Spot, service blocks
 *    page-styleguide.css        Style guide (internal page)
 *    page-career.css            Career
 *    case-content.css           Always. Media builder output: full-width rows (film ratio via
 *                               --embed-r), collages (two-up, feature, quad, offset, stagger),
 *                               case body sections, related work
 *    page-all-case-studies.css  Cases archive. Filters and grid
 *
 *  responsive.css               Always, last. Cross-component breakpoint fixes
 *
 *  admin/ (wp-admin only, admin_enqueue_scripts)
 *    case-editor.css            Editor chrome for pages, Cases and Always On: tabs, fields,
 *                               767px text fields, eye toggles (show/hide sections)
 *    acf-repeater.css           Repeater UI for the Areas field
 *  customizer-social-repeater.css   Customizer: social links repeater
 *
 * Breakpoints used across the files: phone ≤ 767px, tablet 768–1024px,
 * desktop ≥ 1025px; wide screens above 1440px scale spacing via tokens.
 */