/* Pages Artistes de Tattoome.
   Ce CSS vivait dans un <style> a l'interieur du contenu des pages.
   WordPress (wpautop) y injectait 38 balises <p> a l'affichage, ce qui faisait
   sauter 19 regles sur 104 et toutes les media queries.
   Il est donc servi depuis ce fichier par le mu-plugin tm-css-artistes.php.
   Ecrit le 21/09/2026. */

:root{
  --tm-noir:#0f0f0f;
  --tm-alt:#1a1a1a;
  --tm-bord:#333;
  --tm-rose:#E91E8B;
  --tm-rose-clair:#ff69b4;
  --tm-blanc:#fff;
  --tm-gris:#b3b3b3;
  --tm-sourd:#8c8c8c;
}
*{box-sizing:border-box}
body{margin:0;background:var(--tm-noir);color:var(--tm-gris);font-family:Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}

.tm-brouillon{background:#2a1520;border-bottom:1px solid #4a2438;color:#e8b4cd;text-align:center;padding:12px 16px;font-size:13px;letter-spacing:1px;text-transform:uppercase}

.tm-section-alt{background:var(--tm-alt);padding:80px 20px}
.tm-section-dark{background:var(--tm-noir);padding:80px 20px}
.tm-section{padding:0;max-width:1200px;margin:0 auto}
.tm-subtitle{color:var(--tm-rose);text-align:center;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:3px;font-size:14px;margin:0 0 14px}
.tm-section h2{font-family:"Playfair Display",serif;font-size:52px;color:var(--tm-blanc);text-align:center;margin:0 0 18px;font-weight:700;text-wrap:balance}
.tm-chapo{max-width:760px;margin:0 auto 55px;text-align:center;font-size:16.5px;color:var(--tm-gris)}
.tm-chapo strong{color:var(--tm-blanc);font-weight:600}

/* ---------- grille d'artistes ---------- */
.tm-artistes{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto}
.tm-artiste{flex:0 1 340px;background:var(--tm-noir);border:1px solid var(--tm-bord);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;text-decoration:none}
.tm-artiste:hover,.tm-artiste:focus-visible{transform:translateY(-10px);box-shadow:0 20px 40px rgba(233,30,139,.2);border-color:#4a4a4a}
.tm-artiste:focus-visible{outline:2px solid var(--tm-rose);outline-offset:3px}

.tm-portrait{height:280px;overflow:hidden;position:relative;background:#141414}
.tm-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}
.tm-portrait-vide{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(145deg,#1d1d1d 0%,#141414 100%)}
.tm-initiale{font-family:"Playfair Display",serif;font-size:62px;line-height:1;color:var(--tm-rose);opacity:.55}
.tm-portrait-vide span{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#6a6a6a}

.tm-artiste-contenu{padding:26px 25px 28px;display:flex;flex-direction:column;flex:1}
.tm-artiste h3{font-family:"Playfair Display",serif;color:var(--tm-blanc);font-size:26px;margin:0 0 4px;font-weight:700}
.tm-role{color:var(--tm-rose);font-size:12.5px;letter-spacing:2px;text-transform:uppercase;font-weight:600;margin:0 0 18px}

.tm-savoirfaire{list-style:none;padding:0;margin:0 0 20px}
.tm-savoirfaire li{position:relative;padding:5px 0 5px 20px;font-size:15px;color:var(--tm-gris)}
.tm-savoirfaire li::before{content:"";position:absolute;left:0;top:14px;width:7px;height:7px;border-radius:50%;background:var(--tm-rose)}
.tm-savoirfaire li.tm-manque,.tm-manque{color:#7d7d7d;font-style:italic}
.tm-savoirfaire li.tm-manque::before{background:#5a5a5a}

.tm-zone{font-size:13.5px;color:var(--tm-sourd);margin:0 0 22px;padding-top:16px;border-top:1px solid #262626}
.tm-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tm-voir{margin-top:auto;display:inline-flex;align-items:center;gap:9px;color:var(--tm-rose);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600}
.tm-voir svg{width:16px;height:16px;transition:transform .3s}
.tm-artiste:hover .tm-voir svg{transform:translateX(5px)}

.tm-btn{display:inline-block;background:var(--tm-rose);color:var(--tm-blanc)!important;padding:14px 32px;border-radius:30px;text-decoration:none;font-family:Montserrat,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;transition:background .3s,transform .3s}
.tm-btn:hover{background:var(--tm-rose-clair);transform:translateY(-2px)}
.tm-lien{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--tm-bord);color:var(--tm-gris)!important;padding:13px 20px;border-radius:30px;text-decoration:none;font-size:12.5px;letter-spacing:.5px;transition:border-color .3s,color .3s}
.tm-lien:hover{border-color:var(--tm-rose);color:var(--tm-blanc)!important}
.tm-lien svg{width:15px;height:15px;flex-shrink:0}

/* ---------- page artiste ---------- */
.tm-retour{max-width:1200px;margin:0 auto;padding:26px 20px 0}
.tm-retour a{display:inline-flex;align-items:center;gap:9px;color:var(--tm-sourd);text-decoration:none;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;transition:color .3s}
.tm-retour a:hover{color:var(--tm-rose)}
.tm-retour svg{width:15px;height:15px}

.tm-fiche{display:flex;gap:55px;align-items:flex-start;max-width:1200px;margin:0 auto;flex-wrap:wrap;padding:45px 20px 0}
.tm-fiche-img{flex:0 1 380px;min-width:280px;border-radius:15px;overflow:hidden;border:1px solid var(--tm-bord);background:#141414}
.tm-fiche-img img{width:100%;height:480px;object-fit:cover;object-position:center top}
.tm-fiche-img .tm-portrait-vide{height:480px}
.tm-fiche-img .tm-initiale{font-size:110px}
.tm-fiche-texte{flex:1 1 420px;min-width:300px}
.tm-fiche-texte .tm-eyebrow{color:var(--tm-rose);text-transform:uppercase;letter-spacing:3px;font-size:13px;margin:0 0 12px}
.tm-fiche-texte h1{font-family:"Playfair Display",serif;font-size:clamp(38px,6vw,62px);color:var(--tm-blanc);margin:0 0 10px;line-height:1.1;font-weight:700}
.tm-fiche-texte .tm-role{font-size:14px;margin-bottom:26px}
.tm-fiche-texte .tm-bio{font-size:16.5px;margin:0 0 26px}
.tm-fiche-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}

.tm-bloc{max-width:1200px;margin:0 auto}
.tm-bloc h2{font-family:"Playfair Display",serif;font-size:36px;color:var(--tm-blanc);margin:0 0 8px;text-align:left;font-weight:700}
.tm-bloc .tm-subtitle{text-align:left;margin-bottom:34px}

.tm-presta{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.tm-presta article{background:var(--tm-noir);border:1px solid var(--tm-bord);border-radius:15px;padding:26px 25px;transition:border-color .3s,transform .3s}
.tm-presta article:hover{border-color:#4a4a4a;transform:translateY(-5px)}
.tm-presta h3{font-family:"Playfair Display",serif;color:var(--tm-blanc);font-size:21px;margin:0 0 9px;font-weight:700}
.tm-presta p{margin:0;font-size:15px;color:var(--tm-gris)}
.tm-presta article.tm-vide{border-style:dashed;border-color:#3a2430;background:#150f13}
.tm-presta article.tm-vide h3{color:#7d7d7d}

.tm-infos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px}
.tm-infos div h3{font-family:"Playfair Display",serif;color:var(--tm-blanc);font-size:19px;margin:0 0 8px;font-weight:700}
.tm-infos div p{margin:0;font-size:15.5px}

.tm-galerie{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}
.tm-galerie a{display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--tm-bord);background:#141414;transition:transform .3s,border-color .3s}
.tm-galerie a:hover{transform:scale(1.03);border-color:var(--tm-rose)}
.tm-galerie img{width:100%;height:100%;object-fit:cover}

.tm-cta{text-align:center;padding:70px 20px;background:linear-gradient(135deg,#E91E8B 0%,#ff69b4 100%)}
.tm-cta h2{font-family:"Playfair Display",serif;color:#fff;font-size:40px;margin:0 0 14px;font-weight:700}
.tm-cta p{color:rgba(255,255,255,.92);font-size:17.5px;margin:0 auto 28px;max-width:620px}
.tm-cta .tm-btn{background:#fff;color:var(--tm-rose)!important}
.tm-cta .tm-btn:hover{background:#0f0f0f;color:#fff!important}

@media(max-width:768px){
  .tm-section-alt,.tm-section-dark{padding:50px 16px}
  .tm-section h2{font-size:32px}
  .tm-chapo{font-size:15.5px;margin-bottom:38px}
  .tm-artiste{flex:1 1 100%}
  .tm-fiche{gap:32px;padding-top:30px}
  .tm-fiche-img{flex:1 1 100%}
  .tm-fiche-img img,.tm-fiche-img .tm-portrait-vide{height:360px}
  .tm-bloc h2{font-size:28px}
  .tm-cta h2{font-size:28px}
}

.tm-presta article{display:flex;flex-direction:column}
.tm-presta article p{flex:1}
.tm-prix{margin-top:16px!important;padding-top:14px;border-top:1px solid #262626;font-size:15px;color:var(--tm-rose)!important;font-weight:600;letter-spacing:.3px;flex:0!important}
.tm-prix.tm-manque{color:#7d7d7d!important;font-weight:400}
.tm-deplacement{margin-top:34px;padding:18px 22px;border:1px solid var(--tm-bord);border-radius:12px;background:var(--tm-noir);font-size:15px}
.tm-deplacement strong{color:var(--tm-blanc)}

body:has(.tm-racine) .entry-header,body:has(.tm-racine) .ast-single-entry-banner,body:has(.tm-racine) .page-title{display:none!important}
body:has(.tm-racine) .site-content > .ast-container{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;display:block!important}
body:has(.tm-racine) #primary{max-width:100%!important;width:100%!important;float:none!important;padding:0!important;margin:0!important}
body:has(.tm-racine) #secondary{display:none!important}
body:has(.tm-racine) .entry-content{max-width:100%!important;margin:0!important}
body:has(.tm-racine) .entry-content > *{margin-block:0}