/*
Theme Name: Avada Enfant par WP Marmite
Description: Theme enfant du theme Avada. Vous pouvez desormais le personnaliser sans risquer de perdre vos modifications
Author: LaGTeK
Author URI: https://wpmarmite.com
Template: Avada
Version: 1.0
*/
.fusion-footer .meta {
  color: white;
}

.mdzItemPicture {
  max-width: 100%;
  height: 300px;
  /* Ajustez la valeur selon vos besoins */
}

.mdzItemPicturePage {
  max-width: 100%;
  max-height: 400px;
  /* Ajustez la valeur selon vos besoins */
}

.melee_damage_compare table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(30, 30, 30, 0.05);
}

.melee_damage_compare th,
.melee_damage_compare td {
  border: 1px solid #e7e7e7;
  padding: 14px 10px;
  font-size: 1.07em;
}

.melee_damage_compare th {
  background: var(--awb-text-color, #830c25);
  color: #fff !important;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
}

.melee_damage_compare td {
  background: #f8fafb;
  color: var(--awb-text-color, #222);
  text-align: center;
  vertical-align: middle;
  transition: background 0.2s;
}

.melee_damage_compare .label-cell {
  font-weight: 600;
  background: #f2f2f2;
  color: var(--awb-text-color, #222);
  text-align: right;
  letter-spacing: 0.5px;
  font-size: 1.09em;
  border-right: 2px solid #e7e7e7;
}

.melee_damage_compare tr:hover td:not(.label-cell) {
  background: #e9f1f8;
}

.simple_nutrition_table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(30, 30, 30, 0.05);
  font-size: 0.99em;
  margin: 0 auto;
}

.simple_nutrition_table td {
  border: 1px solid #e7e7e7;
  padding: 9px 10px;
  font-size: 1em;
  background: #f8fafb;
  color: #222;
  text-align: left;
}

.simple_nutrition_table .label-cell {
  font-weight: 600;
  background: #f2f2f2;
  color: var(--awb-text-color, #830c25);
  text-align: right;
  letter-spacing: 0.3px;
  width: 50%;
  min-width: 100px;
}

.simple_nutrition_table .value-cell {
  text-align: center;
}

.simple_nutrition_table tr td:last-child {
  width: 50%;
}

.clothing-stats ul {
  list-style: none;
  padding-left: 0;
}

.clothing-stats li {
  margin-bottom: 6px;
}

.attachments-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

.attachments-list li {
  background: #f8fafb !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(30, 30, 30, .05);
}

/*.slot-name{ color:#222 !important; }*/
.item-link {
  background: #fff !important;
  border: 1px solid #e7e7e7 !important;
  color: #1e73be !important;
}

.item-link:hover {
  background: #e9f1f8 !important;
  color: #1e73be !important;
}

.attachments-list.compact-list {
  list-style: none;
  padding: 0;
  margin: 1em 0;
  font-size: 0.96em;
  line-height: 1.5;
}

.attachments-list.compact-list li {
  margin-bottom: 4px;
}

.attachments-list.compact-list strong {
  color: #830c25;
  /* couleur rouge sombre comme dans tes titres */
  font-weight: 600;
}

.attachments-list.compact-list a {
  color: #1e73be;
  text-decoration: none;
}

.attachments-list.compact-list a:hover {
  text-decoration: underline;
}

.item-resources ul {
  list-style: none;
  padding: 0;
  margin: 1em 0;
  font-size: 0.96em;
  line-height: 1.5;
}

.item-resources li {
  margin-bottom: 4px;
}

.item-resources strong {
  color: #830c25;
  font-weight: 600;
}

.item-resources a {
  color: #1e73be;
  text-decoration: none;
}

.item-resources a:hover {
  text-decoration: underline;
}

.compatible-weapons-list {
  padding-left: 0;
  list-style: none;
  margin: 20px 0;
}

.compatible-weapon-item {
  background-color: #f8fafb;
  /* matches your tables */
  border: 1px solid #e7e7e7;
  /* consistent border style */
  border-radius: 8px;
  /* same radius as your tables */
  padding: 12px 15px;
  margin-bottom: 10px;
  transition: background-color 0.2s ease-in-out;
  box-shadow: 0 2px 6px rgba(30, 30, 30, 0.05);
  /* matching your table shadows */
}

.compatible-weapon-item:hover {
  background-color: #e9f1f8;
  /* same hover effect as your tables */
}

.weapon-link {
  color: #1e73be;
  /* link color matches your existing links */
  text-decoration: none;
  font-weight: 600;
}

.weapon-link:hover {
  text-decoration: underline;
}

.weapon-label {
  color: #222;
  /* text color matches your standard text */
  font-weight: 500;
}

.no-weapons {
  color: #999;
  font-style: italic;
}

/*Ammo Stats*/
.ammo_stats_wrapper {
  font-family: 'Segoe UI', sans-serif;
  margin-top: 20px;
}

.ammo_bars_group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 25px;
}

.ammo_stats_bar_wrap {
  background: #cfcfcf;
  border-radius: 6px;
  overflow: hidden;
  height: 34px;
  /*  Augmenté ici */
  position: relative;
}

.ammo_stats_bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  /*  réparti gauche/droite */
  align-items: center;
  padding: 0 14px;
  /*  un peu de marge à gauche/droite */
  font-weight: 600;
  color: white;
  font-size: 0.95em;
  pointer-events: none;
  z-index: 2;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.ammo_stats_bar.low {
  background-color: #f44336;
}

.ammo_stats_bar.medium {
  background-color: #fbc02d;
}

.ammo_stats_bar.high {
  background-color: #4caf50;
}

.ammo_stats_bar .text-dark {
  color: #222;
  text-shadow: none;
}

.ammo_stat_label i {
  margin-right: 6px;
}

.ammo_stats_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.97em;
  margin-top: 10px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(30, 30, 30, 0.05);
}

.ammo_stats_table td {
  padding: 12px;
  border: 1px solid #e1e1e1;
}

.ammo_stats_table .label-cell {
  font-weight: 600;
  text-align: right;
  color: #7c0020;
  width: 55%;
  background-color: #f7f7f7;
}

.ammo_stats_table .value-cell {
  text-align: center;
  background-color: #fff;
}

.tracer-indicator {
  font-size: 1em;
  font-weight: 600;
  color: orange;
  margin-top: 14px;
}

.ammo_stats_fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  transition: width 0.4s ease;
  border-radius: 6px 0 0 6px;
}

