*
{
box-sizing: border-box;
}
html
{
background: #d9f2d6;
}
body
{
margin: 0;
padding-top: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 1.5;
color: #172018;
background: linear-gradient(135deg, #c9e8c5 0%, #d9f2d6 45%, #c3e3be 100%);
background-attachment: fixed;
}
a
{
color: #176b2a;
}
a:hover
{
color: #25963a;
}
.base-shell
{
width: min(1480px, calc(100% - 40px));
margin: 0 auto 28px;
}
.base-header
{
margin-bottom: 24px;
}
.base-banner
{
display: block;
width: fit-content;
max-width: 100%;
margin: 0 auto 14px;
}
.base-banner img
{
display: block;
max-width: 100%;
height: auto;
border: 1px solid #a6cda0;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.10);
}
.base-nav
{
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 0;
border-top: 1px solid #b9d8b4;
border-bottom: 1px solid #9fc99a;
background: rgba(255, 255, 255, 0.55);
}
.base-nav a
{
padding: 8px 20px;
text-decoration: none;
font-weight: 600;
}
.base-nav a + a
{
border-left: 1px solid #d7e7d4;
}
.base-nav a:hover
{
background: #edf7eb;
text-decoration: none;
}
.base-main
{
min-width: 0;
}
.search-result-summary
{
margin: 6px 0 20px;
padding: 0;
text-align: left;
}
.search-result-summary h1
{
margin: 0;
font-size: 1.28rem;
font-weight: 600;
color: #162116;
}
.search-result-count,
.dog-title
{
color: #08752a;
}
.search-result-query
{
color: #00188F;
font-style: italic;
font-weight: 600;
}
.result-legend
{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px 42px;
margin: 0 0 18px;
padding: 0 4px;
color: #4d5b4d;
font-size: 0.9rem;
}
.result-legend span
{
display: inline-flex;
align-items: center;
gap: 7px;
}
.result-legend img
{
display: block;
max-height: 23px;
width: auto;
}
.photo-legend-icons
{
gap: 4px !important;
}
.photo-legend-icons img + img
{
margin-right: 4px;
}
.results-table-wrap
{
overflow-x: auto;
}
.results-table
{
width: 100%;
min-width: 930px;
border-collapse: separate;
border-spacing: 0 7px;
}
.results-table th
{
padding: 5px 10px 7px;
color: #176b2a;
font-size: 0.88rem;
font-weight: 600;
text-align: left;
border-bottom: 1px solid #b9d8b4;
}
.results-table td
{
padding: 11px 10px;
vertical-align: middle;
background: rgba(255, 255, 255, 0.84);
border-top: 1px solid #c5ddc1;
border-bottom: 1px solid #c5ddc1;
}
.results-table td:nth-child(2),
.results-table td:nth-child(8)
{
border-left: 5px solid transparent;
background-clip: padding-box;
}
.results-table td:nth-child(3),
.results-table td:nth-child(4),
.results-table td:nth-child(5),
.results-table td:nth-child(6),
.results-table td:nth-child(7)
{
border-left: 1px solid #d3e4d0;
}
.results-table tbody tr:hover td
{
background: #e2f1df;
}
.results-table td:first-child
{
border-radius: 7px 0 0 7px;
}
.results-table td:last-child
{
border-radius: 0 7px 7px 0;
}
.result-dog
{
min-width: 270px;
}
.result-dog strong
{
font-size: 1rem;
color: #00188F;
}
.results-table td:nth-child(2),
.results-table td:nth-child(3),
.results-table td:nth-child(4),
.results-table td:nth-child(6)
{
color: #003399;
}
.result-death
{
color: #172018 !important;
}
.result-actions
{
white-space: nowrap;
min-width: 270px;
}
.result-icons
{
min-width: 72px;
}
.result-button
{
display: inline-block;
margin: 2px 5px 2px 0;
padding: 5px 9px;
border: 1px solid transparent;
border-radius: 3px;
color: #ffffff;
font-size: 0.82rem;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
vertical-align: middle;
}
.result-button:hover
{
color: #ffffff;
text-decoration: none;
filter: brightness(0.88);
}
.result-button-pedigree
{
background: #1FA13A;
border-color: #178530;
}
.result-button-infos
{
background: #0F8F2F;
border-color: #0B7627;
}
.result-button-elevage
{
background: #4f8b33;
border-color: #42772a;
}
.result-icons
{
white-space: nowrap;
text-align: center;
min-width: 72px;
}
.result-icons img
{
vertical-align: middle;
margin: 0 3px;
max-height: 26px;
width: auto;
}
.result-empty
{
margin: 8px 0 24px;
padding: 18px 0;
border-top: 1px solid #b9d8b4;
border-bottom: 1px solid #b9d8b4;
text-align: center;
}
.result-empty h2
{
margin: 0 0 8px;
font-size: 1.2rem;
color: #176b2a;
}
.base-bottom-actions
{
margin: 22px 0 0;
text-align: left;
}
.base-button
{
display: inline-block;
padding: 8px 14px;
border: 1px solid #00188F;
border-radius: 4px;
background: #123FD0;
color: #ffffff;
font-weight: 700;
text-decoration: none;
}
.base-button:hover
{
background: #00188F;
color: #ffffff;
text-decoration: none;
}
.base-footer
{
margin-top: 30px;
padding-top: 12px;
border-top: 1px solid #b9d8b4;
color: #667066;
font-size: 0.82rem;
text-align: center;
}
.base-footer-nav
{
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 6px 18px;
margin-bottom: 9px;
}
.base-footer-nav a
{
font-weight: 600;
text-decoration: none;
}
.base-footer-meta div
{
margin: 2px 0;
}
@media (max-width: 700px)
{
.base-shell
{
width: calc(100% - 18px);
margin: 10px auto 18px;
}
.base-header
{
margin-bottom: 18px;
}
.base-nav
{
display: grid;
grid-template-columns: 1fr 1fr;
}
.base-nav a
{
padding: 8px 6px;
text-align: center;
border-left: 0 !important;
}
.base-nav a:nth-child(odd)
{
border-right: 1px solid #d7e7d4;
}
.base-nav a:nth-child(-n+2)
{
border-bottom: 1px solid #d7e7d4;
}
.search-result-summary
{
margin-bottom: 14px;
}
.search-result-summary h1
{
font-size: 1.1rem;
}
.result-legend
{
gap: 8px 18px;
margin-bottom: 14px;
}
.results-table-wrap
{
overflow: visible;
}
.results-table
{
display: block;
min-width: 0;
border-spacing: 0;
}
.results-table thead
{
display: none;
}
.results-table tbody,
.results-table tr,
.results-table td
{
display: block;
width: 100%;
}
.results-table td:nth-child(2),
.results-table td:nth-child(3),
.results-table td:nth-child(4),
.results-table td:nth-child(5),
.results-table td:nth-child(6),
.results-table td:nth-child(7),
.results-table td:nth-child(8)
{
border-left: 0;
}
.results-table tr
{
margin-bottom: 12px;
padding: 11px 12px;
border: 1px solid #b8d6b3;
border-radius: 6px;
background: rgba(255, 255, 255, 0.88);
}
.results-table td
{
padding: 3px 0;
border: 0;
background: transparent;
}
.results-table td + td
{
border-left: 0;
}
.results-table td:first-child,
.results-table td:last-child
{
border: 0;
border-radius: 0;
}
.results-table td[data-label]::before
{
content: attr(data-label) " : ";
font-weight: 600;
color: #536253;
}
.results-table .result-dog
{
min-width: 0;
padding-bottom: 7px;
margin-bottom: 4px;
border-bottom: 1px solid #e1ede0;
}
.results-table .result-dog::before,
.results-table .result-actions::before,
.results-table .result-icons::before
{
content: none;
}
.result-actions
{
min-width: 0;
padding-top: 7px !important;
white-space: normal;
}
.result-icons
{
min-width: 0;
text-align: left;
padding-top: 5px !important;
}
.base-bottom-actions
{
text-align: center;
}
}

.sr-only
{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.breeder-sheet
{
max-width: 1180px;
margin: 0 auto;
}
.breeder-sheet-title
{
margin: 4px 0 18px;
font-size: 1.55rem;
}
.breeder-sheet-block
{
margin-bottom: 18px;
padding: 18px 20px;
border: 1px solid #b7d3b2;
border-radius: 7px;
background: rgba(255, 255, 255, 0.88);
}
.breeder-contact-block h2
{
margin: 0 0 10px;
color: #00188F;
font-size: 1.2rem;
}
.breeder-address
{
color: #003399;
}
.breeder-contact-buttons
{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin-top: 14px;
}
.contact-image-button
{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
height: 42px;
}
.contact-image-button img
{
display: block;
width: auto;
max-height: 39px;
}
.contact-tooltip
{
display: none;
position: absolute;
left: 100%;
top: 50%;
z-index: 20;
min-width: max-content;
margin-left: 8px;
padding: 7px 9px;
border: 1px solid #9fc99a;
border-radius: 4px;
background: #ffffff;
color: #172018;
font-size: 0.9rem;
line-height: 1.3;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.12);
transform: translateY(-50%);
}
.info:hover .contact-tooltip,
.info:focus .contact-tooltip
{
display: block;
}
.breeder-status-grid
{
display: grid;
grid-template-columns: minmax(220px, 34%) 1fr;
gap: 22px;
align-items: center;
}
.breeder-status-main
{
text-align: center;
}
.breeder-status-main img
{
max-width: 100%;
height: auto;
}
.breeder-varieties
{
margin-top: 12px;
color: #003399;
line-height: 1.55;
}
.breeder-history
{
color: #003399;
}
.breeder-dogs-summary h3
{
margin: 0;
font-size: 1.05rem;
}
.breeder-result-legend
{
margin-top: -4px;
}
.litter-block
{
margin: 0 0 18px;
}
.litter-header
{
padding: 10px 14px 7px;
border-radius: 7px 7px 0 0;
background: #b266ff;
color: #111111;
}
.litter-header .dog-title
{
color: #08752a;
}
.litter-meta
{
padding: 7px 14px 9px;
background: #ead8ff;
color: #1d1d1d;
font-size: 0.92rem;
}
.litter-table
{
width: 100%;
table-layout: fixed;
border-collapse: separate;
border-spacing: 0 1px;
}
.litter-table td
{
padding: 10px 11px;
vertical-align: middle;
color: #003399;
background: rgba(255, 255, 255, 0.88);
border-top: 1px solid #b7d3b2;
border-bottom: 1px solid #b7d3b2;
}
.litter-table td:first-child
{
border-radius: 7px 0 0 7px;
}
.litter-dog
{
width: 350px;
}
.litter-sex
{
width: 60px;
}
.litter-variety
{
width: 120px;
}
.litter-photo
{
width: 34px;
}
.litter-descendance
{
width: 28px;
}
.litter-book
{
width: auto;
}
.litter-table .result-death
{
width: 70px;
color: #172018 !important;
}
.litter-table td:last-child
{
border-radius: 0 7px 7px 0;
}
.litter-table td + td
{
border-left: 1px solid #d3e4d0;
}
.litter-table .result-dog a,
.litter-table .result-dog a strong
{
color: #172018 !important;
text-decoration: none;
}
.litter-table .result-dog a:hover
{
text-decoration: underline;
}
.litter-photo,
.litter-descendance
{
text-align: center;
white-space: nowrap;
}
.litter-photo img,
.litter-descendance img
{
vertical-align: middle;
max-height: 26px;
width: auto;
}
@media (max-width: 700px)
{
.breeder-status-grid
{
grid-template-columns: 1fr;
}
.breeder-status-main
{
text-align: left;
}
.litter-table,
.litter-table tbody,
.litter-table tr,
.litter-table td
{
display: block;
width: 100%;
}
.litter-table tr
{
margin-bottom: 10px;
padding: 10px 12px;
border: 1px solid #b8d6b3;
border-radius: 7px;
background: rgba(255, 255, 255, 0.88);
}
.litter-table td,
.litter-table td:first-child,
.litter-table td:last-child,
.litter-table td + td
{
width: 100%;
padding: 3px 0;
border: 0;
border-radius: 0;
background: transparent;
}
.litter-dog,
.litter-sex,
.litter-variety,
.litter-photo,
.litter-book,
.litter-descendance,
.litter-table .result-death
{
width: 100%;
}
}

.breeder-results-wrap
{
width: 100%;
max-width: 980px;
margin: 0 auto;
overflow-x: auto;
}
.breeder-results-table
{
width: 100%;
border-collapse: separate;
border-spacing: 0 7px;
}
.breeder-results-table td
{
padding: 12px 14px;
vertical-align: middle;
background: rgba(255, 255, 255, 0.84);
border-top: 1px solid #b7d3b2;
border-bottom: 1px solid #b7d3b2;
}
.breeder-results-table td:first-child
{
width: 50%;
border-radius: 7px 0 0 7px;
}
.breeder-results-table td:last-child
{
width: 50%;
border-left: 1px solid #d3e4d0;
border-radius: 0 7px 7px 0;
}
.breeder-results-table tbody tr:hover td
{
background: #e2f1df;
}
.breeder-name a
{
color: #00188F;
text-decoration: none;
}
.breeder-name a:hover
{
text-decoration: underline;
}
.breeder-holder
{
color: #003399;
}
@media (max-width: 700px)
{
.breeder-results-wrap
{
overflow: visible;
}
.breeder-results-table,
.breeder-results-table tbody,
.breeder-results-table tr,
.breeder-results-table td
{
display: block;
width: 100%;
}
.breeder-results-table tr
{
margin-bottom: 12px;
border: 1px solid #b8d6b3;
border-radius: 7px;
background: rgba(255, 255, 255, 0.88);
}
.breeder-results-table td
{
padding: 7px 12px;
border: 0;
background: transparent;
}
.breeder-results-table td:first-child,
.breeder-results-table td:last-child
{
width: 100%;
border: 0;
border-radius: 0;
}
.breeder-results-table td:first-child
{
padding-top: 11px;
}
.breeder-results-table td:last-child
{
padding-bottom: 11px;
}
}