/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/tools-container/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Frontend and backend styles for the tools-container block
 */
/*
 * smcq-tool-main.css
 * Design system — SMCQ Education Tools
 * Covers: typography · colors · spacing · borders · shadows · entity themes
 */
/* Google Fonts (Lexend + Outfit) are enqueued via Frontend.php → wp_enqueue_style('smcq-google-fonts') */
/* ============================================================
   BASE RESETS — étape 1 (scoped to SMCQ components)
   Isole nos composants du CSS du thème/site : le thème ne doit
   jamais influencer nos styles. Doit être déclarée AVANT nos
   propres valeurs (custom properties, ancrage, typographie) pour
   que `all: revert` ne les efface pas après coup.
   ============================================================ */
/* Le conteneur racine repart de zéro : annule tout style hérité
   d'un wrapper de thème (ex: .entry-content, .post-content...) */
.smcq-tool {
  all: revert;
}
/* Conteneur commun à la racine de tout contenu front-end du plugin :
   dicte une largeur maximale et centre le contenu dans la page. */
.smcq-tool {
  max-width: 75em; /* 1200px */
  margin: 0 auto;
  padding-inline: var(--smcq-sp-20, 1.25em);
}
/* `all: revert` ne s'applique qu'à .smcq-tool lui-même, pas à ses
   descendants : un sélecteur globale du thème comme `a{color:white
   !important}` continue de matcher chaque <a> à l'intérieur. On neutralise
   donc explicitement la couleur des liens ici ; les règles ci-dessous
   qui doivent définir une couleur précise (ex: boutons CTA) le font avec
   !important pour rester prioritaires grâce à leur plus grande spécificité. */
/* .smcq-tool a {
    color: inherit !important;
}
 */
/* ============================================================
   CSS CUSTOM PROPERTIES
   Rattachées à `.smcq-tool` (et non `:root`) : cet élément est le
   seul point d'entrée garanti de tout contenu front-end du plugin
   (grid, single, etc.), il sert donc d'ancrage `em` autonome —
   totalement indépendant du font-size `html` défini par le thème.
   ============================================================ */