.ammo_stats_fill.low {
  background-color: #f44336;
}

.ammo_stats_fill.medium {
  background-color: #fbc02d;
}

.ammo_stats_fill.high {
  background-color: #4caf50;
}

/*vehicle Stats*/
.vehicle_stats_wrapper {
  font-family: 'Segoe UI', sans-serif;
  margin-top: 20px;
  max-width: 620px;
  background: #fff;
  border-radius: 8px;
  padding: 20px 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border: 1px solid #eee;
}

.vehicle_stats_table {
  width: 100%;
  border-collapse: collapse;
}

.vehicle_stats_table tbody tr {
  border-bottom: 1px solid #f0f0f0;
}

.vehicle_stats_table td {
  padding: 10px 8px;
  font-size: 15px;
  vertical-align: middle;
}

.vehicle_stats_table .label-cell {
  font-weight: 600;
  color: #444;
  width: 60%;
}

.vehicle_stats_table .value-cell {
  text-align: right;
  font-weight: 500;
  color: #111;
  white-space: nowrap;
}

.vehicle_stats_table tbody tr:last-child {
  border-bottom: none;
}

/*Damage System*/
.mdz-armor-stats {
  margin-top: 20px;
  max-width: 720px;
  background: #fff;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  border: 1px solid #eee;
}

.armor-title {
  font-size: 20px;
  color: #800020;
  margin-bottom: 18px;
}

.armor-zones-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.armor-zone {
  flex: 1 1 calc(50% - 12px);
  /* 2 colonnes avec écart */
}

.armor-zone {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding: 8px 0;
}

.zone-name {
  font-weight: 600;
  color: #800020;
}

.zone-hp {
  font-weight: 500;
  color: #333;
}

/*Tyre Stats*/
.tyre_stats_wrapper {
  font-family: 'Segoe UI', sans-serif;
  margin-top: 20px;
}

.tyre_bars_group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tyre_stats_bar_wrap {
  background: #e8e8e8;
  border-radius: 6px;
  overflow: hidden;
  height: 32px;
  position: relative;
}

.tyre_stats_bar {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
  color: white;
  font-weight: 600;
  z-index: 2;
  font-size: 0.92em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.tyre_stats_fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  border-radius: 6px 0 0 6px;
  transition: width 0.3s ease;
}

