/*
Theme Name: Global FSMS Child
Description: Hello Elementor child theme for Global FSMS Academy. Provides reusable brand tokens and optional styling helpers for Elementor layouts.
Author: Global FSMS
Template: hello-elementor
Version: 1.0.0
Text Domain: global-fsms-child
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Brand tokens. Elementor Global Colors will be configured separately. */
:root {
  --gfsms-navy: #1b1e3f;
  --gfsms-teal: #006f6b;
  --gfsms-aqua: #85cbc6;
  --gfsms-gold: #e4be71;
  --gfsms-soft-gold: #f1dfb3;
  --gfsms-white: #ffffff;
  --gfsms-surface: #f5f6f7;
  --gfsms-text: #20232a;
  --gfsms-muted: #606773;
  --gfsms-border: #e3e7e8;
  --gfsms-card-radius: 12px;
  --gfsms-control-radius: 7px;
  --gfsms-content-width: 1176px;
}

/* Optional classes: add these in Elementor > Advanced > CSS Classes.
 * Existing Elementor styles and parent-theme templates remain in control.
 */
.gfsms-card {
  background-color: var(--gfsms-white);
  border: 1px solid var(--gfsms-border);
  border-radius: var(--gfsms-card-radius);
}

.gfsms-surface {
  background-color: var(--gfsms-surface);
}

.gfsms-eyebrow .elementor-heading-title {
  color: var(--gfsms-teal);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.6;
  text-transform: uppercase;
}

/* Apply this class to a section/container containing academy controls. */
.gfsms-accessible :where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--gfsms-teal);
  outline-offset: 3px;
}

/* Arabic and other RTL layouts must not inherit Latin tracking. */
[dir="rtl"] .gfsms-eyebrow .elementor-heading-title {
  letter-spacing: normal;
  text-transform: none;
}