/* ORTOTOP | Geometryczna belka szybkiego kontaktu (V27)
   Samodzielny komponent. Bez gradientow i bez nakladania stylow starej belki.
   Klasy wlasne: .otop-ribbon__*. Boczne CTA V26 pozostaja niezalezne. */

#ortotop-topbar { --ot-top-h: 46px; height:46px!important; min-height:46px!important; }
#ortotop-topbar .ortotop-topbar-v1__bar { height:46px!important; min-height:46px!important; }

#ortotop-topbar .otop-ribbon,
#ortotop-topbar .otop-ribbon * { box-sizing:border-box; }

#ortotop-topbar .otop-ribbon {
  position:absolute;
  top:0; right:0;
  z-index:50;
  display:flex; align-items:stretch;
  width:min(100%, 1060px); height:46px;
  margin:0; padding:0;
  isolation:isolate;
  overflow:hidden;
  -webkit-clip-path:polygon(21px 0,100% 0,100% 100%,0 100%);
  clip-path:polygon(21px 0,100% 0,100% 100%,0 100%);
  background:#0b503b;
  font-family:Rajdhani,sans-serif;
  box-shadow:inset 0 -2px 0 rgba(225,179,61,.30);
}

#ortotop-topbar .otop-ribbon__segment {
  position:relative;
  display:flex; align-items:center; justify-content:center;
  height:46px; min-height:46px; min-width:0;
  margin:0 0 0 -14px;
  padding:0 24px 0 27px;
  flex:1 1 0;
  gap:9px;
  overflow:hidden;
  isolation:isolate;
  text-align:left;
  border:0;
  border-radius:0;
  outline:0;
  -webkit-clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);
  clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);
  text-decoration:none;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
  color:#fff;
  font-family:Rajdhani,sans-serif;
  cursor:pointer;
  box-shadow:none;
  transition:filter .22s ease;
  -webkit-tap-highlight-color:transparent;
}
#ortotop-topbar .otop-ribbon__segment:first-child { margin-left:0; padding-left:38px; z-index:4; }
#ortotop-topbar .otop-ribbon__segment:nth-child(2) { z-index:3; }
#ortotop-topbar .otop-ribbon__segment:nth-child(3) { z-index:2; }
#ortotop-topbar .otop-ribbon__segment:nth-child(4) { z-index:1; }
#ortotop-topbar .otop-ribbon__segment:hover,
#ortotop-topbar .otop-ribbon__segment:focus-visible { filter:brightness(1.15); }
#ortotop-topbar .otop-ribbon__segment:focus-visible { outline:0; }
#ortotop-topbar .otop-ribbon__segment:focus-visible .otop-ribbon__outline path {
  animation:none!important;
  opacity:1!important;
  stroke-dasharray:none!important;
  stroke-dashoffset:0!important;
}

#ortotop-topbar .otop-ribbon__segment--l11 {
  flex:1.23 1 0;
  background-color:#0d523f;
  background-image:url("ortotop-assets/otop-ribbon-l11.svg");
}
#ortotop-topbar .otop-ribbon__segment--j37 {
  flex:1.30 1 0;
  background-color:#126047;
  background-image:url("ortotop-assets/otop-ribbon-j37.svg");
}
#ortotop-topbar .otop-ribbon__segment--chat {
  flex:.96 1 0;
  background-color:#0a634c;
  background-image:url("ortotop-assets/otop-ribbon-chat.svg");
}
#ortotop-topbar .otop-ribbon__segment--book {
  flex:1.00 1 0;
  justify-content:center;
  margin-right:0;
  padding-right:13px;
  -webkit-clip-path:none;
  clip-path:none;
  color:#093e2e;
  background-color:#dfaf3c;
  background-image:url("ortotop-assets/otop-ribbon-book.svg");
  text-transform:none;
  font-size:inherit;
  line-height:1;
  opacity:1;
  visibility:visible;
  transform:none;
}
/* Neutralizacja starych trojkatow od .register-button.yellow. */
#ortotop-topbar .otop-ribbon__segment--book::before,
#ortotop-topbar .otop-ribbon__segment--book::after {content:none!important;display:none!important;}

