/* =========================================================
   DOGREGISTRY SEMANTIC ICONS
   ========================================================= */

/* =========================================================
   KENNEL ICON
   A kennel is represented by a single house everywhere.
   The icon inherits the surrounding text color, so it is
   dark on light surfaces and light in the main navigation.
   ========================================================= */

.registry-kennel-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25em;
    height: 1.25em;
    flex: 0 0 auto;
    vertical-align: -0.12em;
    color: inherit;
}

.registry-kennel-house {
    font-size: 1em;
    line-height: 1;
    color: inherit !important;
}

.registry-kennel-icon.registry-kennel-icon-lg {
    font-size: 1.35em;
}

.registry-kennel-icon.registry-kennel-icon-sm {
    font-size: 0.88em;
}

/* Navigation keeps the same symbol; only the color changes to
   match the other light/gold navigation icons. */
.registry-kennel-icon.registry-kennel-icon-nav {
    color: var(--club-gold-light, #ead69a);
}


/* =========================================================
   LITTER / OFFSPRING ICON
   Three small paws are the shared semantic symbol for a
   litter or offspring group throughout the registry.
   ========================================================= */

.registry-litter-icon {
    position: relative;
    display: inline-block;
    width: 1.75em;
    height: 1.30em;
    flex: 0 0 auto;
    vertical-align: -0.18em;
    color: inherit;
}

.registry-litter-paw {
    position: absolute;
    color: inherit !important;
    font-size: 0.54em;
    line-height: 1;
}

.registry-litter-paw-1 {
    left: 0.05em;
    bottom: 0.02em;
    transform: rotate(-18deg);
}

.registry-litter-paw-2 {
    left: 0.62em;
    top: 0;
    transform: rotate(4deg);
}

.registry-litter-paw-3 {
    right: 0.02em;
    bottom: 0.05em;
    transform: rotate(18deg);
}

.registry-litter-icon.registry-litter-icon-sm {
    font-size: 0.88em;
}

.registry-litter-icon.registry-litter-icon-lg {
    font-size: 1.35em;
}

.registry-litter-icon.registry-litter-icon-xs {
    font-size: 0.72em;
}