/* Articles Grammaire, Document et Thème : trois lignes de deux blocs (demande de Marie, 01/11), voir src/lib/article.ts.
   1. Note à l'enseignant·e | Note à l'apprenant·e ; 2. Informations sur la fiche | Le document (comme la
   diplomatie) ; 3. Télécharger les documents (bloc des abonné·es) | Abonnez-vous. Écrit à la main.
   Couleur clé de chaque collection (--cle : bord ; --cle-fonce : titres et boutons ; --cle-pale : fond), celles des
   bandeaux et des cartes des pages de collection. */
.elementor-modele.modele-document{--cle:#E6A817;--cle-fonce:#B7791F;--cle-pale:#FFFBEB}
.elementor-modele.modele-grammaire{--cle:#2E86C1;--cle-fonce:#1A6FA8;--cle-pale:#EFF6FF}
.elementor-modele.modele-theme{--cle:#8B5CF6;--cle-fonce:#7C3AED;--cle-pale:#F5F3FF}

/* Lignes 1 et 2 : deux colonnes de même largeur, centrées ; l'une sous l'autre sur téléphone. */
.elementor-modele .elementor-element.elementor-element-grille,
.elementor-modele .elementor-element.elementor-element-grille-document{--e-con-grid-template-columns:repeat(2, minmax(0, 560px));--justify-content:center;--padding-bottom:0px}
.elementor-modele .elementor-element.elementor-element-grille-document{--align-items:stretch;--display:grid;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--padding-top:0px;--padding-left:60px;--padding-right:60px}
.elementor-modele .elementor-element.elementor-element-grille-document.e-con{--align-self:center}
.elementor-modele .elementor-element.elementor-element-grille > .e-con-inner,
.elementor-modele .elementor-element.elementor-element-grille-document > .e-con-inner{justify-content:center}
.elementor-modele .elementor-element.elementor-element-col-enseignant,
.elementor-modele .elementor-element.elementor-element-col-apprenant,
.elementor-modele .elementor-element.elementor-element-col-infos,
.elementor-modele .elementor-element.elementor-element-col-document{--margin-bottom:20px;--margin-top:20px}
@media(min-width:768px){.elementor-modele .elementor-element.elementor-element-grille-document{--content-width:1328px}}
/* Sans document : les trois blocs (notes et informations) sur la première ligne, même largeur totale. */
.elementor-modele .elementor-element.elementor-element-grille:has(> .e-con-inner > .elementor-element-col-infos){--e-con-grid-template-columns:repeat(3, minmax(0, 366px))}
@media(max-width:1024px){.elementor-modele .elementor-element.elementor-element-col-document{--margin-left:20px;--margin-right:20px}}
@media(max-width:767px){
  .elementor-modele .elementor-element.elementor-element-grille:has(> .e-con-inner > .elementor-element-col-infos),
  .elementor-modele .elementor-element.elementor-element-grille,
  .elementor-modele .elementor-element.elementor-element-grille-document{--e-con-grid-template-columns:repeat(1, 1fr);--padding-left:0px;--padding-right:0px}
}

/* Cadre du document : mêmes réglages que celui des informations, aux couleurs de la collection. */
.elementor-modele .elementor-element.elementor-element-col-document{--align-items:center;--justify-content:flex-start;--gap:16px 16px;--row-gap:16px;--border-bottom-width:0px;--border-color:var(--cle);--border-left-width:04px;--border-radius:10px 10px 10px 10px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;--display:flex;--margin-left:40px;--margin-right:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--padding-top:20px;border-color:var(--cle);border-style:solid;border-width:0px 0px 0px 04px}
.elementor-modele .elementor-element.elementor-element-col-document:not(.elementor-motion-effects-element-type-background){background-color:transparent;background-image:linear-gradient(180deg, var(--cle-pale) 0%, #FFFFFF 100%)}
.elementor-modele .elementor-element.elementor-element-col-document.e-con{--align-self:stretch}
.elementor-modele .elementor-element.elementor-element-titre-document{color:var(--cle-fonce);font-family:var( --e-global-typography-4b6dc88-font-family ), Sans-serif;font-size:var( --e-global-typography-4b6dc88-font-size );font-weight:var( --e-global-typography-4b6dc88-font-weight );letter-spacing:var( --e-global-typography-4b6dc88-letter-spacing );line-height:var( --e-global-typography-4b6dc88-line-height );max-width:100%;text-align:center;width:100%}
.elementor-modele .elementor-element.elementor-element-titre-document p{margin-block-end:0}
.elementor-modele .elementor-element.elementor-element-col-document .elementor-widget-html{width:100%}
.elementor-modele .elementor-element.elementor-element-col-document iframe{display:block;width:100%;max-width:100%;border:0;border-radius:8px}
.elementor-modele .elementor-element.elementor-element-col-document iframe[src*="youtube"],
.elementor-modele .elementor-element.elementor-element-col-document iframe[src*="dailymotion"]{height:auto;aspect-ratio:16 / 9}
.elementor-modele .elementor-element.elementor-element-col-document .elementor-widget-text-editor:not(.elementor-element-titre-document){width:100%;color:#205072;font-family:var( --e-global-typography-9c80c06-font-family ), Sans-serif;font-size:var( --e-global-typography-9c80c06-font-size );line-height:var( --e-global-typography-9c80c06-line-height );text-align:center}
.elementor-modele .elementor-element.elementor-element-col-document .elementor-widget-text-editor:not(.elementor-element-titre-document) a{color:var(--cle-fonce);font-weight:700}

/* Ligne 3 : « Télécharger les documents » en tête du bloc des abonné·es (sans emoji), puis « Vous êtes abonné·e » et les fiches (ou « Connectez-vous »). */
.elementor-modele .elementor-element.elementor-element-telecharger{--padding-top:0px}
.elementor-modele .elementor-element.elementor-element-offres{--padding-top:20px;--padding-left:0px;--padding-right:0px;--e-con-grid-template-columns:repeat(2, minmax(0, 560px));--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px}
@media(max-width:767px){.elementor-modele .elementor-element.elementor-element-offres{--e-con-grid-template-columns:repeat(1, 1fr)}}

/* Bouton « Écouter l'émission ↗ » (articles sans lecteur : lien repris de la note à l'enseignant·e). */
.elementor-modele .elementor-element.elementor-element-bouton-document .elementor-button{background-color:var(--cle-fonce);border:2px solid var(--cle-fonce);border-radius:10px 10px 10px 10px;color:#FFFFFF;fill:#FFFFFF;font-family:var( --e-global-typography-1fa8f7a-font-family ), Sans-serif;font-size:var( --e-global-typography-1fa8f7a-font-size );letter-spacing:var( --e-global-typography-1fa8f7a-letter-spacing );line-height:var( --e-global-typography-1fa8f7a-line-height );padding:14px 24px 14px 24px}
.elementor-modele .elementor-element.elementor-element-bouton-document .elementor-button:hover,.elementor-modele .elementor-element.elementor-element-bouton-document .elementor-button:focus{background-color:#FFFFFF;color:var(--cle-fonce)}

/* Ombre légère sur les six blocs (demande de Marie, 01/11), comme les cartes des pages de collection. */
.elementor-modele .elementor-element.elementor-element-col-enseignant,
.elementor-modele .elementor-element.elementor-element-col-apprenant,
.elementor-modele .elementor-element.elementor-element-col-infos,
.elementor-modele .elementor-element.elementor-element-col-document,
.elementor-modele .elementor-element.elementor-element-abonne,
.elementor-modele .elementor-element.elementor-element-non-abonne{box-shadow:0 4px 14px 0 rgba(0, 0, 0, 0.07)}

/* Blocs 3, 4 et 5 au même dessin (demande de Marie, 01/11) : bord gauche et fond pâle dégradé de la couleur de la collection, titre en
   haut. Bloc 6 (« Vous n’êtes pas encore abonné·e ») inchangé. */
.elementor-modele .elementor-element.elementor-element-col-infos,
.elementor-modele .elementor-element.elementor-element-col-document,
.elementor-modele .elementor-element.elementor-element-abonne{--justify-content:flex-start;--border-color:var(--cle);--border-radius:10px 10px 10px 10px;border-color:var(--cle);border-style:solid;border-width:0px 0px 0px 4px;border-radius:10px}
.elementor-modele .elementor-element.elementor-element-col-infos:not(.elementor-motion-effects-element-type-background),
.elementor-modele .elementor-element.elementor-element-abonne:not(.elementor-motion-effects-element-type-background){background-color:transparent;background-image:linear-gradient(180deg, var(--cle-pale) 0%, #FFFFFF 100%)}
.elementor-modele .elementor-element.elementor-element-titre-infos{color:var(--cle-fonce)}
.elementor-modele .elementor-element.elementor-element-abonne{--padding-top:20px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;--gap:12px 12px;--row-gap:12px;--align-items:center}

/* « Télécharger les documents » : même police que « Le document », couleur neutre, sans bandeau ; « Vous êtes
   abonné·e » devient une petite ligne d’explication en dessous. */
.elementor-modele .elementor-element.elementor-element-abonne .elementor-element.elementor-element-titre-telecharger{width:100%;max-width:100%;color:#4B5563;font-family:var( --e-global-typography-4b6dc88-font-family ), Sans-serif;font-size:var( --e-global-typography-4b6dc88-font-size );font-weight:var( --e-global-typography-4b6dc88-font-weight );letter-spacing:var( --e-global-typography-4b6dc88-letter-spacing );line-height:var( --e-global-typography-4b6dc88-line-height );text-align:center}
.elementor-modele .elementor-element.elementor-element-abonne .elementor-element.elementor-element-titre-telecharger > .elementor-widget-container{background:none;border:0;padding:0}
.elementor-modele .elementor-element.elementor-element-abonne .elementor-element.elementor-element-titre-abonne{color:#6B7280;font-family:var( --e-global-typography-9c80c06-font-family ), Sans-serif;font-size:var( --e-global-typography-9c80c06-font-size );font-weight:400}
.elementor-modele .elementor-element.elementor-element-abonne .elementor-element.elementor-element-titre-abonne > .elementor-widget-container{padding:0 0 4px}
.elementor-modele .elementor-element.elementor-element-abonne .elementor-element.elementor-element-titre-abonne strong{font-weight:400}

/* Boutons des fiches (et « Connectez-vous ») : même style que « Écouter l’émission ↗ ». */
.elementor-modele .elementor-element.elementor-element-abonne .elementor-widget-button .elementor-button{background-color:var(--cle-fonce);border:2px solid var(--cle-fonce);border-radius:10px;color:#FFFFFF;fill:#FFFFFF;font-family:var( --e-global-typography-1fa8f7a-font-family ), Sans-serif;font-size:var( --e-global-typography-1fa8f7a-font-size );letter-spacing:var( --e-global-typography-1fa8f7a-letter-spacing );line-height:var( --e-global-typography-1fa8f7a-line-height );padding:14px 24px}
.elementor-modele .elementor-element.elementor-element-abonne .elementor-widget-button .elementor-button:hover,
.elementor-modele .elementor-element.elementor-element-abonne .elementor-widget-button .elementor-button:focus{background-color:#FFFFFF;color:var(--cle-fonce)}
/* Les deux boutons de même largeur, l’un sous l’autre. */
.elementor-modele .elementor-element.elementor-element-abonne .elementor-widget-button{width:300px;max-width:100%}
.elementor-modele .elementor-element.elementor-element-abonne .elementor-widget-button .elementor-button{display:block;width:100%;text-align:center;white-space:nowrap}

/* Bloc 6 aligné sur le bloc 5 (demande de Marie, 01/11) : titre à la même hauteur, mêmes espaces, bouton de même
   forme ; ses couleurs ne changent pas. */
.elementor-modele .elementor-element.elementor-element-non-abonne{--justify-content:flex-start;--align-items:center;--padding-top:20px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;--gap:12px 12px;--row-gap:12px}
.elementor-modele .elementor-element.elementor-element-non-abonne .elementor-element.elementor-element-titre-non-abonne > .elementor-widget-container{padding:0 0 4px}
.elementor-modele .elementor-element.elementor-element-non-abonne .elementor-element.elementor-element-bouton-abonnement{width:300px;max-width:100%}
.elementor-modele .elementor-element.elementor-element-non-abonne .elementor-element.elementor-element-bouton-abonnement .elementor-button{display:block;width:100%;text-align:center;white-space:nowrap;padding:14px 24px;border:2px solid var( --e-global-color-primary );border-radius:10px}
.elementor-modele .elementor-element.elementor-element-non-abonne .elementor-element.elementor-element-prix p,
.elementor-modele .elementor-element.elementor-element-non-abonne .elementor-element.elementor-element-avantage p,
.elementor-modele .elementor-element.elementor-element-non-abonne .elementor-element.elementor-element-incitation p{margin-block-end:0}