.smcq-tool {
  /* Ancrage : base fixe en px, jamais en em/rem (sinon on
     redevient dépendant du font-size ambiant du thème). Tous les
     tokens ci-dessous sont exprimés en em relatifs à cette base. */
  font-size: 18px;
  /* ----------------------------------------------------------
     Fonts
  ---------------------------------------------------------- */
  --smcq-font-title: 'Lexend', sans-serif;
  --smcq-font-body: 'Inter', sans-serif;
  /* Font sizes */
  --smcq-fs-09: 0.575em;
  --smcq-fs-10: 0.625em; /* 10px */
  --smcq-fs-11: 0.6875em; /* 11px */
  --smcq-fs-12: 0.75em; /* 12px */
  --smcq-fs-13: 0.8125em; /* 13px */
  --smcq-fs-14: 0.875em; /* 14px */
  --smcq-fs-15: 0.9375em; /* 15px */
  --smcq-fs-16: 1em; /* 16px */
  --smcq-fs-18: 1.125em; /* 18px */
  --smcq-fs-28: 1.75em; /* 28px */
  --smcq-fs-32: 2em; /* 32px */
  --smcq-fs-36: 2.25em; /* 36px */
  /* Font weights */
  --smcq-fw-regular: 400;
  --smcq-fw-semibold: 600;
  --smcq-fw-bold: 700;
  --smcq-fw-extrabold: 800;
  --smcq-fw-black: 900;
  /* Line heights */
  --smcq-lh-tight: 1.4; /* ~140% — headings */
  --smcq-lh-normal: 1.5; /* 150%  — body */
  --smcq-lh-relaxed: 1.6; /* ~160% — descriptions */
  /* Letter spacing */
  --smcq-ls-label: 0.03125em; /* 0.5px */
  --smcq-ls-badge: 0.0625em; /* 1px */
  /* ----------------------------------------------------------
     Background colors
  ---------------------------------------------------------- */
  --smcq-bg-page: #F8FAFC; /* slate-50  — page background */
  --smcq-bg-card: #FFFFFF; /* white     — card background */
  --smcq-bg-subtle: #F1F5F9; /* slate-100 — secondary areas */
  /* ----------------------------------------------------------
     Text colors
  ---------------------------------------------------------- */
  --smcq-text-primary: #0F172A; /* slate-900 — main headings */
  --smcq-text-secondary: #475569; /* slate-600 — body / descriptions */
  --smcq-text-tertiary: #94A3B8; /* slate-400 — captions / metadata */
  /* ----------------------------------------------------------
     Accent colors
  ---------------------------------------------------------- */
  --smcq-color-cta: #3B82F6; /* blue-500  — primary CTA */
  --smcq-color-teal: #0D9488; /* teal      — secondary accent */
  /* ----------------------------------------------------------
     Entity theme colors
     Convention: --smcq-type-{slug}-badge-bg
                 --smcq-type-{slug}-badge-text
                 --smcq-type-{slug}-grad-from
                 --smcq-type-{slug}-grad-to
                 --smcq-type-{slug}-border
  ---------------------------------------------------------- */
  /* Playlist */
  --smcq-type-playlist-badge-bg: #FEE2E2;
  --smcq-type-playlist-badge-text: #991B1B;
  --smcq-type-playlist-grad-from: #fff2f1;
  --smcq-type-playlist-grad-to: #FFA07A;
  --smcq-type-playlist-border: #FCA5A5;
  /* Teaching Guide */
  --smcq-type-teaching_guide-badge-bg: #D1FAE5;
  --smcq-type-teaching_guide-badge-text: #065F46;
  --smcq-type-teaching_guide-grad-from: #E8FDF5;
  --smcq-type-teaching_guide-grad-to: #A7F3D0;
  --smcq-type-teaching_guide-border: #6EE7B7;
  /* Poster */
  --smcq-type-poster-badge-bg: #FFEDD5;
  --smcq-type-poster-badge-text: #9A3412;
  --smcq-type-poster-grad-from: #FFF7ED;
  --smcq-type-poster-grad-to: #FED7AA;
  --smcq-type-poster-border: #FDBA74;
  /* Video Clips */
  --smcq-type-videoclips-badge-bg: #E0F2FE;
  --smcq-type-videoclips-badge-text: #0369A1;
  --smcq-type-videoclips-grad-from: #E0F2FE;
  --smcq-type-videoclips-grad-to: #7DD3FC;
  --smcq-type-videoclips-border: #38BDF8;
  /* Web App */
  --smcq-type-web_app-badge-bg: #F3E8FF;
  --smcq-type-web_app-badge-text: #6B21A8;
  --smcq-type-web_app-grad-from: #E6E6FA;
  --smcq-type-web_app-grad-to: #D8BFD8;
  --smcq-type-web_app-border: #C4B5FD;
  /* Karaoke */
  --smcq-type-karaoke-badge-bg: #FCE7F3;
  --smcq-type-karaoke-badge-text: #9D174D;
  --smcq-type-karaoke-grad-from: #FCE7F3;
  --smcq-type-karaoke-grad-to: #F9A8D4;
  --smcq-type-karaoke-border: #F472B6;
  /* Music Sheet */
  --smcq-type-music_sheet-badge-bg: #DBEAFE;
  --smcq-type-music_sheet-badge-text: #1E40AF;
  --smcq-type-music_sheet-grad-from: #EFF6FF;
  --smcq-type-music_sheet-grad-to: #BFDBFE;
  --smcq-type-music_sheet-border: #93C5FD;
  /* Comic Book */
  --smcq-type-comic_book-badge-bg: #FEF3C7;
  --smcq-type-comic_book-badge-text: #92400E;
  --smcq-type-comic_book-grad-from: #FEF3C7;
  --smcq-type-comic_book-grad-to: #FCD34D;
  --smcq-type-comic_book-border: #FDE68A;
  /* ----------------------------------------------------------
     Spacing
  ---------------------------------------------------------- */
  --smcq-sp-2: 0.125em; /* 2px */
  --smcq-sp-4: 0.25em; /* 4px */
  --smcq-sp-6: 0.375em; /* 6px */
  --smcq-sp-8: 0.5em; /* 8px */
  --smcq-sp-10: 0.625em; /* 10px */
  --smcq-sp-12: 0.75em; /* 12px */
  --smcq-sp-16: 1em; /* 16px */
  --smcq-sp-20: 1.25em; /* 20px */
  --smcq-sp-32: 2em; /* 32px */
  --smcq-sp-64: 4em; /* 64px */
  /* Gaps */
  --smcq-gap-2: 0.125em; /* 2px */
  --smcq-gap-4: 0.25em; /* 4px */
  --smcq-gap-6: 0.375em; /* 6px */
  --smcq-gap-8: 0.5em; /* 8px */
  --smcq-gap-10: 0.625em; /* 10px */
  --smcq-gap-12: 0.75em; /* 12px */
  --smcq-gap-16: 1em; /* 16px */
  --smcq-gap-18: 1.125em; /* 18px */
  --smcq-gap-24: 1.5em; /* 24px */
  --smcq-gap-32: 2em; /* 32px */
  --smcq-gap-40: 2.5em; /* 40px */
  --smcq-gap-64: 4em; /* 64px */
  /* ----------------------------------------------------------
     Border radius
  ---------------------------------------------------------- */
  --smcq-radius-xs: 0.1875em; /* 3px */
  --smcq-radius-sm: 0.25em; /* 4px */
  --smcq-radius-md: 0.375em; /* 6px */
  --smcq-radius-base: 0.5em; /* 8px */
  --smcq-radius-lg: 0.75em; /* 12px */
  --smcq-radius-xl: 1em; /* 16px */
  --smcq-radius-2xl: 1.25em; /* 20px */
  --smcq-radius-pill: 6.25em; /* 100px */
  /* ----------------------------------------------------------
     Borders
  ---------------------------------------------------------- */
  /* Hairline gardée en px : une bordure 1px doit rester crisp
     (non affectée par le zoom relatif em), c'est une convention
     standard pour les traits de 1px. */
  --smcq-border-card: 1px solid #E2E8F0; /* slate-200 */
  --smcq-border-accent-width: 0.125em; /* 2px */
  /* ----------------------------------------------------------
     Shadows
  ---------------------------------------------------------- */
  --smcq-shadow-sm: 0 0.25em 1em rgba(15, 23, 42, 0.05);
  --smcq-shadow-md: 0 0.5em 1.5em rgba(15, 23, 42, 0.05);
  --smcq-shadow-lg: 0 0.75em 2em rgba(15, 23, 42, 0.05);
}
/* ============================================================
   BASE RESETS — étape 2 (scoped to SMCQ components)
   Isole nos composants du CSS du thème/site : nos styles ne
   doivent jamais fuiter hors de `.smcq-tool`, et le thème ne doit
   jamais influencer le contenu qu'il contient.
   ============================================================ */
