/**

 * Theme Name:     Cyber Child
 * Author:         Sofiya
 * Template:       cyber
 * Text Domain:	   cyber-child
 * Description:    Cyber - IT Solution & IT Startup WP Theme
 */

/* ==== Styles Job Posts ==== */

/* Archive */
/* ===== Job Posts (archive) ===== */
body.post-type-archive-job_posts .job-posts-title {
  margin: 20px 0 10px;
  font-size: 2rem;
}

body.post-type-archive-job_posts .job-posts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin: 24px 0 32px;
}

body.post-type-archive-job_posts .job-posts-card {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease;
}
body.post-type-archive-job_posts .job-posts-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0,0,0,.10);
}

body.post-type-archive-job_posts .job-posts-card__title {
  font-size: 1.15rem;
  margin: 0 0 10px;
}
body.post-type-archive-job_posts .job-posts-card__title a {
  text-decoration: none;
  color: #111;
}

body.post-type-archive-job_posts .job-posts-meta {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
}
body.post-type-archive-job_posts .job-posts-meta li {
  margin: 4px 0;
  font-size: .95rem;
  color: #444;
}

body.post-type-archive-job_posts .job-posts-excerpt {
  color: #666;
  font-size: .95rem;
}

/* ===== Job Posts (single) ===== */
body.single-job_posts .job-posts-single {
  max-width: 860px;
  margin: 36px auto;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  box-shadow: 0 3px 12px rgba(0,0,0,.08);
  padding: 22px;
}
body.single-job_posts .job-posts-single__title {
  font-size: 2rem;
  margin: 0 0 14px;
}
body.single-job_posts .job-posts-meta--single {
  list-style: none;
  padding: 12px;
  margin: 0 0 16px;
  background: #f7f7f7;
  border-radius: 10px;
}
body.single-job_posts .job-posts-meta--single li {
  margin: 6px 0;
  font-size: .97rem;
}
body.single-job_posts .job-posts-content {
  line-height: 1.65;
  font-size: 1rem;
}
/* Icônes devant les métas */
.job-posts-meta { list-style: none; padding: 0; margin: 0 0 10px; }
.job-posts-meta li { display: flex; align-items: center; gap: 8px; margin: 4px 0; color: #444; font-size: .95rem; }
.job-posts-meta .jp-ico { width: 18px; height: 18px; fill: currentColor; opacity: .8; flex: 0 0 18px; }

/* Forcer la taille des icônes dans l'archive jobs */
body.post-type-archive-job_posts .job-posts-meta .jp-ico {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px;
  min-height: 18px;
  flex: 0 0 18px;
  display: inline-block;
  vertical-align: middle;
}
/* Pagination Job Posts */
.job-posts-pagination ul {
  display: flex;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
  flex-wrap: wrap;
}

.job-posts-pagination a,
.job-posts-pagination span {
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  text-decoration: none;
  color: #222;
  background: #fff;
  transition: box-shadow .2s ease, color .2s ease, border-color .2s ease;
  line-height: 1.4;   /* garde le texte bien centré */
  vertical-align: middle;
}

/* Page actuelle : juste couleur + poids */
.job-posts-pagination .current {
  border-color: #1a73e8;
  color: #1a73e8;
  font-weight: 600;
  background: #fff;   /* reste blanc, pas de fond bizarre */
}

.job-posts-pagination a:hover {
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

/* Neutraliser le shift horizontal du chiffre actif dans la pagination */
.job-posts-pagination .page-numbers.current {
  display: inline-flex;       /* même boîte que les <a> */
  align-items: center;        /* centre verticalement */
  justify-content: center;    /* centre horizontalement */
  line-height: 1;             /* évite les variations de hauteur */
  padding: 0 12px;            /* padding identique aux autres boutons */
  margin: 0;                  /* supprime marges parasites */
  position: static !important;
  transform: none !important; /* annule éventuels déplacements du thème */
}

/* ===== Header neutre pour l'archive jobs ===== */
body.post-type-archive-job_posts .job-posts-hero--soft {
  background: #f3eff8;              /* mauve très clair, tirant sur le gris */
  border-bottom: 1px solid #e9e4f0; /* léger trait pour structurer */
}

body.post-type-archive-job_posts .job-posts-hero__inner {
  max-width: 1100px;                 /* largeur confortable */
  margin: 0 auto;
  padding-top: 36px;     /* top spacing */
  padding-bottom: 80px;  /* 👈 add more bottom spacing here */
  text-align: center;                /* centrage global */
}


body.post-type-archive-job_posts .job-posts-hero__title {
  margin: 0 0 8px;
  font-size: clamp(1.8rem, 3.2vw, 2.4rem);
  line-height: 1.2;
  color: #1f1a2b;                    /* texte principal foncé (bonne lisibilité) */
}

body.post-type-archive-job_posts .job-posts-hero__subtitle {
  margin: 0;
  color: #5e566b;                    /* gris/mauve doux */
  font-size: clamp(1rem, 2vw, 1.125rem);
}

/* Paint the page top in mauve and let transparent header sit above it */
body.post-type-archive-job_posts,
body.single-job_posts {
  background-color: #f3eff8; /* this shows through the transparent header */
}

/* Force header to be transparent (so body bg shows) */
body.post-type-archive-job_posts .site-header,
body.single-job_posts .site-header,
body.post-type-archive-job_posts #masthead,
body.single-job_posts #masthead {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

/* Push hero down to clear the header height (adjust 80px to your header) */
body.post-type-archive-job_posts .job-posts-hero--soft,
body.single-job_posts .job-posts-hero--soft {
  margin-top: 0 !important;
  padding-top: 80px; /* = approx header height; tweak 60–100px as needed */
}

/* Keep the rest of the page white after the hero */
body.post-type-archive-job_posts .site-main,
body.single-job_posts .site-main {
  background: #fff;
}