@charset "UTF-8";
@font-face {
  font-family: 'delucks-icons';
  src: url('../font/delucks-icons.eot?55659829');
  src: url('../font/delucks-icons.eot?55659829#iefix') format('embedded-opentype'),
       url('../font/delucks-icons.woff?55659829') format('woff'),
       url('../font/delucks-icons.ttf?55659829') format('truetype'),
       url('../font/delucks-icons.svg?55659829#delucks-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="delucks-icon-"]:before, [class*=" delucks-icon-"]:before {
  font-family: "delucks-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
   display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
.delucks-icon-circle:before { content: '\e800'; } /* '' */
.delucks-icon-circle-empty:before { content: '\e801'; } /* '' */
.delucks-icon-home:before { content: '\e802'; } /* '' */
.delucks-icon-home-circled:before { content: '\e803'; } /* '' */
.delucks-icon-dot-circled:before { content: '\e804'; } /* '' */
.delucks-icon-home-1:before { content: '\e805'; } /* '' */
.delucks-icon-home-2:before { content: '\e806'; } /* '' */

.dpc-breadcrumbs {
    display: block;
    width: 100%;
}
/* Link color via CSS variable — set by block/shortcode/Elementor */
.dpc-breadcrumbs a {
    color: var(--dpc-bc-link-color, inherit);
}
.dpc-breadcrumbs > div {
    display: inline;
}
.dpc-breadcrumbs .dpc-child {
    display: inline;
}

/* Block editor context: flex layout so justify-content alignment works reliably */
.wp-block-dpc-breadcrumbs .dpc-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
}
.wp-block-dpc-breadcrumbs .dpc-breadcrumbs > div,
.wp-block-dpc-breadcrumbs .dpc-breadcrumbs > span {
    flex: 0 0 auto;
}
/* ── Typography inheritance ───────────────────────────────────────────────────
   The block, the widget and the shortcode all write their font-size inline onto
   .dpc-breadcrumbs. Themes, however, almost always style breadcrumb links directly
   (".breadcrumbs a { font-size: 14px }"), and a rule on the link beats a rule on the
   wrapper — so the size the user picked never reached the crumbs. Telling the inner
   elements to inherit puts the wrapper back in charge. */
.dpc-breadcrumbs > div,
.dpc-breadcrumbs .dpc-child,
.dpc-breadcrumbs .pre-breadcrumbs,
.dpc-breadcrumbs a,
.dpc-breadcrumbs span,
.dpc-breadcrumbs i {
    font-size: inherit;
    font-family: inherit;
}

/* The home <i> carries no text of its own — the glyph comes from ::before below.
   The ELEMENT therefore has to stay on the surrounding font: a theme's
   `i { font-style: italic }` would otherwise tilt the house, and if the icon font
   fails to load (CSP, CDN rewrite, missing font file) the replacement character
   would render in whatever face the browser picked instead of the body font. */
.dpc-breadcrumbs i[class^="delucks-icon-"],
.dpc-breadcrumbs i[class*=" delucks-icon-"] {
    font-style: normal;
    line-height: inherit;
}

/* Only the pseudo-element keeps the icon font — that is what draws the glyph.
   font-size:inherit makes the house scale with the crumb text instead of with
   whatever size the theme happens to give <i>. */
.dpc-breadcrumbs [class^="delucks-icon-"]::before,
.dpc-breadcrumbs [class*=" delucks-icon-"]::before {
    font-family: "delucks-icons";
    font-size: inherit;
    line-height: 1;
    vertical-align: baseline;
}