/* Zibarco Signature 1.8.6 — Premium editorial navigation.
 * Only .zbsr-all-categories and .zbsr-group-dropdown; preserve native <details>,
 * original URLs, photography, responsive navigation and keyboard operation.
 */
:root {
  --zbsr-menu-cream: #fffdf5;
  --zbsr-menu-ink: #173e2c;
  --zbsr-menu-muted: #53674d;
  --zbsr-menu-olive: #828a3f;
  --zbsr-menu-border: #e7e3d5;
}
/* The top nav active state is consistent in both disclosure types. */
@media (min-width: 1101px) {
  .zbsr-navigation > .zbsr-group-dropdown > summary {
    border-radius: 10px;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
  }
  .zbsr-navigation > .zbsr-group-dropdown:is(:hover,[open],:focus-within) > summary {
    background: #f0f3e6;
    color: #163e2c;
    box-shadow: inset 0 0 0 1px #e7ebdd;
  }
  .zbsr-navigation > .zbsr-group-dropdown > .zbsr-group-panel {
    /* No dead hover gap between the trigger and the dropdown. */
    top: 100%;
    width: 375px;
    padding: 13px;
    border: 1px solid var(--zbsr-menu-border);
    border-radius: 16px;
    background: linear-gradient(145deg,#fffef9 0%,#fbf9f0 100%);
    box-shadow: 0 18px 40px rgba(29,49,30,.17),0 4px 12px rgba(49,53,31,.055);
    overflow-x: hidden;
  }
  .zbsr-group-dropdown > .zbsr-group-panel .zbsr-group-overview {
    display: flex;
    align-items: center;
    min-height: 76px;
    gap: 11px;
    padding: 8px;
    margin: 0 0 11px;
    border-radius: 12px;
    background: #f7f7ed;
    color: var(--zbsr-menu-ink);
    font: 700 16px/1.23 Georgia,serif;
    box-shadow: inset 0 0 0 1px rgba(34,74,48,.035);
  }
  .zbsr-group-dropdown > .zbsr-group-panel .zbsr-group-overview::before {
    content: '';
    display: block;
    flex: 0 0 106px;
    align-self: stretch;
    min-height: 61px;
    border-radius: 9px;
    background: #e9ecdd center / cover no-repeat;
  }
  .zbsr-group-dropdown > .zbsr-group-panel .zbsr-group-overview > .zbsr-group-icon { display: none; }
  .zbsr-group-dropdown > .zbsr-group-panel .zbsr-group-overview > span:nth-child(2) {flex:1;min-width:0;}
  .zbsr-group-dropdown > .zbsr-group-panel .zbsr-group-overview > span small {
    color: #697365;
    margin-top: 5px;
    font: 400 11px/1.4 var(--zbsr-sans,Arial,sans-serif);
  }
  .zbsr-group-dropdown > .zbsr-group-panel .zbsr-group-overview > .zbsr-icon {
    color: #214e35;
    width: 17px;
    height: 17px;
  }
  .zbsr-group-dropdown > .zbsr-group-panel .zbsr-group-overview:hover { background: #eef2e4; text-decoration: none; }
  .zbsr-group-dropdown > .zbsr-group-panel > ul {
    border-top: 1px solid #e8e5d9;
    padding: 9px 0 0;
  }
  .zbsr-group-dropdown > .zbsr-group-panel > ul > li > a {
    position: relative;
    display: flex;
    min-height: 38px;
    gap: 9px;
    padding: 9px 9px 9px 26px;
    border-radius: 9px;
    color: #263b30;
    font: 450 12.6px/1.36 var(--zbsr-sans,Arial,sans-serif);
    transition: background-color .16s ease, color .16s ease;
  }
  .zbsr-group-dropdown > .zbsr-group-panel > ul > li > a::before {
    content: '';
    position: absolute;
    left: 9px;
    top: 17px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--zbsr-menu-olive);
  }
  .zbsr-group-dropdown > .zbsr-group-panel > ul > li > a > .zbsr-icon {opacity:0;transition:opacity .16s ease,transform .16s ease;flex-shrink:0;}
  .zbsr-group-dropdown > .zbsr-group-panel > ul > li > a:hover,
  .zbsr-group-dropdown > .zbsr-group-panel > ul > li > a:focus-visible {
    background: #f0f4e7;
    color: var(--zbsr-menu-ink);
    text-decoration:none;
  }
  .zbsr-group-dropdown > .zbsr-group-panel > ul > li > a:is(:hover,:focus-visible) > .zbsr-icon {opacity:1;transform:translateX(2px);}
  /* 1.8.6 FIX: Do not reference --zbsr-scene-N here! image-performance.css
     sets these variables to 'none' until an observed scene is made visible;
     the six hover dropdowns are not scene observers. Use the SAME local photos
     as the big mega-menu, in the existing 640px thumbnail variants. */
  .zbsr-navigation > .zbsr-group-dropdown:nth-of-type(2) > .zbsr-group-panel .zbsr-group-overview::before {
    background-image: url("scenes/produse-obiect-640.webp?v=1.8.6");
  }
  .zbsr-navigation > .zbsr-group-dropdown:nth-of-type(3) > .zbsr-group-panel .zbsr-group-overview::before {
    background-image: url("scenes/agricultura-obiect-640.webp?v=1.8.6");
  }
  .zbsr-navigation > .zbsr-group-dropdown:nth-of-type(4) > .zbsr-group-panel .zbsr-group-overview::before {
    background-image: url("scenes/artizanat-obiect-640.webp?v=1.8.6");
  }
  .zbsr-navigation > .zbsr-group-dropdown:nth-of-type(5) > .zbsr-group-panel .zbsr-group-overview::before {
    background-image: url("scenes/eco-obiect-640.webp?v=1.8.6");
  }
  .zbsr-navigation > .zbsr-group-dropdown:nth-of-type(6) > .zbsr-group-panel .zbsr-group-overview::before {
    background-image: url("scenes/turism-obiect-640.webp?v=1.8.6");
  }
  .zbsr-navigation > .zbsr-group-dropdown:nth-of-type(7) > .zbsr-group-panel .zbsr-group-overview::before {
    background-image: url("scenes/oportunitati-obiect-640.webp?v=1.8.6");
  }
}
/* All categories: a light editorial frame, same category photographs and exact same links. */
.zbsr-all-categories > .zbsr-mega-panel {
  padding: 18px 15px 17px;
  border: 1px solid #e7e2d5;
  border-radius: 16px;
  background: linear-gradient(132deg,#fffef9 0%,#fffdf6 49%,#faf7ed 100%);
  box-shadow: 0 24px 56px rgba(28,42,27,.17),0 6px 16px rgba(43,49,27,.06);
}
.zbsr-all-categories .zbsr-panel-heading {
  margin: 0 4px 14px;
  padding: 0 3px 11px;
  border-color: #eae6d8;
  color: var(--zbsr-menu-ink);
}
.zbsr-all-categories .zbsr-panel-heading > span {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  font: 700 clamp(21px,1.55vw,26px)/1.17 Georgia,serif;
  color: var(--zbsr-menu-ink);
  letter-spacing: -.35px;
}
.zbsr-all-categories .zbsr-panel-heading > span::after {
  content: '';
  display: inline-block;
  width: 49px;
  height: 12px;
  background: linear-gradient(90deg,transparent,#8c9548 35%,#b9ae71 65%,transparent);
  opacity:.58;
  mask-image: linear-gradient(90deg,transparent,#000 35%,#000 60%,transparent);
}
.zbsr-all-categories .zbsr-panel-heading > small {font: 500 11px/1.4 Georgia,serif;color:#797c48;letter-spacing:.1px;}
.zbsr-all-categories .zbsr-mega-grid {
  gap: 10px;
  align-items: stretch;
}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group {
  min-width:0;
  position:relative;
  isolation:isolate;
  padding: 108px 12px 12px;
  gap: 0;
  border:1px solid #ebe4d7;
  border-radius: 13px;
  background: linear-gradient(180deg,#fffdf7 0%,#fbf8ee 100%);
  box-shadow: 0 3px 10px rgba(90,69,43,.065);
  overflow: hidden;
  transform: none;
  transition: border-color .18s ease,box-shadow .18s ease;
}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group::before {
  content:'';
  pointer-events:none;
  position:absolute;
  z-index:0;
  display:block;
  inset:0 0 auto;
  height: 134px;
  border-radius: 12px 12px 0 0;
  background-image: linear-gradient(to bottom,rgba(255,255,255,0) 5%,rgba(255,253,247,.05) 56%,#fffdf7 98%),var(--zbsr-card-photo);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center 42%;
}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > :is(h2,ul) {position:relative;z-index:1;}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group:hover,
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group:focus-within {
  border-color: #d4c99f;
  box-shadow: 0 8px 21px rgba(48,52,28,.105);
  transform:none;
}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > h2 {
  margin: 0;
  min-height: 56px;
  font:700 clamp(14px,1.05vw,17px)/1.22 Georgia,serif;
  color:var(--zbsr-menu-ink);
  letter-spacing:-.22px;
}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > h2 > a,
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > h2 > a:visited {
  display:block;
  min-height:0;
  border:0;
  padding:5px 2px 9px;
  background:transparent;
  color:var(--zbsr-menu-ink);
  text-shadow:none;
  line-height:inherit;
}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > h2 > a:hover {color:#ac481e;text-decoration:none;}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > h2::after {
  content:'';
  display:block;
  width:68%;
  height:1px;
  margin:0 0 3px 2px;
  background:linear-gradient(90deg,#c8c58d 0%,#e3dfc9 65%,transparent);
}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group .zbsr-group-icon {display:none;}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > ul {
  flex:1;
  margin:0;
  padding:8px 0 0 14px;
  background:none;
  border:0;
  border-top:1px solid #ede8da;
  border-radius:0;
  list-style:disc;
}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > ul > li {
  padding:0;
  margin:0 0 2px;
  color:var(--zbsr-menu-olive);
}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > ul > li::marker {color:var(--zbsr-menu-olive);font-size:9px;}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > ul > li > a,
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > ul > li > a:visited {
  display:block;
  width:auto;
  min-height:0;
  margin:0;
  padding:5px 2px;
  color:#27392b;
  background:transparent;
  border-radius:5px;
  font: 430 clamp(11.5px,.75vw,12.8px)/1.38 var(--zbsr-sans,Arial,sans-serif);
  text-shadow:none;
  text-decoration:none;
  overflow-wrap:break-word;
  transition:background-color .15s ease,color .15s ease;
}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > ul > li > a:hover,
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > ul > li > a:focus-visible {
  color:var(--zbsr-menu-ink);
  background:#edf1e4;
  text-decoration:none;
}
.zbsr-header .zbsr-panel a:focus-visible {outline:2px solid #8f7435;outline-offset:2px;}
@media (min-width: 1101px) {
  .zbsr-all-categories > .zbsr-mega-panel {
    width:calc(100% - 2 * var(--zb-page-gutter,24px));
    max-width:1280px;
    margin-inline:auto;
    top:100%;
    max-height:var(--zbsr-menu-height,calc(100dvh - 245px));
    overflow-y:auto;
    scrollbar-gutter:stable;
  }
  .zbsr-all-categories .zbsr-mega-grid {grid-template-columns:repeat(6,minmax(0,1fr));}
}
@media (min-width:1600px) {
  .zbsr-all-categories > .zbsr-mega-panel {max-width:1480px;padding:20px 17px 19px;}
  .zbsr-all-categories .zbsr-mega-grid {gap:12px;}
  .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group {padding-top:112px;}
  .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > h2 {min-height:60px;}
}
@media (max-width:1100px) {
  /* Mobile: retain native accordion / stacked menu; do not force six columns. */
  .zbsr-all-categories > .zbsr-mega-panel {
    padding:15px 7px 18px;
    border:0;
    border-radius:10px;
    box-shadow:none;
  }
  .zbsr-all-categories .zbsr-mega-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group {padding-top:108px;}
  .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > h2 {font-size:16px;min-height:52px;}
  .zbsr-group-dropdown > .zbsr-group-panel {border-radius:10px;background:#fffdf7;}
}
@media (max-width:700px) {
  .zbsr-all-categories .zbsr-mega-grid {grid-template-columns:1fr;}
  .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group {padding:100px 13px 13px;}
  .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > h2 {min-height:0;margin-bottom:10px;}
  .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > ul > li > a {padding:8px 2px;font-size:13px;}
}
@media (prefers-reduced-motion:reduce) {
  .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group,
  .zbsr-navigation > .zbsr-group-dropdown > summary,
  .zbsr-header .zbsr-group-panel a {transition:none!important;}
}
@media (forced-colors:active) {
  .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group {border-color:CanvasText;}
  .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group::before,
  .zbsr-group-dropdown > .zbsr-group-panel .zbsr-group-overview::before {display:none;}
}
