/* ===========================
   CCX — PC Hub (Premium cards)
   =========================== */

.ccx-pchub{
  padding: 22px 0 10px;
}

.ccx-pchub__inner{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 14px;
}

.ccx-pchub__title{
  font-size: 28px;
  line-height: 1.15;
  margin: 0 0 16px;
  letter-spacing: -0.2px;
}

.ccx-pchub__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.ccx-pchub__card{
  display: block;
  text-decoration: none !important;
  border-radius: 18px;
  background: rgba(255,255,255,0.96);
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 16px 40px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.ccx-pchub__card:hover{
  transform: translateY(-3px);
  box-shadow: 0 22px 55px rgba(0,0,0,0.12);
  border-color: rgba(0,0,0,0.10);
}

.ccx-pchub__media{
  padding: 14px 14px 0;
}

.ccx-pchub__media img{
  width: 100%;
  height: 170px;
  object-fit: contain;
  background: #fff;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.06);
}

.ccx-pchub__body{
  padding: 12px 16px 16px;
}

.ccx-pchub__cardTitle{
  font-size: 18px;
  font-weight: 700;
  margin: 2px 0 6px;
  color: #0f1216;
}

.ccx-pchub__cardDesc{
  font-size: 13px;
  line-height: 1.45;
  color: rgba(15,18,22,0.62);
  min-height: 36px;
}

.ccx-pchub__cta{
  margin-top: 10px;
  font-size: 13px;
  font-weight: 700;
  color: #0f1216;
  opacity: .92;
}

@media (max-width: 980px){
  .ccx-pchub__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ccx-pchub__media img{ height: 160px; }
}

@media (max-width: 620px){
  .ccx-pchub__title{ font-size: 22px; }
  .ccx-pchub__grid{ grid-template-columns: 1fr; }
  .ccx-pchub__media img{ height: 150px; }
}

/* ===== Fix: titre page blanc sur blanc (PC & Informatique) ===== */
body.page-pc-informatique .entry-title,
body.page-pc-informatique h1.entry-title,
body.page-pc-informatique .et_post_meta_wrapper h1,
body.page-pc-informatique .et_pb_title_container h1{
  color:#0f1216 !important;
}


h1.entry-title,
h1.entry-title.main_title,
.entry-title{
  display: table !important;
  margin: 22px auto 22px !important;
  text-align: center !important;

  /* look premium */
  font-weight: 800 !important;
  letter-spacing: -0.4px !important;
  line-height: 1.05 !important;

  color:#0f1216 !important;
  -webkit-text-fill-color:#0f1216 !important;
  opacity:1 !important;
  visibility:visible !important;

  padding: 12px 18px !important;
  border-radius: 16px !important;

  background:
  rgba(255,255,255,.92) !important;

  border: 1px solid rgba(0,0,0,.06) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.10) !important;

  backdrop-filter: blur(10px) saturate(1.15);
  -webkit-backdrop-filter: blur(10px) saturate(1.15);
}

/* Taille responsive */
@media (max-width: 980px){
  h1.entry-title,
  h1.entry-title.main_title,
  .entry-title{
    font-size: 28px !important;
    padding: 11px 16px !important;
    border-radius: 14px !important;
  }
}
@media (max-width: 620px){
  h1.entry-title,
  h1.entry-title.main_title,
  .entry-title{
    font-size: 24px !important;
    padding: 10px 14px !important;
  }
}


/* ===== CCX HUB PANEL (encadre tout, style smartphone) ===== */
.ccx-pchub__inner,
.ccx-tvhub__inner,
.ccx-gamehub__inner,
.ccx-objhub__inner{
  /* on garde le centrage max-width existant */
  background:
    radial-gradient(900px 260px at 15% 0%, rgba(0,255,106,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.92));
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 26px;
  box-shadow: 0 26px 70px rgba(0,0,0,.10);
  padding: 22px 20px 18px;
}

/* espace interne propre */
.ccx-pchub__title,
.ccx-tvhub__title,
.ccx-gamehub__title,
.ccx-objhub__title{
  margin-top: 0;
}

/* Responsive padding */
@media (max-width: 620px){
  .ccx-pchub__inner,
  .ccx-tvhub__inner,
  .ccx-gamehub__inner,
  .ccx-objhub__inner{
    padding: 18px 14px 14px;
    border-radius: 22px;
  }
}


