/* 20251024095818 - v2 */
.gui,
.gui-block-linklist li a {
  color: #ffffff;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #ffffff;
}

.gui-block-inner strong {
  color: #ffffff;
}

.gui a {
  color: #3578c2;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #3578c2;
  box-shadow: 0 0 2px #3578c2;
}

.gui-select.gui-focus .gui-handle {
  border-color: #3578c2;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #f5f5f5;
}

.gui-block-title {
  color: #ffffff;
  background-color: #ffffff;
}

.gui-content-title {
  color: #ffffff;
}

.gui-form .gui-field .gui-description span {
  color: #ffffff;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #fdfdfd;
  background-color: #fefefe;
}

.gui-block-option-block {
  border-color: #fdfdfd;
}

.gui-block-title strong {
  color: #ffffff;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #fafafa;
}

.gui ul.gui-products li {
  border-color: #fcfcfc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #fcfcfc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #fcfcfc;
}

.gui-block-content .gui-table {
  border-color: #fdfdfd;
}

.gui-table thead tr th {
  border-color: #fafafa;
  background-color: #fefefe;
}

.gui-table tbody tr td {
  border-color: #fdfdfd;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #ffffff;
  color: #faf4f4;
  background-color: #0fa8f4;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #efef12;
  color: #66ccff;
  background-color: #f1082b;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #0c86c3;
  border-color: #cccccc;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #c00622;
  border-color: #bfbf0e;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #ffffff;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #ffffff;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #ffffff;
}

.gui-progressbar {
  background-color: #ffffff;
}

/* custom */
/* ============================================= */
/* NANNOOK NUTRITION – CUSTOM CSS                */
/* ============================================= */

/* ============================= */
/* TABLE HEADERS / ORDER HISTORY */
/* ============================= */
.gui-table th.ordernr,
.gui-table th.date,
.gui-table th.ship,
.gui-table th.total,
.gui-table th.status {
  color: black;
}

/* ============================= */
/* HEADER STYLES                 */
/* ============================= */
body > header > div.main-header__top-section > div > div {
  font-size: 20px;
  color: #ffffff;
  white-space: nowrap;
  overflow: visible;
  width: 100%;
  box-sizing: border-box;
  animation: marquee 15s linear infinite;
  position: relative;
  right: 0;
  top: 0;
  z-index: 1;
}

/* Marquee animation */
@keyframes marquee {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Header menu styles */
body > header > div.main-header__top-section > div > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
}

body > header > div.main-header__top-section > div > ul > li a {
  border: 2px solid black;
  padding: 10px;
  margin-bottom: 5px;
  background-color: black;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  color: white !important;
  text-decoration: none !important;
}

body > header > div.main-header__top-section > div > ul > li a:hover {
  color: dodgerblue !important;
}

/* ============================= */
/* GIFT CARD PAGE                */
/* ============================= */

/* Hide breadcrumbs */
.gui-align-center.gui-small.breadcrumbs {
  visibility: hidden;
}
.gui-align-center.gui-small.breadcrumbs a {
  display: none;
  visibility: hidden;
}
.gui-align-center.gui-small.breadcrumbs a:hover {
  display: none;
}

/* Hide home link and header paragraph */
#gift-cards-page > header > p {
  display: none;
}

/* Gift card page main title */
#gift-cards-page > header > h1 {
  color: white !important;
}

/* Gift card form font modifications */
#gui-giftcard-settings > div.giftcard-radio-toolbar {
  color: #fcfafa;
}

.giftcard-flex input[type="radio"] {
  border: 2px solid white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

/* Hover border effect for gift card amounts */
#gui-giftcard-settings > div.giftcard-radio-toolbar > div > div.giftcard-flex.giftcard-flex-row.giftcard-custom-amounts-block > label:hover {
  border: 1px solid white;
  transition: border 0.3s ease;
}

/* ============================= */
/* INVOICE PAGE                  */
/* ============================= */
.gui-block-title {
  background-color: black;
  color: white;
  padding: 10px;
  border-radius: 5px;
}

.gui-block-inner {
  background-color: black;
  color: white;
  padding: 10px;
  border-radius: 5px;
}

/* "Print" link styling */
.gui-block-inner a {
  color: white;
  text-decoration: none;
  padding: 5px 10px;
  border: 1px solid white;
  border-radius: 4px;
  position: relative;
  top: -25px;
}

.gui-block-inner a:hover {
  background-color: white;
  color: black;
}

/* ============================= */
/* GENERAL TYPOGRAPHY & COLOR    */
/* ============================= */
.gui {
  color: black;
}

/* Payment and shipment titles */
#gui-payment-title,
#gui-shipment-title {
  color: black;
}

/* Table header text colors */
.gui-table thead tr th span {
  color: black !important;
}

/* Other key GUI text elements */
.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: black !important;
}

/* ============================= */
/* STACKS PAGE (TEXT CONTENT)    */
/* ============================= */
body > section.text-page__content.container.max-width-sm.padding-top-lg.padding-bottom-xl > div {
  color: white !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Headings */
body > section.text-page__content.container.max-width-sm.padding-top-lg.padding-bottom-xl > div h1,
body > section.text-page__content.container.max-width-sm.padding-top-lg.padding-bottom-xl > div h2,
body > section.text-page__content.container.max-width-sm.padding-top-lg.padding-bottom-xl > div h3,
body > section.text-page__content.container.max-width-sm.padding-top-lg.padding-bottom-xl > div h4,
body > section.text-page__content.container.max-width-sm.padding-top-lg.padding-bottom-xl > div h5,
body > section.text-page__content.container.max-width-sm.padding-top-lg.padding-bottom-xl > div h6 {
  color: white !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: bold !important;
}

/* Paragraphs */
body > section.text-page__content.container.max-width-sm.padding-top-lg.padding-bottom-xl > div p {
  color: white !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  margin-bottom: 1.5em !important;
}

/* Links */
body > section.text-page__content.container.max-width-sm.padding-top-lg.padding-bottom-xl > div a {
  color: #00ccff !important;
  text-decoration: none !important;
}
body > section.text-page__content.container.max-width-sm.padding-top-lg.padding-bottom-xl > div a:hover {
  text-decoration: underline !important;
}

/* Lists */
body > section.text-page__content.container.max-width-sm.padding-top-lg.padding-bottom-xl > div ul,
body > section.text-page__content.container.max-width-sm.padding-top-lg.padding-bottom-xl > div ol {
  color: white !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  margin-left: 2em !important;
}
body > section.text-page__content.container.max-width-sm.padding-top-lg.padding-bottom-xl > div li {
  color: white !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* ============================= */
/* MODAL / POPUP STYLING         */
/* ============================= */
#gui-modal-product-inventory-location-wrapper > div.gui-modal-product-inventory-location > div.gui-modal-product-inventory-location-container {
  color: black !important;
}

/* === Mobile button adjustment - refined === */
@media screen and (max-width: 768px) {
  a.btn.btn--lg.btn--primary {
    position: relative;
    top: 80px !important; /* moves button down without stretching image */
  }
}