/* =========================================================
   breadcrumbs-custom.css — drevko.it
   ========================================================= */

/* MOBILE / základ */
.breadcrumbs{
  display:block !important;
  font-family:Nunito, sans-serif; font-size:14px; line-height:1.9;
  background:transparent; margin:10px 0 14px !important; padding:6px 0 !important;
  min-width:0; overflow:hidden;
}
.breadcrumbs > span{
  display:inline; white-space:normal; vertical-align:middle;
}
.breadcrumbs > span > a{
  display:inline-flex; align-items:center; padding:5px 7px; border-radius:7px;
  font-weight:700; transition:background-color .15s, color .15s;
  color:#4a3b2a !important; text-decoration:none !important;
  vertical-align:middle; white-space:nowrap;
  box-sizing:border-box; line-height:1.9;            /* zjednotené s domčekom */
}
/* HOVER – ako klikateľné parametre: zelené pozadie + zelený text */
.breadcrumbs > span > a:hover,
.breadcrumbs > span > a:focus-visible{
  background:#eef4e2 !important; color:#5e7d1e !important; outline:none !important;
}
.breadcrumbs .navigation-home-icon{
  display:inline-flex; align-items:center; font-weight:700; padding:5px 7px;
  border-radius:7px; color:#93ba40 !important; vertical-align:middle;
  box-sizing:border-box;                              /* bolo content-box → border-box */
  line-height:1.9;
  min-height:calc(1.9em + 10px);                      /* obsah + vert. padding = výška textových odkazov */
}
.breadcrumbs .navigation-home-icon:hover,
.breadcrumbs .navigation-home-icon:focus-visible{
  background:#eef4e2 !important; color:#5e7d1e !important;
}
.breadcrumbs .navigation-bullet{
  font-size:0; color:transparent; margin:0 3px; padding:0; width:auto;
  display:inline-flex; align-items:center; justify-content:center; vertical-align:middle;
}
.breadcrumbs .navigation-bullet::after{
  content:""; width:6px; height:6px;
  border-right:1.5px solid #4a3b2a; border-bottom:1.5px solid #4a3b2a;
  transform:rotate(-45deg); display:block; margin-left:-1px;
}
/* POSLEDNÝ drobček = názov produktu */
.breadcrumbs > span:last-of-type{
  display:inline; padding:0 4px; color:#9a9a9a; font-weight:600; white-space:normal;
}
.breadcrumbs > span:last-of-type [itemprop="name"]{
  display:inline; white-space:normal; overflow-wrap:anywhere;
}

@media (min-width:768px){
  /* DESKTOP: späť na jeden riadok s orezaním „…" */
  .breadcrumbs{
    display:flex !important; flex-wrap:nowrap; align-items:center; gap:2px;
    font-size:15px; line-height:1.25; overflow:hidden;
    padding:6px 0 !important; margin-left:0 !important; width:100% !important; max-width:100% !important;
  }
  .breadcrumbs > span{ display:inline-flex; align-items:center; flex:0 0 auto; min-width:0; }
  .breadcrumbs > span > a{ padding:7px 10px; border-radius:8px; line-height:1.25; }
  .breadcrumbs .navigation-home-icon{
    padding:7px 10px; border-radius:8px;              /* zjednotený radius (bolo 7px) */
    line-height:1.25;
    min-height:calc(1.25em + 14px);                   /* výška = textové odkazy na desktope */
  }
  .breadcrumbs .navigation-bullet{ margin:0 6px; }
  .breadcrumbs .navigation-bullet::after{ width:7px; height:7px; margin-left:-2px; }
  .breadcrumbs > span:last-of-type{
    flex:1 1 auto; min-width:0; padding:7px 4px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  .breadcrumbs > span:last-of-type [itemprop="name"]{
    display:inline; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  }
}

/* =========================================================
   Skrytie breadcrumbs na info/CMS stránkach
   ========================================================= */
body.type-page .breadcrumbs{ display:none !important; }