/*
Theme Name: Mortalis TT5 Child
Template: twentytwentyfive
Version: 1.0.0
Text Domain: mortalis-tt5-child
*/

html {
  background: #020218;
}

:root {
    --mortalis-bg-start: #0f0f1c;
    --mortalis-bg-mid: #1a4f64;
    --mortalis-bg-end: #060612;
  }
  
  body {
    position: relative;
    isolation: isolate;
    background:
      radial-gradient(circle at top left, rgba(0,255,255,0.2), transparent 70%),
      radial-gradient(circle at bottom right, rgba(0,0,255,0.1), transparent 70%),
      linear-gradient(to bottom, var(--mortalis-bg-start), var(--mortalis-bg-mid), var(--mortalis-bg-end));
    background-attachment: fixed;
    background-size: cover;
    color: #e8fbff;
  }
  
  body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url("https://mortalisgame.com/img/noise.svg");
    background-repeat: repeat;
    background-size: 220px 220px;
    opacity: 0.35;
    mix-blend-mode: soft-light;
  }
  
  .wp-site-blocks {
    position: relative;
    z-index: 1;
  }
  
  .wp-block-woocommerce-filled-mini-cart-contents-block {
    background:
    radial-gradient(circle at top left, rgba(38, 60, 75, 0.116), transparent 70%),
    radial-gradient(circle at bottom right, rgba(10, 64, 73, 0.1), transparent 70%),
    linear-gradient(to bottom, #2a4450, #1a4f64, #184d57);
  }


  .wc-block-components-drawer {
    background: #304c61;
    border-left: 3px solid color-mix(in srgb,currentColor 30%,transparent);
    font-size: 1.25rem;
  }

  h2.wc-block-mini-cart__title {
    background: none;
  }


  .wc-block-components-address-card address .wc-block-components-address-card__address-section--secondary {
	color: hsla(185.5, 100%, 82.7%, 0.9);
}


.wc-block-mini-cart__badge {
    background-color: rgb(154, 207, 218);
    color: #351d1d;
}

body {
  padding-top: 25px;
}

.mortalis-user-navbar {
  position: sticky;
  top: 10px;
  z-index: 120;
  padding: 0 14px;
}

.mortalis-user-navbar__inner {
  max-width: 1360px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 14px;
  border-radius: 16px;
  background: linear-gradient(to bottom right, #1b4352, #183a4d);
  backdrop-filter: blur(20px);
  color: #ccf5ff;
  box-shadow: 0 6px 44px rgba(0, 0, 0, 0.28);
}

.mortalis-user-navbar__profile {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 220px;
  text-decoration: none;
  color: inherit;
}

.mortalis-user-navbar__avatar {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid rgba(139, 226, 245, 0.35);
  background: rgba(255, 255, 255, 0.08);
}

.mortalis-user-navbar__identity {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}

.mortalis-user-navbar__name {
  font-size: 0.95rem;
  font-weight: 700;
}

.mortalis-user-navbar__role {
  font-size: 0.77rem;
  opacity: 0.9;
  color: #89ddeb;
}

.mortalis-user-navbar__balance {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #123c51;
}

.mortalis-user-navbar__balance-label {
  font-size: 0.68rem;
  opacity: 0.8;
}

.mortalis-user-navbar__balance-value {
  font-size: 0.85rem;
  font-weight: 700;
  color: #f8c65d;
}

.mortalis-user-navbar__links {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.mortalis-user-navbar__toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-left: auto;
  border-radius: 999px;
  border: 1px solid rgba(137, 221, 235, 0.4);
  background: rgba(7, 26, 39, 0.8);
  color: inherit;
  cursor: pointer;
  padding: 0;
}

.mortalis-user-navbar__toggle-bar {
  position: relative;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: #d5f9ff;
}

.mortalis-user-navbar__toggle-bar::before,
.mortalis-user-navbar__toggle-bar::after {
  content: "";
  position: absolute;
  left: 0;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: #d5f9ff;
}

.mortalis-user-navbar__toggle-bar::before {
  top: -6px;
}

.mortalis-user-navbar__toggle-bar::after {
  top: 6px;
}


.mortalis-user-navbar__links a {
  color: #d5f9ff;
  text-decoration: none;
  font-size: 0.86rem;
  font-weight: 600;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  transition: all 180ms ease;
}

.mortalis-user-navbar__links a:hover {
  border-color: rgba(137, 221, 235, 0.35);
  background: rgba(24, 65, 76, 0.45);
}

.mortalis-user-navbar__links a[aria-current="page"] {
  color: #93ecff;
  border-color: rgba(143, 237, 255, 0.45);
  background: rgba(39, 83, 96, 0.5);
}

.mortalis-basket-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.3rem;
  padding: 0 0.3rem;
  border-radius: 999px;
  background: #9ad8e3;
  color: #17313b;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
}

.woocommerce div.product form.cart .variations select {
  background: #b9d2df;
  border-radius: 0.375rem;
}

.woocommerce table.variations tr td select {
	height: auto;
}

.woocommerce a.added_to_cart {
  background: #00ff7c75;
  padding: 1em 2em;
  text-align: center;
  border-radius: 2em;
  border: 4px solid #1cf4d663;
  font-weight: 500;
}

.woocommerce a.added_to_cart:hover {
  background: #11ff8475;
  border: 4px solid #00ffdd81;
}

#shipping input, #shipping select, #billing input, #billing select, #contact-fields input, #contact-fields select {
  background: #1d3e50;
  color: #d2e9f0;
  border: 2px #296780;
  font-weight: 500;
}