.tyre_stats_fill.low {
  background-color: #f44336;
}

.tyre_stats_fill.medium {
  background-color: #fbc02d;
}

.tyre_stats_fill.high {
  background-color: #4caf50;
}


/* RADAR */
.tyre_radar_container {
  width: 100%;
  max-width: 500px;
  /* ← change ici pour la taille désirée */
  margin: 0 auto;
  display: block;
}

.ammo_radar_container {
  width: 100%;
  max-width: 500px;
  /* ← change ici pour la taille désirée */
  margin: 0 auto;
  display: block;
}

.weapon_radar_container {
  width: 100%;
  max-width: 500px;
  /* ← change ici pour la taille désirée */
  margin: 0 auto;
  display: block;
}

.mdz_stats_wrapper {
  margin: 20px 0;
}

.mdz_bars_group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mdz_stats_bar_wrap {
  background: #4b4b4b;
  border-radius: 6px;
  overflow: hidden;
  height: 32px;
  position: relative;
}

.mdz_stats_bar {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 14px;
  color: #fff;
  font-weight: 600;
  z-index: 2;
  font-size: 0.95em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.20);
}

/* Let tooltips escape the bars and the tabs card */
.mdz_stats_bar_wrap,
.mdz_stats_bar {
  overflow: visible;
}

/* override the hidden */
.mdz_stats_bar {
  position: relative;
  z-index: 3;
}

.mdz_stats_bar i {
  width: 20px;
  /* ou 24px, selon ce qui rend bien */
  display: inline-block;
  text-align: center;
  font-size: 16px;
  /* ou ajuste si certaines icônes débordent */
  margin-right: 6px;
  /* un petit espacement entre icône et texte */
}

.mdz_stats_fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  border-radius: 6px 0 0 6px;
  transition: width 0.3s cubic-bezier(.5, 1, .89, 1);
}

.mdz_stats_fill.verylow {
  background-color: #1e88e5;
}

/*  Très bas = mauvais */
.mdz_stats_fill.low {
  background-color: #2e7d32;
}

/*  Bas */
.mdz_stats_fill.medium {
  background-color: #43a047;
}

/*  Vert moyen équilibré */
.mdz_stats_fill.medium-high {
  background-color: #fbc02d;
}

/*  Moyen-haut */
.mdz_stats_fill.high {
  background-color: #f57c00;
}

/*  Haut */
.mdz_stats_fill.veryhigh {
  background-color: #d32f2f;
}

/*  Neutre */
.mdz_stats_fill.neutral {
  background-color: #4b4b4b;
}


.mdz_stats_fill.mod-positive {
  background-color: #38c172;
  /* Vert */
  width: 100% !important;
}

.mdz_stats_fill.mod-negative {
  background-color: #e74c3c;
  /* Rouge */
  width: 100% !important;
}

.mdz_stats_fill.mod-neutral {
  background-color: #4b4b4b;
  /* Même que le fond, donc visuellement "éteint" */
  width: 100% !important;
}

.repair-kits-list {
  list-style: none;
  padding-left: 0;
  margin: 1em 0;
}

