@import url('./tokens.css');
@import url('./base.css');
@import url('./components.css');
@import url('./layout.css');
@import url('./home.css');
@import url('./plp.css');
@import url('./pdp.css');
@import url('./cart.css');
@import url('./checkout.css');
@import url('./auth.css');
@import url('./contact.css');
@import url('./wishlist.css');
@import url('./responsive.css');

/* Customer account pages: remove legacy blue and align with GFA palette */
body#my-account #main a:not(.btn),
body#history #main a:not(.btn),
body#order-slip #main a:not(.btn),
body#order-follow #main a:not(.btn),
body#discount #main a:not(.btn),
body#addresses #main a:not(.btn),
body#address #main a:not(.btn),
body#identity #main a:not(.btn),
body#order-detail #main a:not(.btn) {
  color: var(--gfa-cyan-dark);
}

body#my-account #main a:not(.btn):hover,
body#history #main a:not(.btn):hover,
body#order-slip #main a:not(.btn):hover,
body#order-follow #main a:not(.btn):hover,
body#discount #main a:not(.btn):hover,
body#addresses #main a:not(.btn):hover,
body#address #main a:not(.btn):hover,
body#identity #main a:not(.btn):hover,
body#order-detail #main a:not(.btn):hover {
  color: var(--gfa-cyan-strong);
}

body#my-account #main .links > a {
  text-decoration: none;
}

body#my-account #main .links .link-item {
  min-height: 102px;
  border: 1px solid #b8ac9d;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f1ece4 100%);
  box-shadow: 0 8px 18px rgba(23, 26, 31, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.75);
  color: #111a24;
  font-weight: 900;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background-color 0.18s ease;
}

body#my-account #main .links > a:hover .link-item,
body#my-account #main .links > a:focus .link-item {
  border-color: rgba(136, 98, 69, 0.9);
  background: linear-gradient(180deg, #fffdf9 0%, #e8dfd2 100%);
  box-shadow: 0 12px 24px rgba(23, 26, 31, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.82);
  transform: translateY(-1px);
}

body#my-account #main .links .link-item i {
  color: #1a2836;
}

body#my-account #main .links .link-item:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(184, 107, 59, 0.22), 0 12px 24px rgba(23, 26, 31, 0.1);
}

/* Hide GDPR shortcut tile on My Account dashboard. */
body#my-account #main #psgdpr-link {
  display: none !important;
}

body#my-account #main .page-footer a {
  color: var(--gfa-cyan-dark);
  font-weight: 800;
}

body#history #main .alert.alert-info,
body#order-slip #main .alert.alert-info,
body#order-follow #main .alert.alert-info,
body#discount #main .alert.alert-info,
body#addresses #main .alert.alert-info,
body#address #main .alert.alert-info,
body#identity #main .alert.alert-info {
  border: 1px solid rgba(184, 107, 59, 0.24);
  border-radius: 12px;
  background: rgba(184, 107, 59, 0.08);
  color: #5d341c;
}

body#history #main .account-link,
body#order-slip #main .account-link,
body#order-follow #main .account-link,
body#discount #main .account-link,
body#addresses #main .account-link,
body#address #main .account-link,
body#identity #main .account-link,
body#order-detail #main .account-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--gfa-cyan-dark);
  font-weight: 800;
}

/* Keep account footer links consistent (no random blue vs brown). */
body#my-account #main .page-footer .account-link,
body#history #main .page-footer .account-link,
body#order-slip #main .page-footer .account-link,
body#order-follow #main .page-footer .account-link,
body#discount #main .page-footer .account-link,
body#addresses #main .page-footer .account-link,
body#address #main .page-footer .account-link,
body#identity #main .page-footer .account-link,
body#order-detail #main .page-footer .account-link,
body#module-blockwishlist-lists .wishlist-footer-links > a,
body#module-blockwishlist-view .wishlist-footer-links > a {
  color: var(--gfa-cyan-dark);
}

body#my-account #main .page-footer .account-link:hover,
body#history #main .page-footer .account-link:hover,
body#order-slip #main .page-footer .account-link:hover,
body#order-follow #main .page-footer .account-link:hover,
body#discount #main .page-footer .account-link:hover,
body#addresses #main .page-footer .account-link:hover,
body#address #main .page-footer .account-link:hover,
body#identity #main .page-footer .account-link:hover,
body#order-detail #main .page-footer .account-link:hover,
body#module-blockwishlist-lists .wishlist-footer-links > a:hover,
body#module-blockwishlist-view .wishlist-footer-links > a:hover,
body#my-account #main .page-footer .account-link:focus,
body#history #main .page-footer .account-link:focus,
body#order-slip #main .page-footer .account-link:focus,
body#order-follow #main .page-footer .account-link:focus,
body#discount #main .page-footer .account-link:focus,
body#addresses #main .page-footer .account-link:focus,
body#address #main .page-footer .account-link:focus,
body#identity #main .page-footer .account-link:focus,
body#order-detail #main .page-footer .account-link:focus,
body#module-blockwishlist-lists .wishlist-footer-links > a:focus,
body#module-blockwishlist-view .wishlist-footer-links > a:focus {
  color: var(--gfa-cyan-strong);
}

/* Lyra wallet page: remove legacy blue styling and align with account palette. */
body#module-lyra-wallet #main a:not(.btn) {
  color: var(--gfa-cyan-dark);
}

body#module-lyra-wallet #main a:not(.btn):hover,
body#module-lyra-wallet #main a:not(.btn):focus {
  color: var(--gfa-cyan-strong);
}

body#module-lyra-wallet #main .alert.alert-info {
  border: 1px solid rgba(184, 107, 59, 0.24);
  border-radius: 12px;
  background: rgba(184, 107, 59, 0.08);
  color: #5d341c;
}

body#module-lyra-wallet #main .account-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--gfa-cyan-dark);
  font-weight: 800;
}