/* CCX_DISABLED_BLOCK_START */
/* CCX_FORCE_WHITE_GREEN_HALO_16174_START */
/* Force le hero titre en blanc pur + halo vert (supprime toute teinte chaude) */
body.page-id-16174 header.entry-header{
  background: transparent !important;
}

body.page-id-16174 header.entry-header::before{
  /* on écrase TOUT ce qui peut teinter */
  background-image: none !important;
  background-color: #ffffff !important;

  /* halo vert uniquement */
  background:
    radial-gradient(560px 220px at 50% 10%, rgba(0,255,106,.24), transparent 68%),
    radial-gradient(420px 170px at 18% 60%, rgba(0,255,106,.12), transparent 72%),
    #ffffff !important;

  filter: none !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.10) !important;
  border: 1px solid rgba(0,0,0,.05) !important;
}
/* CCX_FORCE_WHITE_GREEN_HALO_16174_END */
/* CCX_DISABLED_BLOCK_END */


/* CCX_DISABLED_BLOCK_START */
/* CCX_HERO_V3_16174_START */
/* HERO Apple-like (halo vert ONLY) — uniquement /pc-de-bureau/ (page ID 16174) */

/* 1) zone header en mode hero */
body.page-id-16174 header.entry-header{
  position: relative !important;
  text-align: center !important;
  margin: 34px auto 18px !important;
  padding: 22px 0 18px !important;
}

/* 2) halo vert + glass blanc (sans teinte chaude) */
body.page-id-16174 header.entry-header::before{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: min(920px, 92vw) !important;
  height: 140px !important;
  transform: translate(-50%, -55%) !important;
  border-radius: 28px !important;

  background:
    radial-gradient(560px 220px at 50% 12%, rgba(0,255,106,.22), transparent 68%),
    radial-gradient(420px 170px at 18% 60%, rgba(0,255,106,.11), transparent 72%),
    #ffffff !important;

  border: 1px solid rgba(0,0,0,.05) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.10) !important;

  /* IMPORTANT : on coupe le "glass" qui peut ramasser une teinte du fond */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  z-index: 0 !important;
}

/* 3) on neutralise le style "badge" global (table/padding/border/bg/shadow) */
body.page-id-16174 h1.entry-title,
body.page-id-16174 h1.entry-title.main_title,
body.page-id-16174 .entry-title{
  position: relative !important;
  z-index: 1 !important;

  display: block !important;
  margin: 0 auto !important;

  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  font-weight: 900 !important;
  letter-spacing: -1.1px !important;
  line-height: 1.02 !important;
  font-size: clamp(30px, 3.2vw, 46px) !important;

  color:#0f1216 !important;
  -webkit-text-fill-color:#0f1216 !important;
}

/* petite barre luxe (vert only) */
body.page-id-16174 h1.entry-title::before{
  content: "" !important;
  display: block !important;
  width: 86px !important;
  height: 6px !important;
  margin: 0 auto 12px !important;
  border-radius: 999px !important;
  background: rgba(0,255,106,.55) !important;
  opacity: .9 !important;
}

/* sous-titre premium (si tu veux, tu peux changer le texte ici) */
body.page-id-16174 h1.entry-title::after{
  content: "Comparateur premium • Neuf & reconditionné • Meilleurs prix en temps réel" !important;
  display: block !important;
  margin-top: 10px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: .1px !important;
  font-weight: 600 !important;
  color: rgba(15,18,22,.62) !important;
}

@media (max-width: 620px){
  body.page-id-16174 header.entry-header::before{
    height: 155px !important;
    transform: translate(-50%, -52%) !important;
  }
  body.page-id-16174 h1.entry-title::after{
    font-size: 13px !important;
  }
}
/* CCX_HERO_V3_16174_END */
/* CCX_DISABLED_BLOCK_END */


/* CCX_DISABLED_BLOCK_START */
/* CCX_HERO_V3_16174_START */
/* HERO Apple-like (halo vert ONLY) — uniquement /pc-de-bureau/ (page ID 16174) */

/* 1) zone header en mode hero */
body.page-id-16174 header.entry-header{
  position: relative !important;
  text-align: center !important;
  margin: 34px auto 18px !important;
  padding: 22px 0 18px !important;
}