.repair-kits-list li {
  display: flex;
  align-items: center;
  background: var(--awb-custom_color_2);
  color: var(--awb-color1);
  border-radius: 6px;
  text-align: left;
  padding: 10px;
  margin-bottom: 10px;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.repair-kits-list li:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.repair-kit-thumb {
  width: 50px;
  height: auto;
  margin-right: 12px;
  border-radius: 4px;
}

.repair-kit-info {
  flex: 1;
}

.repair-kits-list a {
  color: var(--awb-color5);
}

.repair-kits-list a:hover {
  text-decoration: underline;
}

.repair-kits-list strong {
  color: var(--awb-color1);
}

.finisher-indicator {
  margin-bottom: 12px;
  font-size: 1em;
  font-weight: 600;
  color: #800020;
}

.mdz_stats_bar_wrap.verylow {
  background-color: #1e88e5;
}

.mdz_stats_bar_wrap.low {
  background-color: #4caf50;
}

.mdz_stats_bar_wrap.medium {
  background-color: #fbc02d;
}

.mdz_stats_bar_wrap.high {
  background-color: #fb8c00;
}

.mdz_stats_bar_wrap.veryhigh {
  background-color: #f44336;
}

.mdz_stats_bar_wrap.neutral {
  background-color: #4b4b4b;
}

.mdz_stats_fill.mdz-cloth-verylow {
  background-color: #1e88e5;
}

.mdz_stats_fill.mdz-cloth-low {
  background-color: #4caf50;
}

.mdz_stats_fill.mdz-cloth-medium {
  background-color: #fbc02d;
}

.mdz_stats_fill.mdz-cloth-high {
  background-color: #fb8c00;
}

.mdz_stats_fill.mdz-cloth-veryhigh {
  background-color: #f44336;
}

.mdz_stats_fill.mdz-cloth-neutral {
  background-color: #4b4b4b;
}

/* Couleurs de la barre de progression pour INSULATION */
.mdz_stats_fill.insul-verylow {
  background-color: #1e88e5;
}

.mdz_stats_fill.insul-low {
  background-color: #4caf50;
}

.mdz_stats_fill.insul-medium {
  background-color: #fbc02d;
}

.mdz_stats_fill.insul-high {
  background-color: #fb8c00;
}

.mdz_stats_fill.insul-veryhigh {
  background-color: #f44336;
}

.mdz_stats_fill.insul-neutral {
  background-color: #4b4b4b;
}

.mdz_stats_fill.mdz-wet-damp {
  background-color: #cce4f6;
}

.mdz_stats_fill.mdz-wet-wet {
  background-color: #99c9ec;
}

.mdz_stats_fill.mdz-wet-soaking {
  background-color: #66afe2;
}

.mdz_stats_fill.mdz-wet-drenched {
  background-color: #3384c9;
}

.mdz_stats_fill.mdz-wet-full {
  background-color: #005ea3;
}

/* Freezing point: bleu selon intensité */
.mdz_stats_fill.freeze-neutral {
  background-color: #b3d9ff;
}

/* 0°C ou plus */
.mdz_stats_fill.freeze-mild {
  background-color: #66b3ff;
}

/* -1 à -10 */
.mdz_stats_fill.freeze-cold {
  background-color: #3385ff;
}

/* -11 à -30 */
.mdz_stats_fill.freeze-extreme {
  background-color: #005ce6;
}

/* -31 ou moins */

/* Max temperature: dégradé chaud */
.mdz_stats_fill.heat-cool {
  background-color: #ffe0b2;
}

/* ≤ 20°C */
.mdz_stats_fill.heat-warm {
  background-color: #ffb74d;
}

/* 21–40°C */
.mdz_stats_fill.heat-hot {
  background-color: #ff8c42;
}

/* 41–60°C */
.mdz_stats_fill.heat-extreme {
  background-color: #ff5722;
}

/* > 60°C */

/* Energy → vert/jaune/rouge */
.mdz_stats_fill.energy-verylow {
  background-color: #43a047;
}

/* vert foncé */
.mdz_stats_fill.energy-low {
  background-color: #7cb342;
}

/* vert vif */
.mdz_stats_fill.energy-medium {
  background-color: #fdd835;
}

/* jaune vif */
.mdz_stats_fill.energy-high {
  background-color: #fb8c00;
}

/* orange */
.mdz_stats_fill.energy-veryhigh {
  background-color: #e53935;
}

/* rouge */

.mdz_attr_link {
  color: #ffffff;
  text-decoration: underline dotted;
}

.mdz_attr_link:hover {
  color: #ffffff;
  text-decoration: underline;
}

.optics_stats_wrapper {
  font-family: 'Segoe UI', sans-serif;
  margin-top: 20px;
  max-width: 620px;
  background: #fff;
  border-radius: 8px;
  padding: 20px 24px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  border: 1px solid #eee;
}

.optics_stats_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.97em;
}

.optics_stats_table td {
  padding: 10px 12px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: middle;
}

.optics_stats_table .label-cell {
  font-weight: 600;
  color: #800020;
  width: 55%;
  text-align: right;
  background-color: #f7f7f7;
}

.optics_stats_table .value-cell {
  text-align: left;
  font-weight: 500;
  color: #111;
  white-space: nowrap;
}

.optics_stats_table tr:last-child td {
  border-bottom: none;
}

/* Conteneur principal */
.mdz-tabs {
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: visible;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* Barre des onglets */
.mdz-tab-nav {
  display: flex;
  flex-wrap: wrap;
  background: #f8f9fa;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #ddd;
}

.mdz-tab-nav li {
  padding: 12px 20px;
  cursor: pointer;
  font-weight: 600;
  color: #555;
  transition: all 0.25s ease;
  position: relative;
}

.mdz-tab-nav li:hover {
  background: #e9ecef;
  color: #000;
}

.mdz-tab-nav li.active {
  color: #e67e22;
  /* orange principal */
}

.mdz-tab-nav li.active::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #e67e22;
  border-radius: 2px 2px 0 0;
}