#billing input:focus {
  background: #326079;
}

#mortalis-user-navbar[data-state="loading"] .mortalis-user-navbar__name {
  opacity: 0.75;
}

@media (max-width: 1100px) {
  .mortalis-user-navbar__inner {
    flex-wrap: wrap;
    gap: 10px;
  }

  .mortalis-user-navbar__links {
    margin-left: 0;
    flex-wrap: wrap;
    gap: 4px;
  }


}

@media (max-width: 700px) {
  body {
    padding-top: 15px;
  }

  .mortalis-user-navbar {
    top: 6px;
    padding: 0 10px;
  }

  .mortalis-user-navbar__balance {
    display: none;
  }

  .mortalis-user-navbar__inner {
    padding: 8px 10px;
    align-items: center;
    gap: 8px;
  }

  .mortalis-user-navbar__profile {
    min-width: 0;
  }

  .mortalis-user-navbar__toggle {
    display: inline-flex;
  }

  .mortalis-user-navbar__links {
    display: none;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin: 8px 0 0;
    gap: 4px;
  }

  .mortalis-user-navbar.is-menu-open .mortalis-user-navbar__links {
    display: flex;
  }

  .mortalis-user-navbar__links a {
    width: 100%;
    text-align: left;
  }


}

  :root {
	--wp--preset--aspect-ratio--square: 1;
	--wp--preset--aspect-ratio--4-3: 4/3;
	--wp--preset--aspect-ratio--3-4: 3/4;
	--wp--preset--aspect-ratio--3-2: 3/2;
	--wp--preset--aspect-ratio--2-3: 2/3;
	--wp--preset--aspect-ratio--16-9: 16/9;
	--wp--preset--aspect-ratio--9-16: 9/16;
	--wp--preset--color--black: #000000;
	--wp--preset--color--cyan-bluish-gray: #abb8c3;
	--wp--preset--color--white: #ffffff;
	--wp--preset--color--pale-pink: #f78da7;
	--wp--preset--color--vivid-red: #cf2e2e;
	--wp--preset--color--luminous-vivid-orange: #ff6900;
	--wp--preset--color--luminous-vivid-amber: #fcb900;
	--wp--preset--color--light-green-cyan: #7bdcb5;
	--wp--preset--color--vivid-green-cyan: #00d084;
	--wp--preset--color--pale-cyan-blue: #8ed1fc;
	--wp--preset--color--vivid-cyan-blue: #0693e3;
	--wp--preset--color--vivid-purple: #9b51e0;
	--wp--preset--color--base: #FFFFFF;
	--wp--preset--color--contrast: #111111;
	--wp--preset--color--accent-1: #FFEE58;
	--wp--preset--color--accent-2: #F6CFF4;
	--wp--preset--color--accent-3: #503AA8;
	--wp--preset--color--accent-4: #686868;
	--wp--preset--color--accent-5: #FBFAF3;
	--wp--preset--color--accent-6: color-mix(in srgb, currentColor 20%, transparent);
	--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);
	--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
	--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);
	--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);
	--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
	--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
	--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
	--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
	--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
	--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
	--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
	--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
	--wp--preset--font-size--small: 0.975rem;
	--wp--preset--font-size--medium: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.196), 1.125rem);
	--wp--preset--font-size--large: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.392), 1.375rem);
	--wp--preset--font-size--x-large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 0.392), 2rem);
	--wp--preset--font-size--xx-large: clamp(2.15rem, 2.15rem + ((1vw - 0.2rem) * 1.333), 3rem);
	--wp--preset--font-family--manrope: Manrope, sans-serif;
	--wp--preset--font-family--fira-code: "Fira Code", monospace;
	--wp--preset--spacing--20: 10px;
	--wp--preset--spacing--30: 20px;
	--wp--preset--spacing--40: 30px;
	--wp--preset--spacing--50: clamp(30px, 5vw, 50px);
	--wp--preset--spacing--60: clamp(30px, 7vw, 70px);
	--wp--preset--spacing--70: clamp(50px, 7vw, 90px);
	--wp--preset--spacing--80: clamp(70px, 10vw, 140px);
	--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
	--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
	--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
}