/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Hello Elementor Child Theme
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* === Hide Default Header Site-Wide === */
.site-header,
.elementor-location-header,
.main-header-bar,
.header-container {
  display: none !important;
}

/* === Global Reset & Background === */
html, body, .elementor, .site {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 100vh !important;
  background:
    linear-gradient(
      to bottom,
      #b8d8b8 0%,        /* soft green top */
      #a5bfc7 10%,       /* muted blue-green—matches map water */
      #b7b3a3 20%,       /* taupe/earth */
      #3e3b34 92%,       /* deep, warm gray */
      #a5bfc7 97%,       /* muted blue-green bottom accent */
      #b8d8b8 100%       /* soft green bottom */
    ) !important;
  background-attachment: fixed !important;
  color: #23180b !important;
}

body, html, #page, .wp-site-blocks, .site {
  margin: 0 !important;
  padding: 0 !important;
}

body * {
  box-sizing: border-box !important;
}

/* === Hide Site Title === */
.site-title {
  display: none !important;
}

/* === Remove header margin from main content === */
.main-content,
.site-main,
#primary {
  margin-top: 0 !important;
}

/* === Journal Page (ID 987): Hide Theme Header & Title === */
body.page-id-987 .site-header,
body.page-id-987 .main-header-bar {
  display: none !important;
}

body.page-id-987 .entry-title,
body.page-id-987 h1.page-title,
body.page-id-987 .elementor-heading-title {
  display: none !important;
}

body.page-id-987 .site-main,
body.page-id-987 .content-area,
body.page-id-987 .wp-site-blocks,
body.page-id-987 .elementor {
  margin: 0 !important;
  padding: 0 !important;
}

/* === Journal Page (ID 987): Logo + 2x2 Menu === */
body.page-id-987 .journal-right {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: center !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

body.page-id-987 .journal-right .menu {
  align-self: flex-end !important;
}

body.page-id-987 .journal-right .menu .wpr-nav-menu {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.page-id-987 .journal-right .menu .wpr-nav-menu li {
  flex: 0 0 48% !important;
  max-width: 48% !important;
  position: relative !important;
}

body.page-id-987 .journal-right .menu .wpr-nav-menu li a {
  position: relative !important;
  z-index: 1 !important;
  display: inline-block !important;
  font-family: 'EB Garamond', serif !important;
  font-weight: 700 !important;
  color: #17190f !important;
  text-decoration: none !important;
  padding: 0.5em 1.2em !important;
  transition: transform 0.2s, box-shadow 0.3s !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 8px -4px #fdd36a, 0 -4px 8px -4px #fdd36a !important;
}

body.page-id-987 .journal-right .menu .wpr-nav-menu li a::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-color: rgba(255,255,255,0.4) !important;
  border-radius: 3px !important;
  box-shadow: 0 0 1px rgba(0,0,0,0.05) !important;
  z-index: 0 !important;
}

body.page-id-987 .journal-right .menu .wpr-nav-menu li a:hover {
  transform: scale(1.08) !important;
  box-shadow: 0 6px 12px -5px #fdd36a, 0 -6px 12px -5px #fdd36a !important;
}

/* === Elementor Section Transparency === */
.elementor-section,
.elementor-container,
.elementor-widget-wrap {
  background: transparent !important;
  background-color: transparent !important;
}

/* === Journal Page Menu: clean 2x2, hover effects, right-align === */
body.page-id-987 .journal-menu {
  display: grid !important;
  grid-template-columns: repeat(2, max-content) !important;
  gap: 14px 10px !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.page-id-987 .journal-menu li {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-987 .journal-menu a.wpr-menu-item {
  display: inline-block !important;
  font-family: 'EB Garamond', serif !important;
  font-size: 0.9rem !important;
  padding: 0.35em 0.7em !important;
  color: #17190f !important;
  background: transparent !important;
  border-radius: 4px !important;
  box-shadow: inset 0 2px 0 rgba(253,211,106,0.3) !important;
  transition: box-shadow 0.3s ease, transform 0.2s ease !important;
  position: relative !important;
}

body.page-id-987 .journal-menu a.wpr-menu-item:hover,
body.page-id-987 .journal-menu a.wpr-menu-item:focus {
  box-shadow:
    0 6px 12px -5px #fdd36a !important,
    0 -6px 12px -5px #fdd36a !important;
  transform: scale(1.08) !important;
}

body.page-id-987 .journal-menu li.menu-item-994 {
  display: none !important;
}

/* === Journal Page: Reduce Logo Size === */
body.page-id-987 .journal-logo img {
  max-width: 140px !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}
