/*
 * summarizor-website - The summarizor.com website.
 * Copyright (C) 2025  SUMMARIZOR
 *     contact@summarizor.com
 *     Tel. +33 (0) 640 954 245
 *
 * This file is part of summarizor-website.
 *
 * summarizor-website is non-exclusive, non-transferable, non-redistributable.
 *
 * summarizor-website is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 */
#supportedFormats,
#supportedFormats td,
#supportedFormats th,
#supportedLanguages,
#supportedLanguages td,
#supportedLanguages th,
#supportedPlatforms,
#supportedPlatforms td,
#supportedPlatforms th {
  border-collapse: collapse;
  border: 1px solid black;
}
#supportedFormats td,
#supportedFormats th,
#supportedLanguages td,
#supportedLanguages th,
#supportedPlatforms td,
#supportedPlatforms th {
  margin:0px;
  padding:2px;
}
#supportedFormats th,
#supportedLanguages th,
#supportedPlatforms th {
  background-color:#f0f0f0;
}
#supportedFormats,
.supportedFormatsEvenRow,
#supportedLanguages,
.supportedLanguagesEvenRow,
#supportedPlatforms,
.supportedPlatformsEvenRow {
  background-color:white;
}
.supportedFormatsOddRow,
.supportedLanguagesOddRow,
.supportedPlatformsOddRow {
  background-color:#f8f8f8;
}
/* ============================================================
   SummarizOR — Restyle "Édition Personnelle" (apparence seule)
   Zéro modification de markup. Boutons-images (try.png / caddie)
   GARDÉS tels quels. Ciblage scopé sur #max_fixed_wrapper.
   À coller À LA FIN de /summarizer/styles/styles.css
   ============================================================ */

/* Les blocs "Mes Licences" et "Tester ou Acheter" deviennent des cartes */
#max_fixed_wrapper .content.section{
  background:#fafbfd;
  border:1px solid #e4e8f0;
  border-radius:14px;
  padding:22px 24px;
  margin:0 auto 22px;
  max-width:900px;
}

/* Titres de carte : navy + filet orange court */
#max_fixed_wrapper .content.section > h2,
#max_fixed_wrapper .content.section > h3{
  color:#1e2d5a;
  font-weight:700;
  margin:0 0 14px;
  padding-bottom:10px;
  position:relative;
}
#max_fixed_wrapper .content.section > h2::after,
#max_fixed_wrapper .content.section > h3::after{
  content:"";
  position:absolute; left:0; bottom:0;
  width:48px; height:3px;
  background:#f7911e; border-radius:2px;
}

/* Lien "Connectez-vous" du bloc Licences : couleur marque */
#max_fixed_wrapper .content.section a[href*="login.jsp"]{
  color:#f7911e;
  font-weight:600;
}

/* ---- Tableau Tester / Acheter ---- */
#max_fixed_wrapper table.contentTable{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid #e4e8f0;
  border-radius:12px;
  overflow:hidden;
  margin-top:8px;
}
/* En-tête (ligne Produit/Description/Essai/Acheter) */
#max_fixed_wrapper table.contentTable thead th{
  background:#233466;
  color:#fff;
  font-weight:700;
  text-align:left;
  padding:12px 14px;
  font-size:14px;
}
/* Cellules */
#max_fixed_wrapper table.contentTable td{
  padding:14px;
  vertical-align:middle;
  border-top:1px solid #eef1f6;
}
/* Le bandeau SaaS (1re ligne, cellules en td dans le thead) */
#max_fixed_wrapper table.contentTable thead td{
  background:#f3f6fb;
  padding:14px;
  vertical-align:middle;
}
/* Zébrage doux du corps */
#max_fixed_wrapper table.contentTable tbody tr{
  background:#fff;
}

/* Survol de ligne */
#max_fixed_wrapper table.contentTable tbody tr:hover{
  background:#fbfcfe;
}

/* Les images-boutons : petit lift au survol, coins adoucis (on ne
   change PAS les fichiers, juste un effet visuel discret) */
#max_fixed_wrapper table.contentTable a img{
  transition:transform .15s ease, filter .15s ease;
  border-radius:6px;
}
#max_fixed_wrapper table.contentTable a:hover img{
  transform:translateY(-2px);
  filter:drop-shadow(0 4px 8px rgba(30,45,90,.18));
}

/* Bloc descriptif du bas : lecture plus aérée */
#max_fixed_wrapper .content.section > p{
  color:#4a5570;
  line-height:1.6;
}
/* ============================================================
   SummarizOR — Restyle "Nos produits" (apparence uniquement)
   Zéro modification de markup. Cible UNIQUEMENT les colonnes
   produits, repérées par la présence d'un h4.little_maj.
   À coller À LA FIN de /summarizer/styles/styles.css
   ============================================================ */

/* La colonne produit devient une carte */
.large-4.columns.center:has(> .row h4.little_maj){
  background:#fafbfd;
  border:1px solid #e4e8f0;
  border-radius:16px;
  padding:22px 18px 26px;
  margin-bottom:20px;
  transition:transform .18s ease, box-shadow .18s ease;
}
/* Survol : la carte se soulève */
.large-4.columns.center:has(> .row h4.little_maj):hover{
  transform:translateY(-4px);
  box-shadow:0 10px 26px rgba(30,45,90,.12);
}