/* Base neutre classique pour la racine ET tous ses descendants
   (annule margins/paddings/puces/soulignements imposés par le thème).
   NB: `font`/`color` sont volontairement exclus ici pour `.smcq-tool`
   lui-même — ils sont déjà fixés explicitement ci-dessus (ancrage
   font-size) et ci-dessous (typographie par défaut); les inclure
   reviendrait à les faire hériter du thème via `inherit`. `margin`/
   `padding` sont aussi exclus pour `.smcq-tool` lui-même afin de ne
   pas écraser le conteneur (max-width + centrage) déclaré plus haut. */
.smcq-tool * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  list-style: none;
  vertical-align: baseline;
  background: transparent;
}
.smcq-tool {
  box-sizing: border-box;
  border: 0;
}
.smcq-spinner--external-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  .smcq-spinner--internal-container__default {
    width: 10em;
    height: 10em;
  }
}
/* Uniquement les descendants héritent réellement de `.smcq-tool` */
.smcq-tool * {
  font: inherit;
  color: inherit;
}
/* Typographie par défaut de la racine (le font-size, lui, est déjà
   fixé plus haut par l'ancrage `font-size: 16px`) */
.smcq-tool {
  font-family: var(--smcq-font-body);
  font-weight: var(--smcq-fw-regular);
  line-height: var(--smcq-lh-normal);
  color: var(--smcq-text-secondary);
}
/* ============================================================
   TYPOGRAPHY UTILITIES
   ============================================================ */
