/* Les guides de transfert dessines (/domain-transfer/<extension>, piste D partie 2, tranche S8 du 15/10/2026), chargee par
   core/blocs/_transferts_css.blade.php apres fiche-extension.css : la carte des prix a cheval sur la bande d'encre
   (tr_prix « compact »), les cartes d'etapes (tr_etapes « theme »), les cartes de regles du titulaire et du registre
   (tr_titulaire et tr_registre « cartes »). La bande elle-meme est celle de bandeau-marque.css (tr_banniere « marque ») ; les
   cartes « See also » celles de blocs.css (.bloc--cartes-theme). Les regles globales du theme (style.css : a:hover opacite .9,
   a:focus et a:active orange, button:focus bleu) sont neutralisees ici sur les liens de ces blocs. */

/* 1. La carte des prix : la carte de la page d'extension, avec une, deux ou trois cases (transfert, renouvellement, presence
   locale), centree quand elle en a moins de trois. */
.transfert-prix-compact .transfert-prix-compact__carte--1{grid-template-columns:minmax(0,1fr);max-width:380px;margin:0 auto}
.transfert-prix-compact .transfert-prix-compact__carte--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:0 auto}
.transfert-prix-compact .transfert-prix-compact__carte--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.transfert-prix-compact .ext-prix__note a:hover,.transfert-prix-compact .ext-prix__note a:focus,.transfert-prix-compact .ext-prix__note a:active{color:var(--bl-encre,#1F222B);opacity:1}
.transfert-prix-compact__taxes{margin:14px 0 0;font-size:13px;line-height:1.5;color:#6A7079;text-align:center}
.transfert-prix-compact .ext-prix__paiement{margin-top:6px}
@media (max-width:751px){
  /* Sur un telephone, la carte reste sous la bande (pas de marge negative : le bouton de la bande serait couvert) ; le fond
     d'encre du degrade prend toute la largeur, sans bord blanc sous la bande. */
  .transfert-prix-compact{margin-top:0;padding:0}
  .transfert-prix-compact .ext-prix__fond{padding:0 16px}
  .transfert-prix-compact .transfert-prix-compact__carte--1{grid-template-columns:minmax(0,1fr);max-width:none}
  .transfert-prix-compact .transfert-prix-compact__carte--2{max-width:none}
  /* Trois cases : deux par ligne, la troisieme (la presence locale) sur toute la largeur, comme la page d'extension. */
  .transfert-prix-compact .transfert-prix-compact__carte--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* 2. Les cartes d'etapes : le disque orange des etapes du theme (blocs.css, .bloc--etapes__disque) porte une icone du site. */
.transfert-etapes-theme .bloc--etapes__disque .icone{width:40px;height:40px;color:var(--bl-orange,#FF8400)}
/* Le texte d'une etape vient de la fiche et peut etre long (jusqu'a 590 signes) : justifie comme le texte courant du site, la
   derniere ligne centree comme le theme dessine les textes des cartes (un texte d'une ligne reste centre). */
.transfert-etapes-theme .feature__desc{text-align:justify;text-align-last:center;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
.transfert-etapes-theme__lien{margin:12px 0 0}
.transfert-etapes-theme__lien a,.transfert-etapes-theme__lien a:focus,.transfert-etapes-theme__lien a:active{font-size:16px;font-weight:500;color:var(--bl-orange,#FF8400);text-decoration:none;opacity:1}
.transfert-etapes-theme__lien a:hover{color:var(--bl-orange-texte,#B35C00);text-decoration:none;opacity:1}
.transfert-etapes-theme__lien a:focus-visible{outline:2px solid var(--bl-orange,#FF8400);outline-offset:2px}
.transfert-etapes-theme__note{max-width:760px;margin:6px auto 0;font-size:14px;line-height:1.55;color:#505459}

/* 3. Les cartes de regles du titulaire et du registre : une carte de la page d'extension, centree, son titre dans l'en-tete a
   icone ; le texte courant justifie (ext-regles__texte) ; les liens du registre en pastilles. */
.transfert-carte-section{padding:24px 24px}
.transfert-carte{max-width:860px;margin:0 auto}
.transfert-carte .transfert-carte__titre{margin-bottom:14px;font-size:21px;line-height:1.3}
.transfert-carte__intro{margin:0 0 14px}
.transfert-carte__registre dd bdi{font-weight:600}
.transfert-carte__liens{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.transfert-carte__liens a,.transfert-carte__liens a:focus,.transfert-carte__liens a:active{display:inline-flex;align-items:center;padding:9px 16px;background:#fff;border:1px solid var(--bl-ligne,#e9ebf0);border-radius:999px;font-size:15px;font-weight:600;line-height:1.3;color:var(--bl-encre,#1F222B);text-decoration:none;opacity:1;transition:border-color .15s}
.transfert-carte__liens a:hover,.transfert-carte__liens a:focus-visible{border-color:var(--bl-orange,#FF8400);color:var(--bl-encre,#1F222B);text-decoration:none;opacity:1}
.transfert-carte__liens a:focus-visible{outline:2px solid var(--bl-encre,#1F222B);outline-offset:2px}
@media (max-width:751px){
  .transfert-carte-section{padding:16px}
  .transfert-carte .transfert-carte__titre{font-size:19px}
  .transfert-carte__liens a,.transfert-carte__liens a:focus,.transfert-carte__liens a:active{font-size:14px;padding:8px 14px}
}