/*
Theme Name: Konatech
Theme URI: https://konatech.ml
Author: Konatech / Abdoulaye Konaté
Author URI: https://konatech.ml
Description: Thème custom Konatech — Agence Digitale 360° Bamako, Mali. Design system dark + orange/gold. Vanilla JS, zéro page builder.
Version: 2.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License: Proprietary
License URI: https://konatech.ml/cgv
Text Domain: konatech
Tags: dark, custom, business, agency
*/

/* ============================================================
   STYLE.CSS — Minimal global (ne pas ajouter de CSS qui existe
   dans les templates inline — ils sont self-contained)
   ============================================================ */

/* ── Admin bar offset ── */
html { margin-top: 0 !important; }
#wpadminbar { position: fixed !important; }
@media screen and (max-width: 782px) {
  #wpadminbar { position: fixed !important; }
}

/* ── WordPress core classes (alignements Gutenberg) ── */
.alignwide  { max-width: 1100px; margin-left: auto; margin-right: auto; }
.alignfull  { width: 100%; max-width: 100%; }
.aligncenter{ text-align: center; margin-left: auto; margin-right: auto; }
.alignleft  { float: left; margin-right: 1.5rem; }
.alignright { float: right; margin-left: 1.5rem; }
.wp-caption { max-width: 100%; }

/* ── WhatsApp float button (global — présent sur toutes les pages) ── */
.wa-float {
  position: fixed;
  bottom: 28px;
  right: 28px;
  z-index: 9999;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px rgba(37,211,102,.35);
  transition: transform .25s, box-shadow .25s;
  text-decoration: none;
}
.wa-float:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 28px rgba(37,211,102,.5);
}

/* ── Bouton Infos Konatech — survit au chargement de style.css ── */
a.nl-media {
  color: #FF6B35 !important;
  background: rgba(224,85,32,.1);
  border: 1px solid rgba(224,85,32,.45);
  border-radius: 100px;
  padding: 5px 13px 5px 9px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none;
  transition: background .25s, border-color .25s, color .25s, box-shadow .25s;
}
a.nl-media::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #FF6B35;
  box-shadow: 0 0 7px #FF6B35;
  flex-shrink: 0;
  animation: ikPulse 2s ease-in-out infinite;
}
a.nl-media svg { display: none; }
a.nl-media:hover {
  background: rgba(224,85,32,.2);
  border-color: rgba(224,85,32,.85);
  box-shadow: 0 0 20px rgba(224,85,32,.18);
  color: #fff !important;
}
@keyframes ikPulse {
  0%,100% { opacity: 1; box-shadow: 0 0 7px #FF6B35; }
  50%      { opacity: .4; box-shadow: 0 0 3px #FF6B35; }
}

/* ── Sécurité overflow ── */
html, body { overflow-x: hidden; }