/* Titre du produit : navy, souligné orange court */
.large-4.columns.center:has(> .row h4.little_maj) h4.little_maj{
  margin-bottom:14px;
  padding-bottom:12px;
  position:relative;
}
.large-4.columns.center:has(> .row h4.little_maj) h4.little_maj a{
  color:#1e2d5a;
  font-weight:700;
}
.large-4.columns.center:has(> .row h4.little_maj) h4.little_maj::after{
  content:"";
  position:absolute;
  left:50%; bottom:0;
  width:52px; height:3px;
  transform:translateX(-50%);
  background:#f7911e;
  border-radius:2px;
}

/* Picto : cadré, espacé */
.large-4.columns.center:has(> .row h4.little_maj) img{
  max-width:190px;
  height:auto;
  margin:6px auto 4px;
}

/* Descriptif : lecture propre (on neutralise le pre-wrap inline) */
.large-4.columns.center:has(> .row h4.little_maj) p.center{
  white-space:normal;
  color:#5a6478;
  line-height:1.5;
  max-width:250px;
  margin:14px auto 0;
}
/* ============================================================
   SummarizOR — Restyle du grand slider d'accueil (charte navy/orange)
   Apparence seule. Scopé sur .wrapper_slider. Image du slide
   (bird_edition.png) et logique RoyalSlider inchangées.
   À coller À LA FIN de /summarizer/styles/styles.css
   ============================================================ */

/* Fond : on remplace le dégradé rouge inline par le navy de marque.
   !important nécessaire pour battre le style="background:…" inline. */
.wrapper_slider{
  background:linear-gradient(135deg,#2f4a92,#060f17) !important;
}

/* Titre "SummarizOR" : orange marque, un peu plus présent */
.wrapper_slider .summarizor-h2,
.wrapper_slider h2.color2{
  color:#f7911e !important;
  letter-spacing:.5px;
}

/* Accroche (h3) et nom d'édition (h4) : blanc lisible */
.wrapper_slider .infoBlock h3{
  color:#fff;
  font-weight:600;
}
.wrapper_slider .infoBlock h4{
  color:#fff;
  font-weight:700;
}

/* Bouton principal "Télécharger" : plein orange */
.wrapper_slider .bouton,
.wrapper_slider .bouton.linear-gradient{
  background:#f7911e !important;
  color:#14203a !important;
  border-radius:8px;
  font-weight:700;
  box-shadow:0 6px 16px rgba(0,0,0,.22);
  transition:transform .15s ease, box-shadow .15s ease;
}
.wrapper_slider .bouton:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(0,0,0,.30);
}

/* Bouton secondaire "Essayez !" : contour blanc, fond transparent */
.wrapper_slider .bouton2,
.wrapper_slider .bouton2.linear-gradient2{
  background:transparent !important;
  color:#fff !important;
  border:2px solid #fff;
  border-radius:8px;
  font-weight:600;
  transition:background .15s ease, color .15s ease;
}
.wrapper_slider .bouton2:hover{
  background:#fff !important;
  color:#14203a !important;
}

/* Emblème/image du slide : bien cadré, ombre douce */
.wrapper_slider .image_slide img{
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.28));
}

/* Flèches de navigation RoyalSlider : teinte orange discrète au survol */
.wrapper_slider .rsArrowIcn:hover{
  background-color:rgba(247,145,30,.85);
}
/* ============================================================
   SummarizOR — Badge « SummarizOR Medical DeepTech »
   Effet au survol : fond orange plein. + fondu à l'apparition (mobile).
   Apparence seule, scopé sur .smd-badge. Zéro markup.
   À coller À LA FIN de /summarizer/styles/styles.css
   ============================================================ */

/* Transition douce sur le badge */
.smd-badge{
  transition:background-color .22s ease, color .22s ease, border-color .22s ease;
}

/* Survol (desktop) ET tap (mobile) : fond orange plein, texte navy */
.smd-badge:hover,
.smd-badge:focus,
.smd-badge:active{
  background:#f7911e;
  border-color:#f7911e;
  color:#14203a;
}
/* L'emblème du badge (si présent en SVG) passe navy au survol */
.smd-badge:hover svg line,
.smd-badge:focus svg line,
.smd-badge:active svg line{
  stroke:#14203a;
}
/* Si l'emblème est une image PNG, léger contraste au survol */
.smd-badge:hover img,
.smd-badge:focus img,
.smd-badge:active img{
  filter:brightness(0) saturate(100%) invert(9%) sepia(30%) saturate(1800%) hue-rotate(190deg);
}

/* Apparition en fondu au chargement (utile sur mobile, pas de hover) */
@keyframes smdBadgeFadeIn{
  from{opacity:0; transform:translateY(-6px);}
  to{opacity:1; transform:none;}
}
.smd-badge{
  animation:smdBadgeFadeIn .5s ease both;
}