/* 2) halo vert + glass blanc (sans teinte chaude) */
body.page-id-16174 header.entry-header::before{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: min(920px, 92vw) !important;
  height: 140px !important;
  transform: translate(-50%, -55%) !important;
  border-radius: 28px !important;

  background:
    radial-gradient(560px 220px at 50% 12%, rgba(0,255,106,.22), transparent 68%),
    radial-gradient(420px 170px at 18% 60%, rgba(0,255,106,.11), transparent 72%),
    #ffffff !important;

  border: 1px solid rgba(0,0,0,.05) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.10) !important;

  /* IMPORTANT : on coupe le "glass" qui peut ramasser une teinte du fond */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  z-index: 0 !important;
}

/* 3) on neutralise le style "badge" global (table/padding/border/bg/shadow) */
body.page-id-16174 h1.entry-title,
body.page-id-16174 h1.entry-title.main_title,
body.page-id-16174 .entry-title{
  position: relative !important;
  z-index: 1 !important;

  display: block !important;
  margin: 0 auto !important;

  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  font-weight: 900 !important;
  letter-spacing: -1.1px !important;
  line-height: 1.02 !important;
  font-size: clamp(30px, 3.2vw, 46px) !important;

  color:#0f1216 !important;
  -webkit-text-fill-color:#0f1216 !important;
}

/* petite barre luxe (vert only) */
body.page-id-16174 h1.entry-title::before{
  content: "" !important;
  display: block !important;
  width: 86px !important;
  height: 6px !important;
  margin: 0 auto 12px !important;
  border-radius: 999px !important;
  background: rgba(0,255,106,.55) !important;
  opacity: .9 !important;
}

/* sous-titre premium (si tu veux, tu peux changer le texte ici) */
body.page-id-16174 h1.entry-title::after{
  content: "Comparateur premium • Neuf & reconditionné • Meilleurs prix en temps réel" !important;
  display: block !important;
  margin-top: 10px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: .1px !important;
  font-weight: 600 !important;
  color: rgba(15,18,22,.62) !important;
}

@media (max-width: 620px){
  body.page-id-16174 header.entry-header::before{
    height: 155px !important;
    transform: translate(-50%, -52%) !important;
  }
  body.page-id-16174 h1.entry-title::after{
    font-size: 13px !important;
  }
}
/* CCX_HERO_V3_16174_END */
/* CCX_DISABLED_BLOCK_END */



/* CCX_APPLE_ULTRASOFT_16174_START */
/* Apple ultra soft — aucun vert, aucun orange — uniquement page 16174 */
body.page-id-16174 h1.entry-title,
body.page-id-16174 h1.entry-title.main_title,
body.page-id-16174 .entry-title{
  /* neutralise le style badge global */
  display: block !important;
  margin: 34px auto 16px !important;
  text-align: center !important;

  padding: 24px 20px 16px !important;
  width: min(920px, 92vw) !important;

  border-radius: 26px !important;
  border: 1px solid rgba(15,18,22,.06) !important;

  background: rgba(255,255,255,.88) !important;
  box-shadow:
    0 14px 40px rgba(0,0,0,.08),
    0 1px 0 rgba(255,255,255,.9) inset !important;

  backdrop-filter: blur(14px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.06) !important;

  font-weight: 900 !important;
  letter-spacing: -1.15px !important;
  line-height: 1.02 !important;
  font-size: clamp(32px, 3.1vw, 48px) !important;

  color: #0f1216 !important;
  -webkit-text-fill-color: #0f1216 !important;

  position: relative !important;
  overflow: hidden !important; /* reflet */
}

/* reflet diagonal ultra subtil (effet verre) */
body.page-id-16174 h1.entry-title::before{
  content: "" !important;
  position: absolute !important;
  inset: -40% -35% -40% -35% !important;
  transform: rotate(14deg) !important;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.26) 46%,
    rgba(255,255,255,0) 72%
  ) !important;
  opacity: .55 !important;
  pointer-events: none !important;
}

/* sous-titre fin */
body.page-id-16174 h1.entry-title::after{
  content: "Comparateur premium • Neuf & reconditionné • Meilleurs prix en temps réel" !important;
  display: block !important;
  margin-top: 10px !important;
  font-size: 13.5px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
  letter-spacing: .12px !important;
  color: rgba(15,18,22,.56) !important;
}

@media (max-width: 620px){
  body.page-id-16174 h1.entry-title,
  body.page-id-16174 h1.entry-title.main_title,
  body.page-id-16174 .entry-title{
    padding: 22px 16px 14px !important;
    border-radius: 22px !important;
  }
  body.page-id-16174 h1.entry-title::after{ font-size: 13px !important; }
}
/* CCX_APPLE_ULTRASOFT_16174_END */