/* Widget « Menu boutique (CercleKit) » — les deux icônes de l'en-tête, côte à
   côte.

   CE FICHIER NE FAIT QUE LA RANGÉE. Rien du panier n'est ici : son bouton, sa
   pastille et son tiroir sont ceux du widget « Menu Cart » d'Elementor Pro,
   imbriqué tel quel par le widget — habillés, comme avant, par minicart.css et
   les réglages du tiroir (--ckwc-mc-*). Le menu du compte, lui, est dans
   compte-widget.css.

   Une version précédente refaisait ce tiroir ici, avec son panneau, sa croix et
   ses boutons. Elle est retirée : le thème reprenait la main sur la croix et les
   liens, et le bouton de validation manquait. Ce qui marche déjà s'appelle, il
   ne se recopie pas. */

.ckwc-sm-scope { display: inline-flex; }

/* La rangée. `align-items: center` aligne les deux icônes sur leur milieu, quelle
   que soit la hauteur que le widget d'Elementor donne à la sienne. */
.ckwc-sm {
    display: inline-flex;
    align-items: center;
    gap: var(--ckwc-sm-gap, 18px);
}

/* ── Les deux icônes : MÊME TAILLE, MÊME LIGNE ─────────────────────────────
   Deux causes à ce qu'elles ne se ressemblaient pas :

   1. LA TAILLE. Personne ne dimensionnait l'icône du panier — le tiroir de
      réglages ne pose `--ckwc-mc-icon-size` que sur le caddie de remplacement
      (minicart.css), pas sur le glyphe d'origine d'Elementor, qui gardait donc
      sa propre métrique. Les deux icônes lisent maintenant la MÊME variable :
      « Icône du menu › Taille icône » les gouverne toutes les deux.

   2. LA LIGNE. Un widget Elementor imbriqué apporte ses enveloppes, chacune avec
      ses marges et sa hauteur de ligne ; et sa pastille de compteur, sans
      métrique de taille, restait DANS le flux et poussait le bouton vers le bas
      (le gros disque de la capture). Les enveloppes sont remises à plat, la
      pastille passe en absolu : elle ne compte plus dans la hauteur, donc plus
      rien ne décale.

   Tout est scopé sous `.ckwc-sm` : un « Menu Cart » posé seul ailleurs sur le
   site n'est pas touché. */
.ckwc-sm__cart { display: inline-flex; align-items: center; }

/* Les enveloppes du widget imbriqué — SAUF `.elementor-menu-cart__container`,
   qui est le TIROIR lui-même (une lightbox en position fixe) : le mettre en
   flex dans cette rangée le sortirait de son fonctionnement. */
.ckwc-sm__cart .elementor-widget,
.ckwc-sm__cart .elementor-widget-container,
.ckwc-sm__cart .elementor-menu-cart__wrapper,
.ckwc-sm__cart .elementor-menu-cart__toggle,
.ckwc-sm__cart .elementor-button-wrapper {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    line-height: 1;
}
.ckwc-sm__cart .elementor-menu-cart__toggle .elementor-button { line-height: 1 !important; }

/* La boîte de l'icône : un carré de la taille réglée. Les deux icônes ont
   CHACUNE la sienne — « Taille de l'icône du panier » et « Taille de l'icône du
   compte », à la même valeur par défaut, donc identiques tant qu'on n'y touche
   pas. Un bonhomme et un caddie de même hauteur ne pèsent pas le même poids à
   l'œil : il faut pouvoir rattraper de deux pixels sans toucher à l'autre.
   (Une version précédente forçait les deux sur la taille du panier, pour
   garantir l'alignement. C'était garantir en enlevant le réglage.) */