/* Contenu onglets */
.mdz-tab-content {
  padding: 20px;
}

.mdz-tab-pane {
  display: none;
  animation: fadeIn 0.3s ease-in-out;
}

.mdz-tab-pane.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 600px) {
  .mdz-tab-nav {
    flex-direction: column;
  }

  .mdz-tab-nav li {
    border-bottom: 1px solid #ddd;
  }
}

.slot-name {
  font-weight: 600;
  color: #fff;
  margin-right: 12px;
}

.slot-count {
  font-weight: 400;
  color: #aaa;
}

.slot-items {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.item-link {
  background: #2d2d44;
  padding: 4px 8px;
  border-radius: 4px;
  color: #ddd;
  text-decoration: none;
  transition: background 0.2s ease;
}

.item-link:hover {
  background: #3a3a5a;
  color: #fff;
}

.item-separator {
  color: #888;
  font-style: italic;
}

.mdz-tooltip {
  position: relative;
  display: inline-block;
  margin-left: 4px;
  color: #ffffff;
  cursor: pointer;
}

.mdz-tooltip:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 6px 8px;
  border-radius: 6px;
  white-space: nowrap;
  font-size: 0.85em;
  opacity: 1;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.mdz-tooltip::after {
  content: '';
  opacity: 0;
}

.optics-stats-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.optic-card {
  flex: 1 1 calc(33% - 1rem);
  background: var(--awb-custom_color_2);
  color: #fff;
  padding: 1rem;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.optic-card .icon {
  font-size: 2rem;
  display: block;
  margin-bottom: 0.5rem;
}

.optic-card .label {
  font-weight: bold;
  display: block;
}

.optic-card .value {
  font-size: 1.1rem;
}

.optic-card .badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.3rem;
}

.optic-card .badge {
  background: #444;
  color: #fff;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-size: 0.9rem;
}

/* Cards grid already defined:
   .optics-stats-cards { display:flex; flex-wrap:wrap; gap:1rem; }
   .optic-card { background:#1e1e1e; color:#fff; ... } */

/* Link styling inside cards */
.optic-card .optic-card-link {
  color: #fff;
  text-decoration: none;
}

.optic-card .optic-card-link:hover {
  text-decoration: underline;
}

/* Optional: lighter subtitle for className */
.optic-card .value.sub {
  opacity: .7;
  font-size: .95rem;
}

/* Hover micro-interaction */
.optics-stats-cards--ammos .optic-card {
  transition: transform .12s ease, box-shadow .12s ease;
}

.optics-stats-cards--ammos .optic-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .35);
}

/* Tighten icon spacing on these cards */
.optics-stats-cards--ammos .optic-card .icon {
  margin-bottom: .35rem;
}

/* Hover micro-interaction */
.optics-stats-cards--magazines .optic-card {
  transition: transform .12s ease, box-shadow .12s ease;
}

.optics-stats-cards--magazines .optic-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .35);
}

/* Tighten icon spacing on these cards */
.optics-stats-cards--magazines .optic-card .icon {
  margin-bottom: .35rem;
}



/* Card look is the same as optics .optic-card;
   add only tiny tweaks for this section */
.optics-stats-cards--weapons .optic-card {
  transition: transform .12s ease, box-shadow .12s ease;
}

.optics-stats-cards--weapons .optic-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .35);
}

/* Links inside cards */
.optic-card .optic-card-link {
  color: inherit;
  text-decoration: none;
}

.optic-card .optic-card-link:hover {
  text-decoration: underline;
}

/* Optional: subtitle style (classname) */
.optic-card .value.sub {
  opacity: .7;
  font-size: .95rem;
}

/* Responsive defaults */
@media (max-width: 900px) {
  .optics-stats-cards {
    --cols: 2;
  }
}

@media (max-width: 600px) {
  .optics-stats-cards {
    --cols: 1;
  }
}


.compatible-weapons-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
}

.weapon-card {
  background: var(--awb-custom_color_2);
  border-radius: 6px;
  text-align: center;
  padding: 10px;
  transition: transform 0.2s ease-in-out;
}