#ortotop-topbar .otop-ribbon__phone-icon,
#ortotop-topbar .otop-ribbon__chat-icon,
#ortotop-topbar .otop-ribbon__book-icon {position:relative; z-index:2; flex:none;}
#ortotop-topbar .otop-ribbon__phone-icon { width:16px; height:16px; color:#e7bd51; }
#ortotop-topbar .otop-ribbon__phone-icon svg {display:block;width:100%;height:100%;}
#ortotop-topbar .otop-ribbon__code {
  position:relative;z-index:2;
  flex:none;
  display:flex;align-items:center;justify-content:center;
  width:30px;height:24px;
  padding:0 3px;
  border:1px solid rgba(255,245,205,.30);
  border-radius:3px;
  background:#dcb03e;
  color:#164634;
  font:700 12px/1 Rajdhani,sans-serif;
  letter-spacing:.02em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
}
#ortotop-topbar .otop-ribbon__location-copy,
#ortotop-topbar .otop-ribbon__action-copy {
  position:relative;z-index:2;
  display:flex;flex-direction:column;justify-content:center;
  gap:2px;min-width:0;
  font-family:Rajdhani,sans-serif;
  line-height:1.03;
}
#ortotop-topbar .otop-ribbon__street {
  display:block;
  font-size:10.5px;font-weight:600;line-height:1.1;
  letter-spacing:.075em;text-transform:uppercase;
  white-space:nowrap;
  color:#c0ddd0;
}
#ortotop-topbar .otop-ribbon__number {
  color:#fff;
  font-size:16px;font-weight:700;line-height:1;
  letter-spacing:.018em;
  white-space:nowrap;
}
#ortotop-topbar .otop-ribbon__number small {
  color:#b9d9c9;
  font-size:10px;font-weight:600;
}
#ortotop-topbar .otop-ribbon__chat-icon {color:#e8c25d;width:22px;height:22px;}
#ortotop-topbar .otop-ribbon__chat-icon svg {width:100%;height:100%;display:block;}
#ortotop-topbar .otop-ribbon__action-copy strong {
  font:700 16.5px/1 Rajdhani,sans-serif;
  text-transform:uppercase;letter-spacing:.04em;
  white-space:nowrap;
  color:inherit;
}
#ortotop-topbar .otop-ribbon__action-copy small {
  font:600 10.5px/1.1 Rajdhani,sans-serif;
  letter-spacing:.045em;
  white-space:nowrap;
  color:#b9dccb;
}
#ortotop-topbar .otop-ribbon__book-icon {
  width:25px;height:25px;
  display:grid;place-items:center;
  color:#0e5038;
  border:1.5px solid rgba(15,90,62,.42);
  border-radius:50%;
  background:rgba(255,255,255,.12);
  font-size:0; /* plus SVG wyrownany geometrycznie, nie metrykami czcionki */
  line-height:0;
}
#ortotop-topbar .otop-ribbon__book-icon > svg {
  display:block;
  position:static;
  width:16px;
  height:16px;
  margin:0;
  padding:0;
  transform:none;
  overflow:visible;
}
#ortotop-topbar .otop-ribbon__segment--book .otop-ribbon__action-copy strong {color:#073c2b;}
#ortotop-topbar .otop-ribbon__segment--book .otop-ribbon__action-copy small {color:#62501c;}

/* Delikatny skoordynowany przebieg swiatla tylko na dwoch akcjach. */
#ortotop-topbar .otop-ribbon__outline {
  position:absolute;
  z-index:3;
  inset:0;
  display:block;
  width:100%;height:100%;
  pointer-events:none;
  overflow:visible;
  opacity:1;
}
#ortotop-topbar .otop-ribbon__outline path {
  fill:none;
  vector-effect:non-scaling-stroke;
  stroke-width:2.2;
  stroke-linejoin:miter;
  stroke-linecap:butt;
  stroke-dasharray:10 90;
  stroke-dashoffset:100;
  opacity:0;
  animation:otop-outline-chase-v8 24.8s linear infinite;
}
#ortotop-topbar .otop-ribbon__segment--chat .otop-ribbon__outline path {
  stroke:#ffe6a3;
  filter:drop-shadow(0 0 2px rgba(253,214,107,.95)) drop-shadow(0 0 4px rgba(241,186,45,.65));
  animation-delay:-12.4s;
}
#ortotop-topbar .otop-ribbon__segment--book .otop-ribbon__outline path {
  /* Jasne zlotobiale swiatlo na zlotym przycisku, bez zielonej poswiaty. */
  stroke:url(#otop-book-outline-gold-white) #fff4cc;
  filter:drop-shadow(0 0 1.5px rgba(255,255,255,.98)) drop-shadow(0 0 4px rgba(255,211,91,.90));
  animation-delay:0s;
}

