/*
Theme Name: CDI TECH MEDIA Child
Template: astra
Version: 1.3
Author: CDI TECH MEDIA
Description: Theme enfant RANKOPRESS — design system "Tech Magazine Modern" (sobre, professionnel, lisible). Police Inter via Google Fonts. Palette zinc + electric blue. Header avec menu visible et icones par categorie. Formulaire JotForm. Outils interactifs en template PHP. Maillage interne sur chaque page. Logo et illustrations regeneres via OpenAI Image API (gpt-image-1).
Text Domain: rp-cdi-tech-media
*/

/* ===========================================================
   Variables CSS du Design System "Tech Magazine Modern"
   =========================================================== */
:root {
  --rp-primary:    #18181B;
  --rp-accent:     #2563EB;
  --rp-text:       #18181B;
  --rp-text-soft:  #71717A;
  --rp-bg:         #FFFFFF;
  --rp-surface:    #F4F4F5;
  --rp-line:       #E4E4E7;
  --rp-link-hover: #1D4ED8;
  --rp-font-h:     "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --rp-font-b:     "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --rp-radius:     6px;
  --rp-radius-lg:  10px;
  --rp-container:  1200px;
  --rp-shadow-sm:  0 1px 2px rgba(24,24,27,.06);
  --rp-shadow-md:  0 6px 20px rgba(24,24,27,.08);
  --rp-shadow-lg:  0 18px 48px rgba(24,24,27,.12);
}

body {
  background: var(--rp-bg);
  color: var(--rp-text);
  font-family: var(--rp-font-b);
  margin: 0;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--rp-font-h);
  color: var(--rp-primary);
  line-height: 1.2;
  margin: 0 0 0.6em;
}

a { color: var(--rp-accent); text-decoration: none; transition: color .2s ease; }
a:hover { color: var(--rp-link-hover); }

img, video, iframe { max-width: 100%; height: auto; }

.rp-container { max-width: var(--rp-container); margin: 0 auto; padding: 0 1rem; }

/* Surcharges WordPress Gutenberg + comments + search */
.wp-block-image img { border-radius: var(--rp-radius); }
.wp-block-quote {
  border-left: 4px solid var(--rp-accent);
  padding: .5em 1em;
  background: var(--rp-surface);
  margin: 1.5em 0;
}
.wp-block-button__link {
  background: var(--rp-accent);
  color: #fff;
  padding: .75em 1.5em;
  border-radius: var(--rp-radius);
  text-decoration: none;
  display: inline-block;
}
.wp-block-button__link:hover { opacity: .9; }
.pagination, .nav-links, .wp-block-query-pagination {
  display: flex; gap: .5rem; justify-content: center; margin: 2rem 0; flex-wrap: wrap;
}
.page-numbers, .wp-block-query-pagination a, .wp-block-query-pagination span {
  padding: .5em 1em; border: 1px solid var(--rp-line);
  color: var(--rp-text); text-decoration: none; border-radius: var(--rp-radius);
}
.page-numbers.current {
  background: var(--rp-accent); color: #fff; border-color: var(--rp-accent);
}
.comment-list { list-style: none; padding: 0; }
.comment-list li {
  background: var(--rp-surface); padding: 1em; margin: .5em 0;
  border-radius: var(--rp-radius);
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  width: 100%; padding: .75rem; border: 1px solid var(--rp-line);
  background: var(--rp-bg); color: var(--rp-text); border-radius: var(--rp-radius);
  font-family: var(--rp-font-b); font-size: 1rem;
}
.comment-form .submit {
  background: var(--rp-accent); color: #fff; border: 0;
  padding: .75em 1.5em; border-radius: var(--rp-radius); cursor: pointer;
}
img.emoji, img.wp-smiley { display: inline; border: 0; box-shadow: none; }