.weapon-card:hover {
  transform: scale(1.05);
}

.weapon-image {
  width: 100%;
  height: auto;
  border-radius: 4px;
  object-fit: cover;
}

.weapon-title {
  display: block;
  margin-top: 8px;
  font-size: 0.9rem;
  color: #fff;
}

.weapon-placeholder {
  background: #333;
  width: 100%;
  height: 70px;
  border-radius: 4px;
}

.optics-stats-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.distances-card {
  grid-column: 1 / span 3;
}

.optic-card {
  background: var(--awb-custom_color_2);
  padding: 12px;
  border-radius: 6px;
}

.optic-icon {
  font-size: 1.4rem;
}

.optic-label {
  font-weight: bold;
  margin-bottom: 4px;
}

.optic-value {
  font-size: 1rem;
}

.optic-scale {
  position: relative;
  height: 40px;
  margin-top: 10px;
}

.scale-line {
  position: absolute;
  top: 50%;
  left: 0;
  height: 2px;
  width: 100%;
  background: #555;
}

.scale-mark {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  font-size: 0.8rem;
  color: #fff;
  white-space: nowrap;
}

.scale-mark .mark-label {
  pointer-events: none;
}

.scale-mark:nth-child(odd) .mark-label {
  margin-top: 2px;
}

.scale-mark:nth-child(even) .mark-label {
  margin-top: 10px;
}

/* stagger a bit */

.mdz_stats_grouped .mdz_group {
  margin-bottom: 1rem;
  border: 1px solid var(--awb-color4, #151515);
  border-radius: .5rem;
  overflow: hidden;
}

.mdz_stats_grouped .mdz_group_title {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .6rem .8rem;
  font-weight: 600;
  background: var(--awb-color4, #151515);
  cursor: pointer;
}

h3.fusion-responsive-typography-calculated,.mdz_group_title {
    font-size: 1.15rem!important;
    margin: 0!important;
    text-transform: uppercase!important;
}

.mdz_stats_grouped .mdz_bars_group {
  padding: .6rem .8rem;
}

/* ===== Tabs =================================================== */
/* Keep your existing structure; add subtle hover/focus */
.mdz-wt .mdz-tabs-nav,
.mdz-weapons-tabs .mdz-tabs-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 8px;
}
.mdz-wt .mdz-tab-btn,
.mdz-weapons-tabs .mdz-tab-btn {
  appearance: none;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #111827;
  padding: 6px 12px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 14px;
  transition: filter .15s ease, background .15s ease, border-color .15s ease;
}
.mdz-wt .mdz-tab-btn:hover,
.mdz-weapons-tabs .mdz-tab-btn:hover { filter: brightness(0.96); }
.mdz-wt .mdz-tab-btn:focus-visible,
.mdz-weapons-tabs .mdz-tab-btn:focus-visible {
  outline: 2px solid rgba(17,24,39,.4);
  outline-offset: 2px;
}
.mdz-wt .mdz-tab-btn[aria-selected="true"],
.mdz-weapons-tabs .mdz-tab-btn[aria-selected="true"] {
  background: #111827;
  color: #fff;
  border-color: #111827;
}
.mdz-wt .mdz-tab-panel,
.mdz-weapons-tabs .mdz-tab-panel { display: none; }
.mdz-wt .mdz-tab-panel[aria-hidden="false"],
.mdz-weapons-tabs .mdz-tab-panel[aria-hidden="false"] { display: block; }

/* ===== Rank & accessibility ================================== */
/* Keep your existing rank display and sr-only helpers */
.weapon-rank {
  font-size: 0; /* hide raw text */
  font-weight: 700;
  min-width: 2ch;
  text-align: right;
}
.weapon-rank::before {
  font-size: 1rem; /* restore visual size via pseudo-element */
  content: attr(data-rank);
  font-weight: 700;
  margin-right: .4rem;
  display: inline-block;
  min-width: 1.2em;
  text-align: right;
}
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

/* ===== Table layout & visuals ================================= */
.mdz-weapons-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem; /* 14px */
}
.mdz-weapons-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: rgba(255,255,255,.7);
  backdrop-filter: blur(0.125rem);
  font-weight: 700;
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
}
.mdz-weapons-table tbody td {
  padding: 0.75rem;
  border-bottom: 1px solid rgba(0,0,0,.06);
  vertical-align: middle;
}
.mdz-weapons-table tbody tr:nth-child(even) {
  background: rgba(0,0,0,.025);
}
.mdz-weapons-table tbody tr:hover {
  background: rgba(0,0,0,.06);
}

