/* --------------------------------------------------
   Custom Cursors
-------------------------------------------------- */

/* Default cursor: tiny star */
html, body {
    cursor: url("https://maryculley.art/wp-content/uploads/2025/12/mary-culley-star-cursor.png") 16 16, auto !important;
}

/* Hover cursor: tiny heart */
a,
button,
.elementor-button,
.main-navigation a,
#site-navigation a {
    cursor: url("https://maryculley.art/wp-content/uploads/2025/12/mary-culley-heart-cursor.png") 16 16, pointer !important;
}

/* --------------------------------------------------
   Fonts (Moirai One + Tagline)
-------------------------------------------------- */

/* Load Moirai One */
@import url("https://fonts.googleapis.com/css2?family=Moirai+One:wght@300&display=swap");

/* Tagline: "new york artist" */
.site-description,
header .site-description,
.wp-block-site-tagline,
.wp-block-site-tagline p {
    font-family: "Estonia", monospace !important;
    font-weight: 300 !important;
    letter-spacing: 0.5px;
    font-size: 24px;
}

/* Site Title: Moirai One (locked weight + size) */
.site-title,
.site-title a {
    font-family: "Moirai One", cursive !important;
    font-weight: 400 !important;
}

.site-title a,
.site-title a:hover,
.site-title a:focus {
    font-size: 1.7rem !important;
    text-decoration: none !important;
    transform: none !important;
    transition: none !important;
}

/* Navigation (desktop, mobile, Gutenberg): Moirai One */
.main-navigation a,
#site-navigation a,
.wp-block-navigation a,
.mobile-nav-side-navigation a {
    font-family: "Moirai One", cursive !important;
    font-weight: 400 !important;
}

/* Transparent outline for cache-busting */
body {
    outline: 1px solid transparent !important;
}

/* --------------------------------------------------
   Mobile Menu Toggle
-------------------------------------------------- */

/* Menu toggle button */
button.menu-toggle,
#toggle-menu.button {
    background-color: transparent !important;
    color: #4F4E53 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hamburger icon lines */
#toggle-menu.button span,
#toggle-menu.button svg,
#toggle-menu.button i {
    color: #4F4E53 !important;
    fill: #fef2fe !important;
}

/* --------------------------------------------------
   Firefox-only invisible header underline
-------------------------------------------------- */

/* Firefox only: hide underline by matching background color */
@-moz-document url-prefix("https://maryculley.art") {
  header a,
  header a:link,
  header a:visited,
  header a:hover,
  header a:active {
    text-decoration-line: underline !important;
    text-decoration-color: #f4f6f1 !important; /* page background */
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    border: none !important;
    box-shadow: none !important;
    background-image: none !important;
  }
}

.wp-block-navigation a {
  font-size: 1.7rem;
  letter-spacing: 0.08em;
}

/* Force font size on common nav text wrappers */
.wp-block-navigation a,
.wp-block-navigation a span,
.wp-block-navigation-item__label,
.wp-block-navigation__container a,
.wp-block-page-list a,
.wp-block-page-list a span,
.main-navigation a,
.primary-navigation a,
.nav-menu a,
.menu a {
  font-size: 1.7rem !important;
}

/* Optional: if you still want the spaced-out look, keep it smaller */
.wp-block-navigation a,
.main-navigation a,
.primary-navigation a,
.nav-menu a,
.menu a {
  letter-spacing: normal !important;
}

/* Footer / bottom site title – force normal state */
footer .wp-block-site-title,
footer .wp-block-site-title a {
  opacity: 1 !important;
  color: inherit !important;
  text-decoration: none !important;
}

.site-info .site-name,
.site-info .site-name a {
  font-weight: 400 !important;
}

/* ---- STOP THE AGGRESSIVE UNDERLINES (theme/block overrides) ---- */
a,
a:link,
a:visited {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Optional: show a tasteful underline only on hover/focus */
a:hover,
a:focus {
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 6px !important;
  text-decoration-color: currentColor !important;
}

/* Nav: never underline (even on hover) */
.wp-block-navigation a,
.main-navigation a,
#site-navigation a {
  text-decoration: none !important;
  border-bottom: none !important;
  background-image: none !important;
  box-shadow: none !important;
}