/* Font family */
.smcq-font-title {
  font-family: var(--smcq-font-title);
}
.smcq-font-body {
  font-family: var(--smcq-font-body);
}
/* Font sizes */
.smcq-text-09 {
  font-size: var(--smcq-fs-09);
}
.smcq-text-10 {
  font-size: var(--smcq-fs-10);
}
.smcq-text-11 {
  font-size: var(--smcq-fs-11);
}
.smcq-text-12 {
  font-size: var(--smcq-fs-12);
}
.smcq-text-13 {
  font-size: var(--smcq-fs-13);
}
.smcq-text-14 {
  font-size: var(--smcq-fs-14);
}
.smcq-text-15 {
  font-size: var(--smcq-fs-15);
}
.smcq-text-16 {
  font-size: var(--smcq-fs-16);
}
.smcq-text-18 {
  font-size: var(--smcq-fs-18);
}
.smcq-text-28 {
  font-size: var(--smcq-fs-28);
}
.smcq-text-32 {
  font-size: var(--smcq-fs-32);
}
.smcq-text-36 {
  font-size: var(--smcq-fs-36);
}
/* Font weights */
.smcq-regular {
  font-weight: var(--smcq-fw-regular);
}
.smcq-semibold {
  font-weight: var(--smcq-fw-semibold);
}
.smcq-bold {
  font-weight: var(--smcq-fw-bold);
}
.smcq-extrabold {
  font-weight: var(--smcq-fw-extrabold);
}
.smcq-black {
  font-weight: var(--smcq-fw-black);
}
/* Line heights */
.smcq-lh-tight {
  line-height: var(--smcq-lh-tight);
}
.smcq-lh-normal {
  line-height: var(--smcq-lh-normal);
}
.smcq-lh-relaxed {
  line-height: var(--smcq-lh-relaxed);
}
/* Letter spacing */
.smcq-ls-label {
  letter-spacing: var(--smcq-ls-label);
}
.smcq-ls-badge {
  letter-spacing: var(--smcq-ls-badge);
  text-transform: uppercase;
}
/* Text colors */
.smcq-text-primary {
  color: var(--smcq-text-primary);
}
.smcq-text-secondary {
  color: var(--smcq-text-secondary);
}
.smcq-text-tertiary {
  color: var(--smcq-text-tertiary);
}
/* ============================================================
   SHADOW UTILITIES
   ============================================================ */
.smcq-shadow-sm {
  box-shadow: var(--smcq-shadow-sm);
}
.smcq-shadow-md {
  box-shadow: var(--smcq-shadow-md);
}
.smcq-shadow-lg {
  box-shadow: var(--smcq-shadow-lg);
}
/* ============================================================
   ENTITY TYPE THEMES
   Chaque type définit une seule fois ses 5 couleurs "actives"
   (--smcq-type-active-*) sur son propre `.smcq-type-{slug}` (présent sur
   la racine de Simple/Full/Single, ainsi que sur le badge/header).
   Ce sont des custom properties CSS : elles sont donc automatiquement
   héritées par tous les descendants (bouton, badge, footer...). Les
   classes génériques de la section suivante n'ont ainsi besoin d'être
   écrites qu'UNE SEULE FOIS, peu importe le nombre de types — plus
   besoin de dupliquer une règle par type à chaque nouvel élément.
   ============================================================ */
