/* =========================================================
   PF TIKTOK — VERSION CANONIQUE (ROOT ISOLÉ)
   ========================================================= */

/* =========================================================
   ROOT PAGE VIDÉOS
   ========================================================= */

body.tag-template.tag-videos{
  background: #000;
}

/* On neutralise les marges Source uniquement ici */
body.tag-template.tag-videos .gh-main{
  padding: 0 !important;
  margin: 0 !important;
}


/* =========================================================
   CONTENEUR GLOBAL TIKTOK
   ========================================================= */

.pf-tiktok{
  display: flex;
  flex-direction: column;
  gap: 0;
}


/* =========================================================
   ITEM (1 VIDÉO = 1 SECTION)
   ========================================================= */

.pf-tiktok-item{
  background: #000;
}


/* =========================================================
   CONTENEUR VIDÉO
   ========================================================= */

.pf-tiktok-video{
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  background: #000;
  overflow: hidden;
}

.pf-tiktok-video iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}


/* =========================================================
   CARTOUCHE TEXTE
   ========================================================= */

.pf-tiktok-card{
  background: #000;
  padding: 1.6rem 1.4rem 1.8rem;
}

/* Tag */
.pf-tiktok-tag{
  display: block;
  font-size: .9rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: .6rem;
}

/* Titre */
.pf-tiktok-title{
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 .8rem 0;
  color: #fff;
}

/* Extrait */
.pf-tiktok-excerpt{
  font-size: 1.8rem;
  line-height: 1.4;
  color: #fff;

  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Neutralisation TOTALE du contenu éditorial */
.pf-tiktok-excerpt *{
  all: unset;
  display: inline;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}


/* =========================================================
   NETTOYAGE — AUCUN MEDIA DANS LE TEXTE
   ========================================================= */

.pf-tiktok-card img,
.pf-tiktok-card iframe,
.pf-tiktok-card video,
.pf-tiktok-card figure,
.pf-tiktok-card .kg-card,
.pf-tiktok-card .kg-embed-card,
.pf-tiktok-card .kg-video-card,
.pf-tiktok-card .kg-image-card{
  display: none !important;
}


/* =========================================================
   MOBILE — CONFORT
   ========================================================= */

@media (max-width: 600px){
  .pf-tiktok-card{
    padding: 1.4rem 1.2rem 1.6rem;
  }

  .pf-tiktok-title{
    font-size: 2.1rem;
  }

  .pf-tiktok-excerpt{
    font-size: 1.8rem;
  }
}

/* =========================================================
   PF TIKTOK — BANDEAU TAGS NOIR (ICÔNES NAB)
   ========================================================= */

/* Fond bandeau */
body.tag-template.tag-videos .pf-tags-bar{
  background: #000;
  border-bottom: 1px solid rgba(255,255,255,.15);
}

/* Pills génériques */
body.tag-template.tag-videos .pf-tag-pill{
  background: transparent;
  border: 1px solid rgba(255,255,255,.25);
  color: #fff;
  opacity: .85;
}

body.tag-template.tag-videos .pf-tag-pill:hover{
  opacity: 1;
}

/* Flèches */
body.tag-template.tag-videos .pf-tags-arrow{
  background: transparent;
  border: 1px solid rgba(255,255,255,.35);
  color: #fff;
}

/* =========================================================
   ICÔNES HOME / PF — VERSION NAB
   ========================================================= */

body.tag-template.tag-videos .pf-nav-accueil{
  background-image: url("/assets/images/icon-home-NAB.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  color: transparent;
  opacity: 1;
}

body.tag-template.tag-videos .pf-nav-pf{
  background-image: url("/assets/images/icon-pf-NAB.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px auto;
  color: transparent;
  opacity: 1;
}


/* =========================================================
   PF TIKTOK — LOGO ENJEUX BLANC (HEADER)
   Scope : page Vidéos uniquement
========================================================= */

/* On masque le logo par défaut (Home) */
body.tag-template.tag-videos .gh-navigation-logo img{
  opacity: 0;
}

/* On injecte le logo Enjeux blanc */
body.tag-template.tag-videos .gh-navigation-logo{
  background-image: url("/assets/images/logo-enjeux-blanc.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;

  min-width: 160px;
  min-height: 48px;
}

/* Mobile */
@media (max-width: 768px){
  body.tag-template.tag-videos .gh-navigation-logo{
    min-width: 140px;
    min-height: 42px;
  }
}