/* =========================================================
   GXG TOP BAR — CasaUtila (MerchantPro)
   File: gxg-topbar.css
   ========================================================= */

:root{
  --gxg-topbar-bg: #ff6a00; /* portocaliul din exemplu */
  --gxg-topbar-h: 44px;
  --gxg-topbar-maxw: 1500px; /* îl ajustăm dacă ai alt container global */
}

#gxg-topbar.gxg-topbar{
  width: 100%;
  background: var(--gxg-topbar-bg);
  color: #fff;
  position: relative;
  z-index: 5; /* suficient: header e static */
  font-family: inherit;
}

#gxg-topbar .gxg-topbar__inner{
  max-width: var(--gxg-topbar-maxw);
  margin: 0 auto;
  padding: 0 22px;
  height: var(--gxg-topbar-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

#gxg-topbar .gxg-topbar__left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

#gxg-topbar .gxg-topbar__right{
  display: flex;
  align-items: center;
  gap: 28px;
  min-width: 0;
}

#gxg-topbar a{
  color: inherit;
  text-decoration: none;
}

#gxg-topbar .gxg-topbar__item{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
}

#gxg-topbar .gxg-topbar__divider{
  width: 1px;
  height: 18px;
  background: rgba(255,255,255,.35);
}

#gxg-topbar .gxg-topbar__link{
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .96;
}

#gxg-topbar .gxg-topbar__link:hover{
  opacity: 1;
  text-decoration: underline;
}

/* iconuri simple via mask (nu emoji) */
#gxg-topbar .gxg-topbar__ico{
  width: 14px;
  height: 14px;
  display: inline-block;
  background: rgba(255,255,255,.95);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
          mask-repeat: no-repeat;
          mask-position: center;
          mask-size: contain;
}

/* telefon */
#gxg-topbar .gxg-topbar__tel .gxg-topbar__ico{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.07 21 3 13.93 3 5c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.07 21 3 13.93 3 5c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
}

/* ceas */
#gxg-topbar .gxg-topbar__hours .gxg-topbar__ico{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 11h-4V7h2v4h2v2z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 11h-4V7h2v4h2v2z'/%3E%3C/svg%3E");
}

/* Mobile: păstrăm doar stânga, ca să nu aglomerăm */
@media (max-width: 991.98px){
  :root{ --gxg-topbar-h: 38px; }
  #gxg-topbar .gxg-topbar__inner{ padding: 0 14px; }
  #gxg-topbar .gxg-topbar__right{ display: none; }
  #gxg-topbar .gxg-topbar__item{ font-size: 13px; font-weight: 600; }
}