.smcq-type-playlist {
  --smcq-type-active-badge-bg: var(--smcq-type-playlist-badge-bg);
  --smcq-type-active-badge-text: var(--smcq-type-playlist-badge-text);
  --smcq-type-active-grad-from: var(--smcq-type-playlist-grad-from);
  --smcq-type-active-grad-to: var(--smcq-type-playlist-grad-to);
  --smcq-type-active-border: var(--smcq-type-playlist-border);
}
.smcq-type-teaching_guide {
  --smcq-type-active-badge-bg: var(--smcq-type-teaching_guide-badge-bg);
  --smcq-type-active-badge-text: var(--smcq-type-teaching_guide-badge-text);
  --smcq-type-active-grad-from: var(--smcq-type-teaching_guide-grad-from);
  --smcq-type-active-grad-to: var(--smcq-type-teaching_guide-grad-to);
  --smcq-type-active-border: var(--smcq-type-teaching_guide-border);
}
.smcq-type-poster {
  --smcq-type-active-badge-bg: var(--smcq-type-poster-badge-bg);
  --smcq-type-active-badge-text: var(--smcq-type-poster-badge-text);
  --smcq-type-active-grad-from: var(--smcq-type-poster-grad-from);
  --smcq-type-active-grad-to: var(--smcq-type-poster-grad-to);
  --smcq-type-active-border: var(--smcq-type-poster-border);
}
.smcq-type-videoclips {
  --smcq-type-active-badge-bg: var(--smcq-type-videoclips-badge-bg);
  --smcq-type-active-badge-text: var(--smcq-type-videoclips-badge-text);
  --smcq-type-active-grad-from: var(--smcq-type-videoclips-grad-from);
  --smcq-type-active-grad-to: var(--smcq-type-videoclips-grad-to);
  --smcq-type-active-border: var(--smcq-type-videoclips-border);
}
.smcq-type-web_app {
  --smcq-type-active-badge-bg: var(--smcq-type-web_app-badge-bg);
  --smcq-type-active-badge-text: var(--smcq-type-web_app-badge-text);
  --smcq-type-active-grad-from: var(--smcq-type-web_app-grad-from);
  --smcq-type-active-grad-to: var(--smcq-type-web_app-grad-to);
  --smcq-type-active-border: var(--smcq-type-web_app-border);
}
.smcq-type-karaoke {
  --smcq-type-active-badge-bg: var(--smcq-type-karaoke-badge-bg);
  --smcq-type-active-badge-text: var(--smcq-type-karaoke-badge-text);
  --smcq-type-active-grad-from: var(--smcq-type-karaoke-grad-from);
  --smcq-type-active-grad-to: var(--smcq-type-karaoke-grad-to);
  --smcq-type-active-border: var(--smcq-type-karaoke-border);
}
.smcq-type-music_sheet {
  --smcq-type-active-badge-bg: var(--smcq-type-music_sheet-badge-bg);
  --smcq-type-active-badge-text: var(--smcq-type-music_sheet-badge-text);
  --smcq-type-active-grad-from: var(--smcq-type-music_sheet-grad-from);
  --smcq-type-active-grad-to: var(--smcq-type-music_sheet-grad-to);
  --smcq-type-active-border: var(--smcq-type-music_sheet-border);
}
.smcq-type-comic_book {
  --smcq-type-active-badge-bg: var(--smcq-type-comic_book-badge-bg);
  --smcq-type-active-badge-text: var(--smcq-type-comic_book-badge-text);
  --smcq-type-active-grad-from: var(--smcq-type-comic_book-grad-from);
  --smcq-type-active-grad-to: var(--smcq-type-comic_book-grad-to);
  --smcq-type-active-border: var(--smcq-type-comic_book-border);
}
/* ============================================================
   ENTITY-THEMED GENERIC COMPONENTS
   Écrites une seule fois : se colorent automatiquement selon le type
   ancestral grâce aux variables --smcq-type-active-* ci-dessus.
   ============================================================ */
