/*
 * Custom style goes here.
 * Plus Jakarta Sans - Titres ultra-compacts
 */

/* ========================================
   REDUCTION TITRES H1-H4
   ======================================== */

h1, .h1, .page-heading, .category-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.15 !important;
  margin-bottom: 10px !important;
}

h2, .h2, .section-title, .block-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
  margin-bottom: 8px !important;
}

h3, .h3, .product-name, .card-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.3 !important;
  margin-bottom: 6px !important;
}

h4, .h4, .sub-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin-bottom: 5px !important;
}

/* ========================================
   PAGE 404 - WEBBAX / TUTO 49 (29.03.18)
   ======================================== */
#pagenotfound .page-not-found{max-width:100%;}
#pagenotfound .products{display:none;}
#pagenotfound .products article{display:inline-block;margin-right:5px;}
#pagenotfound .page-content .img-header{width:100%;margin-bottom:20px;}
#pagenotfound .page-content h4{padding-left:20%;padding-right:20%;}
#pagenotfound .page-content p{text-align:center;}
#pagenotfound .page-content #search_widget{text-align:center;}

/* mobile */
@media (max-width:600px){
  #pagenotfound .products{display:none;}
}

/* ========================================
   ACCESSIBILITÉ - CORRECTION CONTRASTE
   Ajouté le 19.12.2024
   ======================================== */

/* Boutons DÉTAILS - Contraste amélioré et très compact */
.btn.add-to-cart.details-link {
  background-color: #1a3478 !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: 600 !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  transition: all 0.3s ease;
}

.btn.add-to-cart.details-link:hover,
.btn.add-to-cart.details-link:focus {
  background-color: #0d1f3f !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(26, 52, 120, 0.3);
  transform: translateY(-2px);
}

.btn.add-to-cart.details-link span {
  color: #ffffff !important;
  font-weight: 600;
}

/* Liens généraux - Meilleur contraste (ratio 9.1:1) */
#wrapper a:not(.btn) {
  color: #0d1f3f !important;
  font-weight: 500;
}

#wrapper a:not(.btn):hover {
  color: #1a3478 !important;
  text-decoration: underline;
}

/* Liens dans descriptions catégories et CMS */
.category-description a,
.cms-content a {
  color: #0d1f3f !important;
  text-decoration: underline;
  font-weight: 500;
}

.category-description a:hover,
.cms-content a:hover {
  color: #2445a2 !important;
}

/* ========================================
   BLOC DISTRELMA - SOLUTIONS DE RELEVAGE
   ======================================== */

.distrelma-block {
  padding: 15px 10px;
  margin: 20px 0;
}

.distrelma-title {
  color: #2445a2;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.distrelma-subtitle {
  color: #2445a2;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
}

.distrelma-block img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 8px;
}

.distrelma-block a:hover img {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(36, 69, 162, 0.2);
}

/* ========================================
   RESPONSIVE - MOBILE
   ======================================== */

@media (max-width: 768px) {
  .distrelma-block {
    padding: 10px 5px;
  }

  .btn.add-to-cart.details-link {
    padding: 5px 10px !important;
    font-size: 11px !important;
  }

  /* Titres mobile */
  h1, .h1 { font-size: 18px !important; }
  h2, .h2 { font-size: 15px !important; }
  h3, .h3 { font-size: 13px !important; }
  h4, .h4 { font-size: 12px !important; }
}

/* ===== ANTI-COPY MOBILE + PC (Scroll OK) ===== */
body {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* EXCEPTIONS UX - Texte sélectionnable */
h1,h2,h3,h4,h5,h6,p,strong,b,em,i,a,button,
input,textarea,select,[contenteditable],
.product-description *, .product-title *,
table td, table th {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default !important;
}

/* ANTI-SAUVER IMAGES */
img {
  -webkit-user-drag: none !important;
  pointer-events: none;
  user-select: none !important;
}

/* SCROLL MOBILE FLUIDE */
html, body {
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: none;
}