.ckwc-sm .elementor-menu-cart__toggle .elementor-button-icon,
.ckwc-sm .ckwc-ac__ico {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
}
.ckwc-sm .elementor-menu-cart__toggle .elementor-button-icon {
    width: var(--ckwc-mc-icon-size, 22px);
    height: var(--ckwc-mc-icon-size, 22px);
}
.ckwc-sm .ckwc-ac__ico {
    width: var(--ckwc-ac-icon-size, var(--ckwc-mc-icon-size, 22px));
    height: var(--ckwc-ac-icon-size, var(--ckwc-mc-icon-size, 22px));
}
/* Le glyphe remplit sa boîte, qu'il soit un SVG (Elementor, notre bonhomme) ou
   une police d'icônes. `!important` sur le SVG : Elementor pose ses dimensions
   en attribut ET en CSS sur ses propres icônes. */
.ckwc-sm .elementor-menu-cart__toggle .elementor-button-icon > svg,
.ckwc-sm .ckwc-ac__ico > svg {
    width: 100% !important;
    height: 100% !important;
    display: block;
}
.ckwc-sm .elementor-menu-cart__toggle .elementor-button-icon > i { font-size: var(--ckwc-mc-icon-size, 22px); line-height: 1; }
.ckwc-sm .ckwc-ac__ico > i { font-size: var(--ckwc-ac-icon-size, var(--ckwc-mc-icon-size, 22px)); line-height: 1; }

/* La pastille du compteur : hors du flux, calée sur le coin de l'icône. Ses
   couleurs et son rayon restent ceux du tiroir de réglages (minicart.css) — on
   ne pose ici que les métriques qui manquaient. */
.ckwc-sm .elementor-menu-cart__toggle .elementor-button-icon-qty {
    position: absolute;
    top: -.5em;
    left: 100%;
    transform: translateX(-45%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 1.55em;
    height: 1.55em;
    margin: 0;
    padding: 0 .4em;
    font-size: .62em;
    font-weight: 700;
    line-height: 1;
    font-family: var(--ck-font-primary, inherit);
}
/* Le libellé « Panier » d'Elementor, s'il est activé : il ne doit pas non plus
   emporter la hauteur de la rangée. */
.ckwc-sm .elementor-menu-cart__toggle .elementor-button-text { line-height: 1; }

/* Elementor Pro manquant : le dire dans l'éditeur, pas en front. */
.ckwc-sm__missing {
    display: inline-block;
    padding: 6px 10px;
    background: color-mix(in srgb, var(--ck-color-ink, #1a1a1a) 6%, transparent);
    border-radius: var(--ck-radius-sm, 6px);
    font-size: 12px;
    line-height: 1.4;
}

/* ── Aperçu du tiroir de réglages ──
   La rangée y montre une maquette du bouton du panier (le widget d'Elementor ne
   se rend pas dans l'administration) et le VRAI menu du compte, déplié.
   `flex-start` : ce menu déplié fait grandir la rangée vers le bas, il ne doit
   pas recentrer l'icône du panier au milieu de sa hauteur. */
.ckwc-sm-preview .ckwc-sm { align-items: flex-start; }

/* ── LE BOUTON de la rangée (« Devenir client ») ───────────────────────────
   ON NE LE REDESSINE PAS. C'est un bouton CercleKit : sa forme, ses couleurs,
   son rayon, son icône et son survol viennent de l'ASPECT choisi — et ses
   déclarations sont réémises sur ce sélecteur avec une spécificité qui bat le
   thème (CKWC_Mini_Panier::shop_btn_override_css). Écrire ici un fond, une
   bordure ou un padding donnerait un bouton qui ne ressemble à aucun autre du
   site : c'est exactement ce que la règle interdit.

   Ne restent donc que les deux mesures que la RANGÉE lui doit : ne pas se
   laisser écraser par les icônes, et ne pas casser son texte en deux lignes
   dans un en-tête étroit. */
.ckwc-sm__btn {
    flex: none;
    white-space: nowrap;
}

/* Aucun aspect choisi : le markup sort un lien FRANC (`--nu`), sans icône et
   sans classe `ck-btn--x` que rien ne viendrait peindre (§ 4.1). Il n'a rien à
   faire ici non plus — il hérite du lien du site, ce qui est le but. */