.smcq-badge {
  background-color: var(--smcq-type-active-badge-bg);
  color: var(--smcq-type-active-badge-text);
}
.smcq-card-header {
  background: linear-gradient(135deg, var(--smcq-type-active-grad-from), var(--smcq-type-active-grad-to));
}
a.smcq-btn-consult {
  background-color: var(--smcq-type-active-grad-from);
  color: var(--smcq-type-active-badge-text) !important;
}
a.smcq-btn-consult:hover {
  background-color: var(--smcq-type-active-grad-to);
}
a.smcq-btn-consult-dark {
  background-color: var(--smcq-type-active-badge-text);
  color: #ffffff !important;
  border: 1px solid transparent;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
a.smcq-btn-consult-dark:hover {
  background-color: transparent;
  color: var(--smcq-type-active-badge-text) !important;
  border-color: var(--smcq-type-active-badge-text);
}
a.smcq-btn-consult-dark-reverse {
  background-color: transparent;
  color: var(--smcq-type-active-badge-text) !important;
  border: 1px solid var(--smcq-type-active-badge-text);
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
a.smcq-btn-consult-dark-reverse:hover {
  background-color: var(--smcq-type-active-badge-text);
  color: #ffffff !important;
}
/* Ex-classe left-border par type (jamais activée, conservée en référence) :
   .smcq-card { border-left: var(--smcq-border-accent-width) solid var(--smcq-type-active-border); } */
/* Scopé à .smcq-type-icon (et non `svg path` global) pour ne pas affecter
   l'icône neutre de Tag ; s'applique à tous les types via l'héritage de
   --smcq-type-active-badge-text depuis l'ancêtre .smcq-type-{slug}. */
.smcq-type-icon svg path {
  stroke: var(--smcq-type-active-badge-text);
}
/* ============================================================
   BADGE BASE
   ============================================================ */
.smcq-badge {
  display: block;
  padding: var(--smcq-sp-4) var(--smcq-sp-12);
  border-radius: var(--smcq-radius-pill);
  font-family: var(--smcq-font-body);
  font-size: var(--smcq-fs-10);
  font-weight: var(--smcq-fw-semibold);
  letter-spacing: var(--smcq-ls-badge);
  text-transform: uppercase;
  white-space: nowrap;
}
/* ============================================================
   CARD BASE
   Shared shell for Simple and Full variants
   ============================================================ */
.smcq-card {
  background: var(--smcq-bg-card);
  /* border:        var(--smcq-border-card); */
  border-radius: var(--smcq-radius-xl);
  box-shadow: var(--smcq-shadow-sm);
  overflow: hidden;
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}
.smcq-card:hover {
  box-shadow: 0.25em 0.25em 1em rgba(69, 69, 69, 0.265);
  /*  transform:  translateY(-0.125em); */ /* -2px */
}
/* Card header (gradient zone / image zone) */
.smcq-card-header {
  position: relative;
  overflow: hidden;
}
/* When a picture replaces the gradient */
.smcq-card-header img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
/* Card body */
.smcq-card-body {
  padding: var(--smcq-sp-16) var(--smcq-sp-20);
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--smcq-gap-4);
}
/* Card footer */
.smcq-card-footer {
  padding: var(--smcq-sp-12) var(--smcq-sp-20);
  display: flex;
  align-items: center;
  gap: var(--smcq-gap-8);
  width: 100%;
}
/* ============================================================
   SIMPLE CARD
   Compact grid card — minimal info
   ============================================================ */
.smcq-card--simple .smcq-card-title {
  font-family: var(--smcq-font-title);
  font-size: var(--smcq-fs-15);
  font-weight: var(--smcq-fw-bold);
  line-height: var(--smcq-lh-tight);
  color: var(--smcq-text-primary);
  margin: 0;
  /* Clamp to 2 lines */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.smcq-card--simple .smcq-card-description {
  font-size: var(--smcq-fs-12);
  /*     line-height: var(--smcq-lh-relaxed);
   */
  color: var(--smcq-text-secondary);
  margin: 0;
  /* Clamp to 2 lines */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.smcq-card--simple .smcq-card-composer {
  font-size: var(--smcq-fs-11);
  background-color: var(--smcq-bg-subtle);
  color: var(--smcq-text-tertiary);
  margin: 0;
  letter-spacing: var(--smcq-ls-label);
  padding: 0 0.5em;
  border-radius: 0.5em;
}
/* Type icon in header corner */
.smcq-card--simple .smcq-type-icon {
  position: absolute;
  /* bottom:        var(--smcq-sp-8); */
  /* right:         var(--smcq-sp-10); */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.15em; /* 28px */
  height: 2.15em; /* 28px */
  opacity: 0.7;
}
/* CTA button */
.smcq-card--simple .smcq-btn-consult {
  display: inline-flex;
  align-items: center;
  gap: var(--smcq-gap-4);
  padding: var(--smcq-sp-6) var(--smcq-sp-12);
  /* color: #ffffff; */
  border: none;
  border-radius: var(--smcq-radius-base);
  font-family: var(--smcq-font-body);
  font-size: var(--smcq-fs-12);
  font-weight: var(--smcq-fw-semibold);
  cursor: pointer;
  text-decoration: none;
  transition: background 0.15s ease;
  white-space: nowrap;
}
/* ============================================================
   GRID HELPERS
   ============================================================ */
.smcq-grid {
  margin-top: 1em;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16.25em, 1fr)); /* 260px */
  gap: var(--smcq-gap-24);
}
.smcq-grid--full {
  grid-template-columns: repeat(auto-fill, minmax(20em, 1fr)); /* 320px */
  gap: var(--smcq-gap-32);
}

/*# sourceMappingURL=style-index.css.map*/