/*
Theme Name: TOMZEE
Theme URI: https://tomzee.com
Author: Twelve
Author URI: https://twelve.com
Description: Premium streetwear e-commerce theme with floating product canvas
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tomzee
*/

@font-face {
  font-family: 'Lot';
  src: url('css/lot.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

:root {
  --ice: #eceeff;
  --burgundy: #800020;
  --gold: #ffc112;
  --charcoal: #201f1f;
  --lavender: #d4d8f0;
  --dark-burgundy: #5a0016;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Lato', sans-serif;
  background: var(--ice);
  color: var(--charcoal);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* ===== LOT FONT ONLY FOR LOGO & SPLASH ===== */
.font-lot {
  font-family: 'Lot', sans-serif;
}

/* ===== LOADING / SPLASH SCREEN ===== */
#splash-screen {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: var(--charcoal);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}

#splash-screen.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.splash-logo {
  font-family: 'Lot', sans-serif;
  font-size: clamp(48px, 8vw, 96px);
  color: var(--gold);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  opacity: 0;
  transform: scale(0.8);
  animation: splashReveal 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes splashReveal {
  0% { opacity: 0; transform: scale(0.8) translateY(30px); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}

.splash-subtitle {
  font-family: 'Lato', sans-serif;
  font-size: clamp(12px, 1.5vw, 16px);
  color: rgba(236, 238, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.3em;
  margin-top: 20px;
  opacity: 0;
  animation: splashFadeIn 0.8s ease 0.8s forwards;
}

.splash-line {
  width: 60px;
  height: 2px;
  background: var(--gold);
  margin-top: 30px;
  opacity: 0;
  transform: scaleX(0);
  animation: splashLine 0.6s ease 1.2s forwards;
}

@keyframes splashFadeIn {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes splashLine {
  0% { opacity: 0; transform: scaleX(0); }
  100% { opacity: 1; transform: scaleX(1); }
}

/* ===== SCROLL ANIMATIONS ===== */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.reveal-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.reveal-left.visible {
  opacity: 1;
  transform: translateX(0);
}

.reveal-right {
  opacity: 0;
  transform: translateX(50px);
  transition: all 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.reveal-right.visible {
  opacity: 1;
  transform: translateX(0);
}

.reveal-scale {
  opacity: 0;
  transform: scale(0.85);
  transition: all 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.reveal-scale.visible {
  opacity: 1;
  transform: scale(1);
}

.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }
.reveal-delay-5 { transition-delay: 0.5s; }

/* ===== NAVIGATION ===== */
.nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 64px;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5vw;
  background: rgba(236, 238, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.nav-logo {
  font-family: 'Lot', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  color: var(--charcoal);
  text-decoration: none;
  transition: opacity 0.25s;
}

.nav-logo:hover {
  opacity: 0.7;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 28px;
}

.nav-links a {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: rgba(32, 31, 31, 0.6);
  text-decoration: none;
  transition: color 0.25s;
}

.nav-links a:hover,
.nav-links a.active {
  color: var(--charcoal);
}

.nav-links a.active {
  font-weight: 700;
}

.nav-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.nav-shop-link {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: rgba(32, 31, 31, 0.6);
  text-decoration: none;
  transition: color 0.25s;
}

.nav-shop-link:hover,
.nav-shop-link.active {
  color: var(--charcoal);
  font-weight: 700;
}

.cart-btn {
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: var(--charcoal);
  transition: opacity 0.25s;
}

.cart-btn:hover {
  opacity: 0.7;
}

.cart-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 16px;
  height: 16px;
  background: var(--gold);
  border-radius: 50%;
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: var(--charcoal);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-badge.hidden {
  display: none;
}

.menu-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: var(--charcoal);
  transition: opacity 0.25s;
}

.menu-btn:hover {
  opacity: 0.7;
}

/* ===== FULLSCREEN MENU ===== */
.menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(236, 238, 255, 0.98);
  backdrop-filter: blur(20px);
  z-index: 1100;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.menu-overlay.open {
  opacity: 1;
  pointer-events: all;
}

.menu-close {
  position: absolute;
  top: 20px;
  right: 5vw;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: var(--charcoal);
  transition: opacity 0.25s;
}

.menu-close:hover {
  opacity: 0.6;
}

.menu-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.menu-links a {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: clamp(28px, 5vw, 48px);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--charcoal);
  text-decoration: none;
  transition: color 0.25s, transform 0.3s;
}

.menu-links a:hover {
  color: var(--gold);
  transform: scale(1.05);
}

.menu-footer {
  position: absolute;
  bottom: 5vh;
  left: 0;
  right: 0;
  text-align: center;
}

.menu-footer p {
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: rgba(32, 31, 31, 0.35);
}

/* ===== FOOTER ===== */
.site-footer {
  border-top: 1px solid rgba(32, 31, 31, 0.1);
  padding: 32px 5vw;
}

.footer-inner {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.footer-links {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}

.footer-links a {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color: rgba(32, 31, 31, 0.5);
  text-decoration: none;
  transition: color 0.25s;
}

.footer-links a:hover {
  color: var(--charcoal);
}

.footer-copy {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color: rgba(32, 31, 31, 0.5);
}

.footer-built {
  font-family: 'Lato', sans-serif;
  font-size: 10px;
  color: rgba(32, 31, 31, 0.3);
  letter-spacing: 0.05em;
}

/* ===== CART DRAWER ===== */
.cart-overlay {
  position: fixed;
  inset: 0;
  background: rgba(32, 31, 31, 0.3);
  z-index: 1500;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}

.cart-overlay.open {
  opacity: 1;
  pointer-events: all;
}

.cart-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 420px;
  background: var(--ice);
  border-left: 1px solid rgba(32, 31, 31, 0.08);
  z-index: 2000;
  transform: translateX(100%);
  transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
  display: flex;
  flex-direction: column;
}

.cart-drawer.open {
  transform: translateX(0);
}

.cart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  border-bottom: 1px solid rgba(32, 31, 31, 0.08);
}

.cart-header h2 {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: var(--charcoal);
}

.cart-close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: var(--charcoal);
  transition: opacity 0.25s;
}

.cart-close:hover {
  opacity: 0.6;
}

.cart-body {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
}

.cart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 16px;
  text-align: center;
}

.cart-empty p {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: rgba(32, 31, 31, 0.5);
}

.cart-empty a {
  display: inline-block;
  background: var(--gold);
  color: var(--charcoal);
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 16px 32px;
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.25s;
}

.cart-empty a:hover {
  background: #e6ac00;
}

.cart-item {
  display: flex;
  gap: 16px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(32, 31, 31, 0.08);
}

.cart-item-img {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  background: white;
  overflow: hidden;
  flex-shrink: 0;
}

.cart-item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cart-item-info {
  flex: 1;
  min-width: 0;
}

.cart-item-name {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: var(--charcoal);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cart-item-variant {
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  color: rgba(32, 31, 31, 0.6);
  margin-top: 4px;
}

.cart-item-price {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: var(--charcoal);
  margin-top: 4px;
}

.cart-qty {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.cart-qty button {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(32, 31, 31, 0.2);
  border-radius: 4px;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--charcoal);
  transition: border-color 0.25s;
}

.cart-qty button:hover {
  border-color: var(--charcoal);
}

.cart-qty span {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 13px;
  width: 24px;
  text-align: center;
}

.cart-remove {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color: rgba(32, 31, 31, 0.5);
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  margin-left: auto;
}

.cart-remove:hover {
  color: var(--charcoal);
}

.cart-footer {
  padding: 24px;
  border-top: 1px solid rgba(32, 31, 31, 0.08);
}

.cart-subtotal {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.cart-subtotal span:first-child {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  color: var(--charcoal);
}

.cart-subtotal span:last-child {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: var(--charcoal);
}

.cart-shipping-note {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color: rgba(32, 31, 31, 0.4);
  margin-bottom: 16px;
}

.cart-checkout-btn {
  width: 100%;
  padding: 16px;
  background: var(--gold);
  color: var(--charcoal);
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.25s;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}

.cart-checkout-btn:hover {
  background: #e6ac00;
}

/* ===== TOAST ===== */
.toast {
  position: fixed;
  top: 80px;
  left: 50%;
  transform: translateX(-50%) translateY(-20px);
  background: var(--charcoal);
  color: var(--ice);
  padding: 12px 24px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 3000;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}

.toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.toast-icon {
  width: 20px;
  height: 20px;
  background: var(--gold);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.toast-icon svg {
  width: 12px;
  height: 12px;
  color: var(--charcoal);
}

.toast-text {
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

/* ===== MOBILE MENU (old, removed) ===== */

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .nav-shop-link {
    display: none;
  }

  .menu-links a {
    font-size: clamp(24px, 8vw, 36px);
    gap: 24px;
  }
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(32, 31, 31, 0.2);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(32, 31, 31, 0.35);
}

/* ===== FOCUS ===== */
*:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

/* ===== TOMZEE POLICIES TITLE SCALE FIX ===== */

.policies-page h1,
.policy-page h1,
.policies-hero h1 {
  font-size: clamp(42px, 7vw, 96px) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.04em !important;
}

.policies-page h2,
.policy-page h2,
.policy-section h2 {
  font-size: clamp(28px, 4vw, 54px) !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
}

.policies-page h3,
.policy-page h3,
.policy-content h3 {
  font-size: clamp(18px, 2vw, 28px) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
}

.policies-page .eyebrow,
.policy-page .eyebrow,
.policies-page .section-label,
.policy-page .section-label {
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  line-height: 1.2 !important;
}

.policies-page p,
.policy-page p,
.policy-content p,
.policy-content li {
  font-size: 14px !important;
  line-height: 1.75 !important;
}

/* ===== POLICIES PAGE — STRONG TITLE FIX ===== */

body h1,
body .policies-title,
body .policy-title,
body .hero-title,
body .page-title {
  font-size: clamp(32px, 4vw, 58px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.04em !important;
}

body h2,
body .section-title,
body .policy-section-title {
  font-size: clamp(22px, 2.6vw, 36px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
}

body h3,
body .policy-subtitle,
body .faq-title {
  font-size: clamp(17px, 1.6vw, 22px) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}

body .policy-content h1,
body .policy-content h2,
body .policy-content h3,
body .policy-content h4,
body .policy-text h1,
body .policy-text h2,
body .policy-text h3,
body .policy-text h4 {
  font-size: 20px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
}

body .policy-content p,
body .policy-content li,
body .policy-text p,
body .policy-text li {
  font-size: 14px !important;
  line-height: 1.75 !important;
}

body .policy-card button,
body .policies-nav button,
body .policy-tabs button {
  font-size: 16px !important;
  line-height: 1.2 !important;
}

body .policy-card span,
body .policy-eyebrow,
body .policy-label {
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
}
/* TOMZEE DYNAMIC HEADER / MENU / SUBSCRIBE / CART */

/* DAY HEADER */
html.tomzee-day header,
html.tomzee-day .site-header,
html.tomzee-day .wp-site-blocks > header {
  background-color: #eceeff !important;
  color: #201f1f !important;
}

/* NIGHT HEADER */
html.tomzee-night header,
html.tomzee-night .site-header,
html.tomzee-night .wp-site-blocks > header {
  background-color: #201f1f !important;
  color: #eceeff !important;
}

/* DAY HEADER LINKS */
html.tomzee-day header a,
html.tomzee-day .site-header a {
  color: #201f1f !important;
}

/* NIGHT HEADER LINKS */
html.tomzee-night header a,
html.tomzee-night .site-header a {
  color: #eceeff !important;
}

/* HEADER BUTTONS - Menu / Subscribe / Cart */
html.tomzee-day header button,
html.tomzee-night header button,
html.tomzee-day .site-header button,
html.tomzee-night .site-header button,
html.tomzee-day button[aria-label="Menu"],
html.tomzee-night button[aria-label="Menu"],
html.tomzee-day button[aria-label="Subscribe to newsletter"],
html.tomzee-night button[aria-label="Subscribe to newsletter"],
html.tomzee-day button[aria-label="Cart"],
html.tomzee-night button[aria-label="Cart"] {
  background-color: #800020 !important;
  color: #ffffff !important;
  border: 1px solid #800020 !important;
}

/* BUTTON ICONS */
html.tomzee-day header button svg,
html.tomzee-night header button svg,
html.tomzee-day header button svg *,
html.tomzee-night header button svg *,
html.tomzee-day button[aria-label="Menu"] svg,
html.tomzee-night button[aria-label="Menu"] svg,
html.tomzee-day button[aria-label="Menu"] svg *,
html.tomzee-night button[aria-label="Menu"] svg *,
html.tomzee-day button[aria-label="Cart"] svg,
html.tomzee-night button[aria-label="Cart"] svg,
html.tomzee-day button[aria-label="Cart"] svg *,
html.tomzee-night button[aria-label="Cart"] svg * {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: #ffffff !important;
}

/* HOVER */
html.tomzee-day header button:hover,
html.tomzee-night header button:hover,
html.tomzee-day .site-header button:hover,
html.tomzee-night .site-header button:hover,
html.tomzee-day button[aria-label="Menu"]:hover,
html.tomzee-night button[aria-label="Menu"]:hover,
html.tomzee-day button[aria-label="Subscribe to newsletter"]:hover,
html.tomzee-night button[aria-label="Subscribe to newsletter"]:hover,
html.tomzee-day button[aria-label="Cart"]:hover,
html.tomzee-night button[aria-label="Cart"]:hover {
  background-color: #ffc101 !important;
  border-color: #ffc101 !important;
  color: #201f1f !important;
}

/* HOVER ICONS */
html.tomzee-day header button:hover svg,
html.tomzee-night header button:hover svg,
html.tomzee-day header button:hover svg *,
html.tomzee-night header button:hover svg * {
  color: #201f1f !important;
  stroke: #201f1f !important;
  fill: #201f1f !important;
}

/* DAY OPEN MENU */
html.tomzee-day .menu,
html.tomzee-day .mobile-menu,
html.tomzee-day .nav-menu,
html.tomzee-day [class*="menu"] {
  background-color: #eceeff !important;
  color: #201f1f !important;
}

/* NIGHT OPEN MENU */
html.tomzee-night .menu,
html.tomzee-night .mobile-menu,
html.tomzee-night .nav-menu,
html.tomzee-night [class*="menu"] {
  background-color: #201f1f !important;
  color: #eceeff !important;
}

/* DAY MENU LINKS */
html.tomzee-day .menu a,
html.tomzee-day .mobile-menu a,
html.tomzee-day .nav-menu a,
html.tomzee-day [class*="menu"] a {
  color: #201f1f !important;
}

/* NIGHT MENU LINKS */
html.tomzee-night .menu a,
html.tomzee-night .mobile-menu a,
html.tomzee-night .nav-menu a,
html.tomzee-night [class*="menu"] a {
  color: #eceeff !important;
}

/* MENU LINK HOVER */
html.tomzee-day header a:hover,
html.tomzee-night header a:hover,
html.tomzee-day .menu a:hover,
html.tomzee-night .menu a:hover,
html.tomzee-day .mobile-menu a:hover,
html.tomzee-night .mobile-menu a:hover {
  color: #800020 !important;
}

body.single-product {
    overflow-y: auto !important;
    height: auto !important;
}

body.single-product .site,
body.single-product main,
body.single-product .site-main,
body.single-product .content-area,
body.single-product .woocommerce,
body.single-product div.product {
    overflow: visible !important;
    height: auto !important;
    min-height: 100vh !important;
    max-height: none !important;
}

body.single-product div.product {
    display: grid !important;
    grid-template-columns: 1fr 420px !important;
    align-items: start !important;
}

body.single-product div.product .summary,
body.single-product div.product .entry-summary {
    position: sticky !important;
    top: 20px !important;
    max-height: calc(100vh - 40px) !important;
    overflow-y: auto !important;
    padding-right: 14px !important;
}

/* TOMZEE My Account - Full Page Night Mode */
/* Background forced everywhere: #201f1f */

html,
body,
body.woocommerce-account,
body.woocommerce-account #page,
body.woocommerce-account .site,
body.woocommerce-account .wp-site-blocks,
body.woocommerce-account main,
body.woocommerce-account .page,
body.woocommerce-account .content-area,
body.woocommerce-account .site-main,
body.woocommerce-account .entry-content,
body.woocommerce-account .woocommerce,
body.woocommerce-account header,
body.woocommerce-account footer,
body.woocommerce-account section,
body.woocommerce-account article,
body.woocommerce-account div {
  background-color: #201f1f !important;
}

/* Remove light backgrounds / gradients / patterns */
body.woocommerce-account *,
body.woocommerce-account *::before,
body.woocommerce-account *::after {
  background-image: none !important;
}

/* Force every container on account pages */
body.woocommerce-account .woocommerce-account,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-navigation ul,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a,
body.woocommerce-account form,
body.woocommerce-account fieldset,
body.woocommerce-account table,
body.woocommerce-account thead,
body.woocommerce-account tbody,
body.woocommerce-account tr,
body.woocommerce-account th,
body.woocommerce-account td {
  background-color: #201f1f !important;
  color: #ffffff !important;
}

/* Page text */
body.woocommerce-account h1,
body.woocommerce-account h2,
body.woocommerce-account h3,
body.woocommerce-account h4,
body.woocommerce-account h5,
body.woocommerce-account h6,
body.woocommerce-account p,
body.woocommerce-account span,
body.woocommerce-account label,
body.woocommerce-account legend,
body.woocommerce-account strong,
body.woocommerce-account em,
body.woocommerce-account small {
  color: #ffffff !important;
}

/* Inputs */
body.woocommerce-account input,
body.woocommerce-account textarea,
body.woocommerce-account select {
  background-color: #201f1f !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
}

body.woocommerce-account input::placeholder,
body.woocommerce-account textarea::placeholder {
  color: rgba(255,255,255,0.5) !important;
}

/* Account menu */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  color: #8f1024 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  color: #ffffff !important;
  background-color: #8f1024 !important;
}

/* Buttons */
body.woocommerce-account button,
body.woocommerce-account .button,
body.woocommerce-account input[type="submit"] {
  background-color: #8f1024 !important;
  color: #ffffff !important;
  border: 1px solid #8f1024 !important;
}

body.woocommerce-account button:hover,
body.woocommerce-account .button:hover,
body.woocommerce-account input[type="submit"]:hover {
  background-color: #ffffff !important;
  color: #201f1f !important;
  border-color: #ffffff !important;
}

/* Links */
body.woocommerce-account a {
  color: #ffffff !important;
}

body.woocommerce-account a:hover {
  color: #8f1024 !important;
}

/* WooCommerce notices */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error {
  background-color: #201f1f !important;
  color: #ffffff !important;
  border-top-color: #8f1024 !important;
}

/* Header buttons / cart / account */
body.woocommerce-account .account,
body.woocommerce-account .cart,
body.woocommerce-account .cart-drawer,
body.woocommerce-account .mini-cart,
body.woocommerce-account .widget_shopping_cart,
body.woocommerce-account [class*="cart"],
body.woocommerce-account [class*="account"] {
  background-color: #201f1f !important;
  color: #ffffff !important;
}

/* SVG / icons */
body.woocommerce-account svg,
body.woocommerce-account svg * {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}