/* =========================================================
   Sawa Food — Partnership notification
   Small persistent icon beside the theme switch + animated
   partnership prompt. Designed to be additive and isolated.
   ========================================================= */
.partner-notify-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.partner-notify-btn {
  position: relative;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, rgba(112, 212, 143, .16), var(--surface));
  border: 1px solid rgba(112, 212, 143, .35);
  color: var(--brand);
  line-height: 1;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
  overflow: visible;
}
.partner-notify-btn:hover,.partner-notify-btn:focus-visible {
  transform: translateY(-1px) scale(1.04);
  border-color: var(--brand);
  box-shadow: 0 8px 22px rgba(21, 107, 67, .16);
  outline: none;
}
.partner-notify-btn.is-pulsing {
  animation: partnerIconPulse 1s ease both;
}
.partner-notify-btn.is-pulsing .partner-notify-icon {
  animation: partnerIconGlow 1s ease both;
}
.partner-notify-dot {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #55d889;
  box-shadow: 0 0 0 3px var(--surface);
  animation: partnerDot 1.8s ease-in-out infinite;
}
.partner-notify-tooltip {
  position: absolute;
  top: calc(100% + 9px);
  right: 50%;
  transform: translateX(50%) translateY(-4px);
  width: max-content;
  max-width: 210px;
  padding: 7px 10px;
  border-radius: 9px;
  background: #102b1d;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: .2s ease;
  z-index: 1400;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
}
.partner-notify-btn:hover + .partner-notify-tooltip,.partner-notify-btn:focus-visible + .partner-notify-tooltip {
  opacity: 1;
  transform: translateX(50%) translateY(0);
}
.partner-notify-popup {
  position: fixed;
  top: 92px;
  right: 28px;
  z-index: 1350;
  width: min(390px, calc(100vw - 28px));
  padding: 14px 15px 13px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 17px;
  background: rgba(16, 43, 29, .96);
  color: #fff;
  box-shadow: 0 20px 55px rgba(0, 0, 0, .22);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-14px) scale(.97);
  transition: opacity .28s ease, transform .32s cubic-bezier(.2, .8, .2, 1), visibility .28s ease;
}
.partner-notify-popup.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.partner-notify-popup::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 112px;
  width: 14px;
  height: 14px;
  background: #102b1d;
  border-left: 1px solid rgba(255, 255, 255, .12);
  border-top: 1px solid rgba(255, 255, 255, .12);
  transform: rotate(45deg);
}
.partner-notify-main {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}
.partner-notify-symbol {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #75d995, #3eae69);
  color: #0b2819;
  box-shadow: 0 8px 22px rgba(70, 198, 119, .22);
}
.partner-notify-symbol svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.partner-notify-symbol .partner-notify-spark {
  stroke-width: 1.5;
  fill: currentColor;
}
.partner-notify-copy {
  min-width: 0;
  flex: 1;
}
.partner-notify-kicker {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .7px;
  color: #79d89a;
  margin-bottom: 2px;
  text-transform: uppercase;
}
.partner-notify-title {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
  margin: 0 0 2px;
}
.partner-notify-text {
  font-size: 11px;
  line-height: 1.55;
  color: #d2e4d8;
  margin: 0;
}
.partner-notify-close {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font-size: 17px;
  flex: 0 0 27px;
  transition: .2s ease;
}
.partner-notify-close:hover {
  background: rgba(255, 255, 255, .16);
  transform: rotate(8deg);
}
.partner-notify-progress {
  height: 3px;
  margin-top: 12px;
  border-radius: 99px;
  overflow: hidden;
  background: rgba(255, 255, 255, .1);
}
.partner-notify-progress span {
  display: block;
  width: 100%;
  height: 100%;
  transform-origin: right center;
  background: #70d48f;
  transform: scaleX(0);
  border-radius: 99px;
}
.partner-notify-popup.is-open .partner-notify-progress span {
  animation: partnerNotifyProgress 4.7s linear forwards;
}
.partner-notify-action {
  display: block;
  margin-top: 9px;
  color: #8be5a6;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
body.theme-dark .partner-notify-btn {
  background: linear-gradient(145deg, rgba(112, 212, 143, .12), #192c21);
  border-color: #355444;
  color: #8be5a6;
}
body.theme-dark .partner-notify-dot {
  box-shadow: 0 0 0 3px #192c21;
}
@keyframes partnerIconPulse {
  0%,100% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.12) rotate(-4deg);
  }
  70% {
    transform: scale(1.04) rotate(3deg);
  }
}
@keyframes partnerIconGlow {
  0%,100% {
    filter: drop-shadow(0 0 0 rgba(112, 212, 143, 0));
  }
  45% {
    filter: drop-shadow(0 0 7px rgba(112, 212, 143, .72));
  }
}
@keyframes partnerDot {
  0%,100% {
    transform: scale(.8);
    opacity: .7;
  }
  50% {
    transform: scale(1.15);
    opacity: 1;
  }
}
@keyframes partnerNotifyProgress {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@media (max-width:760px) {
  .partner-notify-btn {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
  .partner-notify-popup {
    top: 76px;
    right: 12px;
    width: calc(100vw - 24px);
    border-radius: 15px;
  }
  .partner-notify-popup::before {
    right: 86px;
  }
  .partner-notify-tooltip {
    display: none;
  }
}
@media (prefers-reduced-motion:reduce) {
  .partner-notify-btn.is-pulsing,.partner-notify-dot,.partner-notify-btn.is-pulsing .partner-notify-icon {
    animation: none;
  }
  .partner-notify-popup,.partner-notify-popup.is-open {
    transition: none;
  }
  .partner-notify-popup.is-open .partner-notify-progress span {
    animation: none;
    transform: scaleX(1);
  }
}
/* Partnership image icon + reliable light/dark theme styling */
.partner-notify-icon {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
}
.partner-notify-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: none;
  transition: filter .25s ease, transform .25s ease;
}
.partner-notify-btn:hover .partner-notify-icon img,.partner-notify-btn:focus-visible .partner-notify-icon img {
  transform: scale(1.06);
}
.partner-notify-symbol {
  background: var(--partner-card-bg) !important;
  color: var(--partner-icon-color) !important;
  border-color: var(--partner-card-border) !important;
}
.partner-notify-symbol img {
  width: 31px;
  height: 31px;
  display: block;
  object-fit: contain;
  filter: var(--partner-icon-filter);
  transition: filter .25s ease;
}
.partner-notify-popup {
  --partner-popup-bg: #ffffff;
  --partner-popup-text: #173126;
  --partner-popup-muted: #5d6f65;
  --partner-popup-border: rgba(20, 60, 39, .14);
  --partner-card-bg: linear-gradient(145deg, #edf8f0, #dff1e5);
  --partner-card-border: rgba(31, 112, 67, .16);
  --partner-icon-color: #173126;
  --partner-icon-filter: none;
  background: var(--partner-popup-bg) !important;
  color: var(--partner-popup-text) !important;
  border-color: var(--partner-popup-border) !important;
}
.partner-notify-popup::before {
  background: var(--partner-popup-bg) !important;
  border-color: var(--partner-popup-border) !important;
}
.partner-notify-kicker {
  color: #23814b !important;
}
.partner-notify-text {
  color: var(--partner-popup-muted) !important;
}
.partner-notify-close {
  background: rgba(20, 60, 39, .07) !important;
  color: var(--partner-popup-text) !important;
}
.partner-notify-progress {
  background: rgba(20, 60, 39, .09) !important;
}
.partner-notify-progress span {
  background: linear-gradient(90deg, #45b96f, #7bdc99) !important;
}
.partner-notify-action {
  color: #23814b !important;
}
body.theme-dark .partner-notify-popup {
  --partner-popup-bg: #122119;
  --partner-popup-text: #edf6ef;
  --partner-popup-muted: #c0d0c5;
  --partner-popup-border: rgba(143, 209, 160, .18);
  --partner-card-bg: linear-gradient(145deg, #203a2a, #173123);
  --partner-card-border: rgba(143, 209, 160, .18);
  --partner-icon-color: #f1f7f2;
  --partner-icon-filter: invert(1) brightness(1.08);
}
body.theme-dark .partner-notify-icon img {
  filter: invert(1) brightness(1.08);
}
body.theme-dark .partner-notify-kicker {
  color: #86dfa2 !important;
}
body.theme-dark .partner-notify-action {
  color: #91e3aa !important;
}
body.theme-dark .partner-notify-close {
  background: rgba(255, 255, 255, .08) !important;
  color: #edf6ef !important;
}
body.theme-dark .partner-notify-progress {
  background: rgba(255, 255, 255, .10) !important;
}
/* =========================================================
   Mobile header balance
   On phones the partnership shortcut moves into the opened
   navigation drawer so the compact header keeps BOTH the
   language switch and theme switch without crowding.
   ========================================================= */
.mobile-partner-notify {
  width: 100%;
  min-height: 58px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 11px;
  padding: 8px 11px;
  border: 1px solid rgba(31, 112, 67, .18);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(92, 201, 126, .10), var(--surface));
  color: var(--ink);
  text-align: start;
  box-shadow: 0 8px 24px rgba(17, 53, 27, .08);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.mobile-partner-notify:hover,.mobile-partner-notify:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(31, 112, 67, .42);
  box-shadow: 0 12px 28px rgba(17, 53, 27, .12);
  outline: none;
}
.mobile-partner-notify-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #edf8f0, #dff1e5);
  border: 1px solid rgba(31, 112, 67, .14);
}
.mobile-partner-notify-icon img {
  width: 31px;
  height: 31px;
  object-fit: contain;
  display: block;
}
.mobile-partner-notify-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mobile-partner-notify-copy b {
  font-size: 13px;
  line-height: 1.25;
  color: var(--ink);
}
.mobile-partner-notify-copy small {
  font-size: 10px;
  line-height: 1.3;
  color: var(--muted);
}
.mobile-partner-notify-arrow {
  font-size: 18px;
  font-weight: 800;
  color: var(--brand);
  text-align: center;
}
body.theme-dark .mobile-partner-notify {
  background: linear-gradient(135deg, rgba(103, 207, 135, .12), var(--surface));
  border-color: rgba(143, 209, 160, .20);
}
body.theme-dark .mobile-partner-notify-icon {
  background: linear-gradient(145deg, #203a2a, #173123);
  border-color: rgba(143, 209, 160, .18);
}
body.theme-dark .mobile-partner-notify-icon img {
  filter: invert(1) brightness(1.08);
}
@media(max-width:760px) {
  .partner-notify-wrap {
    display: none !important;
  }
}
@media(min-width:761px) {
  .mobile-partner-notify {
    display: none !important;
  }
}
@media(max-width:560px) {
  #site>.nav .actions {
    gap: 6px !important;
  }
  #site>.nav .actions .icon {
    width: 36px !important;
    height: 36px !important;
  }
  #site>.nav .actions .language-trigger {
    min-width: 96px !important;
    width: 96px !important;
    padding-inline: 7px !important;
    gap: 5px !important;
  }
  #site>.nav .actions .language-current {
    font-size: 10px !important;
  }
}
@media(max-width:380px) {
  #site>.nav .actions {
    gap: 5px !important;
  }
  #site>.nav .actions .language-trigger {
    min-width: 88px !important;
    width: 88px !important;
  }
  #site>.nav .actions .language-current {
    font-size: 9.5px !important;
  }
  #site>.nav .brand {
    font-size: 18px !important;
  }
}
/* Keep the popup below the fixed header instead of covering the mobile controls. */
.partner-notify-popup {
  top: calc(var(--sawa-header-height, 120px) + 10px);
}
@media(max-width:760px) {
  .partner-notify-popup {
    top: calc(var(--sawa-header-height, 100px) + 8px);
    right: 12px;
    width: calc(100vw - 24px);
  }
}