/* ===== Columns sizing (rank / name+img / score) =============== */
.mdz-weapons-table .mdz-col-rank {
  width: 5.5rem;
}
.mdz-weapons-table td.weapon-rank-cell {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.mdz-weapons-table td.weapon-name-cell .weapon-name {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dashed transparent;
  transition: color .15s ease, border-color .15s ease;
}

/* Name cell with image */
.mdz-weapons-table td.weapon-name-cell .weapon-cell {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.mdz-weapons-table td.weapon-name-cell .weapon-cell img {
  width: 3.5rem;
  height: 3.5rem;
  object-fit: cover;
  border-radius: 0.5rem;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  flex: 0 0 auto;
}
.mdz-weapons-table td.weapon-name-cell .weapon-name {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dashed transparent;
  transition: color .15s ease, border-color .15s ease;
}
.mdz-weapons-table td.weapon-name-cell .weapon-name:hover {
  color: #111827;
  border-bottom-color: currentColor;
}
.mdz-weapons-table td.weapon-name-cell .weapon-thumb {
  width: 3.5rem;
  height: 3.5rem;
  object-fit: cover;
  border-radius: 0.5rem;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  flex: 0 0 auto;
}

/* Score column: right-aligned numbers */
.mdz-weapons-table .mdz-col-score,
.mdz-weapons-table td.weapon-score-cell {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* ===== DataTables controls ==================================== */
.dataTables_wrapper .dataTables_filter input {
  width: 15rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 0.375rem 0.625rem;
  outline: none;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
  padding: 0.625rem 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  border-radius: 0.5rem !important;
  padding: 0.25rem 0.625rem !important;
  margin: 0 0.25rem !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border-color: #111827 !important;
  box-shadow: 0 0 0 0.125rem rgba(17,24,39,.15);
}

/* Responsive tweak */
@media (max-width: 40rem) {
  .mdz-weapons-table td.weapon-name-cell .weapon-thumb {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.4375rem;
  }
}

/* Pages cards use your existing optics cards look */
.optics-stats-cards.optics-stats-cards--pages {
  /* you already switch to grid later in your CSS; keep consistency */
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

/* Thumbnail block for pages */
.optics-stats-cards--pages .optic-thumb {
  margin: 0 0 .5rem 0;
  aspect-ratio: 16 / 9;
  background: #333; /* fallback */
  border-radius: 6px;
  overflow: hidden;
}
.optics-stats-cards--pages .optic-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Title & excerpt reuse your .optic-label and .optic-value.sub */
.optics-stats-cards--pages .optic-label {
  display: block;
  font-weight: 700;
  margin-bottom: .25rem;
}
.optics-stats-cards--pages .optic-value.sub {
  display: block;
}

/* Hover micro-interaction (reuse your pattern) */
.optics-stats-cards--pages .optic-card {
  transition: transform .12s ease, box-shadow .12s ease;
}
.optics-stats-cards--pages .optic-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .35);
}

/* Responsive columns like your other blocks */
@media (max-width: 900px) {
  .optics-stats-cards.optics-stats-cards--pages {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .optics-stats-cards.optics-stats-cards--pages {
    grid-template-columns: 1fr;
  }
}

h2 .optic-label {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: .25rem;
  text-transform: uppercase;
  color: white;
}

/*.melee_damage_compare .label-cell {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-weight: 600;
  white-space: nowrap;
}
.melee_damage_compare .label-icon i,
.melee_damage_compare .label-icon svg {
  display: inline-block;
  width: 1em;
  height: 1em;
}
.melee_damage_compare table {
  width: 100%;
  border-collapse: collapse;
}
.melee_damage_compare th, .melee_damage_compare td {
  padding: .5rem .75rem;
  border-bottom: 1px solid #e5e7eb;
}
.melee_damage_compare thead th {
  border-bottom: 2px solid #d1d5db;
}*/
/* Wrapper */
.wc-color-variants-block {
    margin: 1rem 0;
}

/* Title */
.wc-color-variants-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .5rem;
}

/* List styling */
.wc-color-variants {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

/* Pills style */
.wc-color-variants li {
    background: #f3f4f6;
    padding: .35rem .75rem;
    border-radius: 999px;
    font-size: .875rem;
    line-height: 1;
    border: 1px solid #e5e7eb;
    transition: all 0.2s ease;
}

.wc-color-variants li:hover {
    background: #e5e7eb;
    border-color: #d1d5db;
}


/* Child list inside cards */
.optic-card .optic-subpages{
  /* reset */
  list-style: none;
  margin: 10px 0 0;
  padding: 0;

  /* layout */
  display: grid;
  gap: 6px;
  text-align: left;              /* évite les puces à gauche + texte centré */
}

/* item + “puce” custom */
.optic-card .optic-subpages li{
  position: relative;
  padding-left: 14px;
  line-height: 1.35;
}
.optic-card .optic-subpages li::before{
  content: "";                   /* petite pastille au lieu de • */
  position: absolute;
  left: 0; top: 0.7em;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: currentColor;      /* reprend la couleur du lien/texte */
  transform: translateY(-50%);
}

/* liens */
.optic-card .optic-subpages a{
  text-decoration: none;
  border-bottom: 1px dashed transparent;
}
.optic-card .optic-subpages a:hover{
  border-bottom-color: currentColor;
}

/* option : 2 colonnes sur desktop */
@media (min-width: 900px){
  .optic-card .optic-subpages{
    grid-template-columns: 1fr 1fr;
  }
}


/* variables pour les chips (ajoute ce bloc) */
.optic-card{
  --chip-bg: rgba(255,255,255,.04);
  --chip-bg-hover: rgba(255,255,255,.08);
  --chip-border: rgba(255,255,255,.10);
  --chip-border-hover: rgba(255,255,255,.18);
}

/* MDZ — Child list chips (final) */
.optic-card{
  --chip-bg: rgba(255,255,255,.04);
  --chip-bg-hover: rgba(255,255,255,.08);
  --chip-border: rgba(255,255,255,.10);
  --chip-border-hover: rgba(255,255,255,.18);
}

.optic-card .optic-subpages{
  list-style:none !important;
  margin:12px 0 0;
  padding:0 !important;
  display:grid;
  gap:10px 14px;
  grid-template-columns:1fr 1fr;     /* 2 cols desktop */
  text-align:left;
}
@media (max-width:820px){
  .optic-card .optic-subpages{ grid-template-columns:1fr; } /* 1 col mobile */
}

.optic-card .optic-subpages li{
  position:relative;                 /* for the dot */
  border:1px solid var(--chip-border);
  border-radius:12px;
  background:var(--chip-bg);
  transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}

.optic-card .optic-subpages a{
  display:block;
  padding:12px 14px 12px 36px;       /* left space for dot */
  text-decoration:none;
  color:inherit;
}

/* dot on the li (centers even when text wraps) */
.optic-card .optic-subpages li::after{
  content:"";
  position:absolute;
  left:12px; top:50%;
  width:10px; height:10px;
  border-radius:50%;
  box-shadow: inset 0 0 0 2px currentColor;
  transform: translateY(-50%);
  opacity:.9;
  transition: transform .18s ease, box-shadow .2s ease, opacity .18s ease;
}

/* hover */
.optic-card .optic-subpages li:hover{
  transform: translateY(-1px);
  background: var(--chip-bg-hover);
  border-color: var(--chip-border-hover);
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
}
.optic-card .optic-subpages li:hover::after{
  transform: translateY(-50%) scale(1.12);
  box-shadow: inset 0 0 0 10px currentColor;
}

/* subtle arrow on hover (optional) */
.optic-card .optic-subpages a::after{
  content:"↗";
  font-size:.85em;
  opacity:0;
  transform: translateX(-4px);
  transition: opacity .2s ease, transform .2s ease;
}
.optic-card .optic-subpages li:hover a::after{
  opacity:.55;
  transform: translateX(0);
}

/* accessibility */
.optic-card .optic-subpages a:focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px;
  border-radius:10px;
}

/* kill any theme bullets just in case */
.optic-subpages li::marker{ content:"" !important; }
.optic-subpages li:before{ content:none !important; }

.mdz-child-categories {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mdz-child-categories li {
    margin: 0 0 8px;
    padding: 6px 10px;
    background: #1a1a1a;      /* fond sombre */
    border-radius: 6px;
    transition: background 0.2s;
}

.mdz-child-categories li a {
    color: #fff;
    text-decoration: none;
    display: block;
}

.mdz-child-categories li:hover {
    background: #333;
}