/*
****************************************************************
*   Programme de généalogie FéliGénéal
*   Mise en page des pedigrees
****************************************************************
*/

.base-shell-pedigree
{
width: min(1760px, calc(100% - 24px));
}
.page-pedigree
{
min-width: 0;
}
.titre-pedigree
{
margin: 0 0 12px;
font-size: 1.25rem;
font-weight: 600;
color: #172018;
}
.conteneur-pedigree
{
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 4px;
}
.tableau-pedigree
{
width: 100%;
min-width: 1280px;
table-layout: fixed;
border-collapse: separate;
border-spacing: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.25;
}
.tableau-pedigree td
{
width: 20%;
padding: 5px;
vertical-align: middle;
overflow-wrap: anywhere;
word-break: normal;
}
.tableau-pedigree a
{
color: #000000;
text-decoration: none;
}
.tableau-pedigree a:hover
{
color: #00188F;
text-decoration: underline;
}
.tableau-pedigree .result-button,
.tableau-pedigree .result-button:hover
{
color: #ffffff;
text-decoration: none;
}
.principal
{
background-color: #FFFFFF;
border: 1px solid #000000;
text-align: left;
font-size: 1.05em;
}
.paternel
{
background-color: #FFFFFF;
border: 1px solid #6699FF;
text-align: left;
}
.maternel
{
background-color: #FFFFFF;
border: 1px solid #FF99FF;
text-align: left;
}
.inconnupere
{
background-color: #F4F4F4;
border: 1px solid #6699FF;
text-align: left;
}
.inconnumere
{
background-color: #F4F4F4;
border: 1px solid #FF99FF;
text-align: left;
}
.titreschien
{
color: green;
}
.styleNoir
{
color: #000000;
}
.niveau
{
color: #000099;
}
.adn
{
color: #787746;
}
.bouton-pedigree
{
padding: 4px 7px;
font-size: 0.78rem;
line-height: 1.15;
}
.lien-galerie-pedigree
{
display: inline-flex;
align-items: center;
margin-left: 3px;
vertical-align: middle;
}
.lien-galerie-pedigree img
{
display: block;
max-height: 26px;
width: auto;
}
.portrait-pedigree
{
margin: 8px 0 0;
text-align: center;
}
.portrait-pedigree img
{
display: block;
max-width: 100%;
width: auto;
height: auto;
margin: 0 auto;
border-radius: 4px;
}
.principal .portrait-pedigree img
{
max-height: 230px;
}
.paternel .portrait-pedigree img,
.maternel .portrait-pedigree img
{
max-height: 180px;
}
@media (max-width: 1450px)
{
.tableau-pedigree
{
min-width: 1200px;
font-size: 12.5px;
}
}
@media (max-width: 900px)
{
.base-shell-pedigree
{
width: calc(100% - 12px);
}
.tableau-pedigree
{
min-width: 1120px;
font-size: 12px;
}
.titre-pedigree
{
font-size: 1.12rem;
}
}


/************************************************************
*   Ajustements pedigree V3                                *
************************************************************/

/* Les résultats de tests restent bleus, mais sans graisse renforcée. */
.tableau-pedigree .niveau,
.tableau-pedigree .niveau b,
.tableau-pedigree .niveau strong
{
font-weight: 400;
}

/* Le nom du chien ressort davantage sans revenir au soulignement permanent. */
.tableau-pedigree td > a > b
{
font-size: 1.08em;
}
.principal h4
{
margin: 2px 0 4px;
font-size: 1.1em;
line-height: 1.2;
}

/* Photos un peu plus présentes, tout en restant contenues dans leur case. */
.principal .portrait-pedigree img
{
width: min(90%, 175px);
max-height: 255px;
object-fit: contain;
}
.paternel .portrait-pedigree img,
.maternel .portrait-pedigree img
{
width: min(88%, 155px);
max-height: 220px;
object-fit: contain;
}


/************************************************************
*   Ajustements pedigree V5                                *
************************************************************/
.icones-sante-pedigree
{
display: flex;
align-items: center;
gap: 4px;
margin-top: 6px;
}
.icones-sante-pedigree img
{
display: block;
width: auto;
height: auto;
max-height: 22px;
}

/* Photos légèrement plus grandes que dans la V3. */
.principal .portrait-pedigree img
{
width: min(94%, 195px);
max-height: 285px;
}
.paternel .portrait-pedigree img,
.maternel .portrait-pedigree img
{
width: min(92%, 175px);
max-height: 245px;
}


/************************************************************
*   Ajustements pedigree V6                                *
************************************************************/

/* Harmonisation des icônes photo / galerie avec les boutons. */
.icone-photo-pedigree
{
display: inline-block;
height: 27px;
width: auto;
margin-left: 4px;
vertical-align: middle;
}
.lien-galerie-pedigree
{
vertical-align: middle;
}
.lien-galerie-pedigree img
{
max-height: 28px;
}
.principal .lien-galerie-pedigree img
{
max-height: 30px;
}


/************************************************************
*   Pedigree virtuel V2                                    *
************************************************************/
.tableau-pedigree-virtuel .premiere-case-virtuel
{
width: 10%;
}
.tableau-pedigree-virtuel .premiere-case-virtuel h4
{
margin: 0 0 18px;
font-size: 1.08em;
line-height: 1.2;
}