@media(max-width:1399px){
  #ortotop-topbar .otop-ribbon__segment {padding-left:21px;padding-right:20px;gap:7px;}
  #ortotop-topbar .otop-ribbon__segment:first-child{padding-left:35px;}
  #ortotop-topbar .otop-ribbon__street{font-size:10px;}
  #ortotop-topbar .otop-ribbon__number{font-size:14px;}
  #ortotop-topbar .otop-ribbon__action-copy strong{font-size:15px;}
  #ortotop-topbar .otop-ribbon__segment--book {padding-right:10px;}
}
@media(max-width:1099px){
  #ortotop-topbar .otop-ribbon__segment{padding-left:17px;padding-right:15px;gap:6px;}
  #ortotop-topbar .otop-ribbon__segment:first-child{padding-left:30px;}
  #ortotop-topbar .otop-ribbon__phone-icon{display:none;}
  #ortotop-topbar .otop-ribbon__code{width:28px;height:22px;}
  #ortotop-topbar .otop-ribbon__street{font-size:9px;letter-spacing:.03em;}
  #ortotop-topbar .otop-ribbon__number{font-size:13px;}
  #ortotop-topbar .otop-ribbon__action-copy strong{font-size:14px;}
  #ortotop-topbar .otop-ribbon__action-copy small{font-size:9.5px;}
  #ortotop-topbar .otop-ribbon__chat-icon{width:19px;height:19px;}
  #ortotop-topbar .otop-ribbon__book-icon{width:21px;height:21px;font-size:19px;}
}
@media(max-width:991px){
  #ortotop-topbar .otop-ribbon{width:calc(100% - 41px);}
  #ortotop-topbar .otop-ribbon__segment--l11{flex:1.1 1 0;}
  #ortotop-topbar .otop-ribbon__segment--j37{flex:1.25 1 0;}
  #ortotop-topbar .otop-ribbon__segment--chat{flex:.92 1 0;}
  #ortotop-topbar .otop-ribbon__segment--book{flex:.95 1 0;}
}
@media(max-width:767px){
  #ortotop-topbar{--ot-top-h:43px;height:43px!important;min-height:43px!important;}
  #ortotop-topbar .ortotop-topbar-v1__bar{height:43px!important;min-height:43px!important;}
  #ortotop-topbar .otop-ribbon{height:43px;}
  #ortotop-topbar .otop-ribbon__segment{height:43px;min-height:43px;}
  #ortotop-topbar .otop-ribbon__segment--chat{display:none;}
  #ortotop-topbar .otop-ribbon__segment:first-child{padding-left:28px;}
  #ortotop-topbar .otop-ribbon__segment{padding-left:15px;padding-right:12px;}
  #ortotop-topbar .otop-ribbon__segment--l11{flex:1.1 1 0;}
  #ortotop-topbar .otop-ribbon__segment--j37{flex:1.2 1 0;}
  #ortotop-topbar .otop-ribbon__segment--book{flex:.92 1 0;}
  #ortotop-topbar .otop-ribbon__street{display:none;}
  #ortotop-topbar .otop-ribbon__number{font-size:12px;}
  #ortotop-topbar .otop-ribbon__location-copy{gap:0;}
  #ortotop-topbar .otop-ribbon__code{height:21px;}
  #ortotop-topbar .otop-ribbon__action-copy small{display:none;}
  #ortotop-topbar .otop-ribbon__action-copy strong{font-size:13.4px;letter-spacing:.01em;}
}
@media(max-width:560px){
  #ortotop-topbar .otop-ribbon__segment{gap:4px;padding-left:11px;padding-right:10px;}
  #ortotop-topbar .otop-ribbon__segment:first-child{padding-left:27px;}
  #ortotop-topbar .otop-ribbon__code{font-size:10px;min-width:25px;width:25px;height:20px;}
  #ortotop-topbar .otop-ribbon__number{font-size:10.8px;letter-spacing:0;}
  #ortotop-topbar .otop-ribbon__number small{display:none;}
  #ortotop-topbar .otop-ribbon__book-icon{width:19px;height:19px;font-size:17px;}
  #ortotop-topbar .otop-ribbon__action-copy strong{font-size:12.1px;}
}
@media(max-width:450px){
  #ortotop-topbar .otop-ribbon__location-copy{display:none;}
  #ortotop-topbar .otop-ribbon__segment--l11{flex:.6 1 0;}
  #ortotop-topbar .otop-ribbon__segment--j37{flex:.6 1 0;}
  #ortotop-topbar .otop-ribbon__segment--book{flex:1.35 1 0;}
  #ortotop-topbar .otop-ribbon__segment:first-child{padding-left:25px;}
  /* Same skroty L11 i J37 sa malo oczywiste na telefonie. */
  #ortotop-topbar .otop-ribbon__phone-icon{display:block;width:12px;height:12px;}
  #ortotop-topbar .otop-ribbon__segment--book{padding-left:18px;justify-content:center;}
  #ortotop-topbar .otop-ribbon__action-copy strong{font-size:13px;}
}
@media(prefers-reduced-motion:reduce){
  #ortotop-topbar .otop-ribbon__outline path{animation:none;opacity:0;}
  #ortotop-topbar .otop-ribbon__segment{transition:none;}
}