/* Notice bar */
.nb-text {
  padding-left: 68px;
}

#news a.pcwt-button.pcwt-icon_select-no.pcwt-size-large.pcwt-position-right {
  background-color: #141b38;
  border-color: #141b38;
  color: #fff;
}

div#news,
.container.news-container {
    background: #f7d741;
}

.home .pcwt-fullwidth-slider {
    z-index: 0;
}

/* News container (from pcw-core) */
#header .container.news-container {
  background-color: #f7d741;
  border-color: #f7d741;
  color: #021e39;
  padding: 0;
}

div#news span.news-title {
  font-weight: 700;
  font-size: 1.2em;
}

.container.news-container .pcwt-promocontent p {
  font-size: 16px;
}

.container.news-container .av_promobox {
  background-color: #f7d741;
  border-color: #f7d741;
  color: #021e39;
}

div#news {
  z-index: 1;
  position: relative;
}

.pcw-news-banner .pcwt-promocontent {
  line-height: 1.4;
}

.av_promobox.pcwt-button-yes .pcwt-button.pcwt-size-large {
  padding: 15px 30px 13px;
  min-width: auto;
}

/* News icon */
.news-icon.rotate {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 32.8 36" style="enable-background:new 0 0 32.8 36;" xml:space="preserve" role="img" aria-hidden="true" focusable="false"><g transform="scale(0.03125 0.03125)"><path d="M987.2,928.6l-9.5,2.7c-17.2,5-35.9-5.1-97.7-40.8c-101.3-60.4-292.9-172.8-440.4-130.4l-270.3,77.6 c-55.4,15.7-113.1-15.9-129.8-70.8l0-0.1L4.1,643.4c-16-55.8,16.2-114.1,72.1-130.1l0,0l270.6-77.7C494,393.3,597,197.4,652.2,92.4 c33.3-63.3,43.5-81.7,61-86.7l8.3-2.4c44.3-12.7,90.6,12.9,103.3,57.2l0,0l219.6,765.1c0,0,0,0,0,0c12.7,44.2-12.9,90.3-57,102.9 C987.4,928.6,987.3,928.6,987.2,928.6L987.2,928.6L987.2,928.6z M969,887.8l5.9-1.7c20.7-5.9,32.7-27.5,26.7-48.2l0,0L782.1,72.8 c0-0.1-0.1-0.2-0.1-0.3C776.1,52,754.7,40.1,734.2,46c-0.1,0-0.2,0.1-0.3,0.1l-5.9,1.7c-14.2,21.3-26.5,42.7-37.2,64.9l-0.3,0.6 c-58.3,111-166.3,317.8-332.5,365.5L88.5,556.1c-32.8,9.4-51.8,43.7-42.4,76.5l0,0L81.5,756c9.4,32.8,43.7,51.8,76.5,42.4l0,0 l270.3-77.6C594,673.3,796,790.7,904.3,854c21.1,12.4,42.6,23.4,64.8,33l1.2,0.5L969,887.8z M961.1,613.6 c-9.7,2.6-19.6-1.4-24.9-9.4l-0.1-0.1c-1-1.6-1.8-3.5-2.4-5.6c-2.8-9.8,1.2-19.9,9.2-25.3l0.1-0.1c49-31.3,73.4-91.1,56.8-148.9 s-69-95.6-126.2-96.1l-1,0c-10.3,0.6-19.9-5.9-22.8-16.1c-3.4-11.8,3.4-24.2,15.3-27.6c2.6-0.8,5.3-1,7.8-0.8l-0.2,0 c77.6,0.9,147.4,51.3,169.5,128.4c22.1,77.1-10.4,156.9-74.5,198.1l-1.1,0.7C965.2,611.9,963.3,612.9,961.1,613.6L961.1,613.6 L961.1,613.6z M445,758.6c-11.8,3.4-24.2-3.4-27.6-15.3l0,0l-80.8-281.6c-3.4-11.8,3.4-24.2,15.3-27.6c11.8-3.4,24.2,3.4,27.6,15.3 l0,0l81.2,282.8C463.2,743.7,456.4,755.3,445,758.6C445,758.6,445,758.6,445,758.6L445,758.6,445,758.6z M541.7,1120.2l-96.6,27.7 c-42.8,11.1-86.5-7.5-108.8-43.4l-0.4-0.6L177.1,819c-0.8-1.4-1.5-3.1-2-4.8c-1.5-5.1-1.1-10.2,0.6-14.8l0,0.1 c2.6-6.1,7.8-10.9,14.6-12.9l178.4-51.2c0,0,0,0,0.1,0c10.5-3,21.3,2,26,11.4l0.1,0.1c8.9,18.9,17.4,41.3,24.3,64.5l0.1,0.2 c0.9,4.2,2.1,9.1,3.5,13.9c10.5,36.7,29.7,68.5,54.7,93.9l-0.9-1l93.5,82.6c7.7,7.6,13.9,17.5,17.2,29.1c3.6,12.6,3.4,25.4,0,37.1 l0.1-0.3c-4.6,24.3-21.4,44.9-45.7,53.3C541.9,1120.2,541.7,1120.2,541.7,1120.2z M229.4,820.4l146.2,260.3 c12.1,19.1,34.6,29.3,57.1,24.8l0.2,0l96.6-27.7c7.8-4.4,12.8-12.1,14-20.6l0-0.2c1.5-4.4,1.8-9.5,0.4-14.4 c-0.8-2.9-2.2-5.6-3.9-7.9l0.1,0.1l-93.5-83.6c-30-29.5-53.8-68.3-66.6-113.1c-1.3-4.6-2.5-9.3-3.6-13.9l0.2,0.6 c-4.3-14.9-8.5-29.7-14.3-41.9L229.4,820.4z"/></g></svg>');
  height: 78px;
  background-position: 0 5px;
  background-repeat: no-repeat;
  width: 58px;
  float: left;
}

/* Toggle button */
button.notice-toggle {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: #141b38;
  border: 0;
  padding: 0;
  cursor: pointer;
  z-index: 2;

  appearance: none;
  -webkit-appearance: none;
}

/* Focus style for keyboard users */
button.notice-toggle:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}

/* Draw the icon (two strokes). Default is "+" (closed state). */
button.notice-toggle::before,
button.notice-toggle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 20px;
  background: #fff;
  transform-origin: center;
  transition: 0.2s all;
}

/* Vertical stroke */
button.notice-toggle::before {
  transform: translate(-50%, -50%) rotate(0deg);
}

/* Horizontal stroke */
button.notice-toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

/* Open state becomes an "x" */
button.notice-toggle.notice-opened::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

button.notice-toggle.notice-opened::after {
  transform: translate(-50%, -50%) rotate(135deg);
}

button.notice-toggle.notice-opened::before,
button.notice-toggle.notice-opened::after {
  height: 24px;
}

/* Label (shown on hover/focus - desktop only) */
button.notice-toggle .notice-toggle-label {
  position: absolute;
  right: 40px;
  top: 0;
  height: 40px;
  line-height: 40px;
  width: 120px;
  padding: 0 12px;
  text-align: center;

  background: #0a4f81;
  color: #fff;

  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: 0.2s all;

  pointer-events: none;
  z-index: 10;
}

/* Desktop: show label on hover + focus */
@media (min-width: 990px) {
  button.notice-toggle:hover .notice-toggle-label,
  button.notice-toggle:focus .notice-toggle-label,
  button.notice-toggle:focus-visible .notice-toggle-label {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

/* Mobile: hide label (icon only) */
@media (max-width: 989px) {
  button.notice-toggle .notice-toggle-label {
    display: none;
  }
}
