/* === YUNO THE MIST - DARK ELEGANT THEME === */

:root {
  --yt-color-bg: #0a0a0a;
  --yt-color-bg-alt: #141414;
  --yt-color-bg-card: #1a1a1a;
  --yt-color-text: #e8e8e8;
  --yt-color-text-muted: #888888;
  --yt-color-accent: #c9a84c;
  --yt-color-accent-hover: #e0c060;
  --yt-color-border: #2a2a2a;
  --yt-font-display: "Cormorant Garamond", serif;
  --yt-font-body: "Montserrat", sans-serif;
  --yt-transition: all 0.3s ease;
}

body, body:not(.wp-admin) {
  background-color: var(--yt-color-bg) !important;
  color: var(--yt-color-text) !important;
  font-family: var(--yt-font-body) !important;
}

#Content, .content, .section-wrap, .mfn-section {
  background-color: var(--yt-color-bg) !important;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a {
  color: var(--yt-color-text) !important;
  font-family: var(--yt-font-display) !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
}

a { color: var(--yt-color-accent) !important; transition: var(--yt-transition) !important; }
a:hover { color: var(--yt-color-accent-hover) !important; }

#Top_bar, .top_bar, header {
  background-color: rgba(10, 10, 10, 0.95) !important;
  border-bottom: 1px solid var(--yt-color-border) !important;
  backdrop-filter: blur(10px) !important;
}
#Top_bar .menu > li > a, .top_bar_right a {
  color: var(--yt-color-text) !important;
  font-family: var(--yt-font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  transition: var(--yt-transition) !important;
}
#Top_bar .menu > li > a:hover,
#Top_bar .menu > li.current-menu-item > a {
  color: var(--yt-color-accent) !important;
}
#Top_bar .menu > li > a::after {
  content: "" !important;
  display: block !important;
  width: 0 !important;
  height: 2px !important;
  background: var(--yt-color-accent) !important;
  transition: width 0.3s ease !important;
  margin-top: 4px !important;
}
#Top_bar .menu > li > a:hover::after,
#Top_bar .menu > li.current-menu-item > a::after {
  width: 100% !important;
}

.logo, #logo img { filter: brightness(1.2) contrast(1.1) !important; }

.page-title, .mfn-title-section {
  background-color: var(--yt-color-bg-alt) !important;
  padding: 60px 0 !important;
  border-bottom: 1px solid var(--yt-color-border) !important;
}
.page-title h1, .mfn-title-section h1 {
  font-size: 42px !important;
  text-align: center !important;
  color: var(--yt-color-text) !important;
}

.section, .section-wrap-section {
  padding: 80px 0 !important;
  background-color: var(--yt-color-bg) !important;
}
.section:nth-child(even) { background-color: var(--yt-color-bg-alt) !important; }

.column_column, .mcb-column, .wpb_wrapper { background-color: transparent !important; }

.post-item, .blog-item, article.post {
  background-color: var(--yt-color-bg-card) !important;
  border: 1px solid var(--yt-color-border) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  transition: var(--yt-transition) !important;
}
.post-item:hover, .blog-item:hover, article.post:hover {
  border-color: var(--yt-color-accent) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 30px rgba(201, 168, 76, 0.15) !important;
}

.post-image img, .wp-post-image, .mcb-column img {
  filter: grayscale(30%) contrast(1.1) !important;
  transition: var(--yt-transition) !important;
}
.post-image img:hover, .wp-post-image:hover {
  filter: grayscale(0%) contrast(1.15) !important;
}

a.button, button, input[type=submit], .mfn-button {
  background-color: transparent !important;
  border: 2px solid var(--yt-color-accent) !important;
  color: var(--yt-color-accent) !important;
  padding: 14px 32px !important;
  font-family: var(--yt-font-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  transition: var(--yt-transition) !important;
}
a.button:hover, button:hover, input[type=submit]:hover, .mfn-button:hover {
  background-color: var(--yt-color-accent) !important;
  color: var(--yt-color-bg) !important;
}

footer, #Footer, .footer-area {
  background-color: var(--yt-color-bg-alt) !important;
  border-top: 1px solid var(--yt-color-border) !important;
  color: var(--yt-color-text-muted) !important;
}
footer a, #Footer a { color: var(--yt-color-text-muted) !important; }
footer a:hover, #Footer a:hover { color: var(--yt-color-accent) !important; }
.footer_copy { border-top: 1px solid var(--yt-color-border) !important; padding: 20px 0 !important; }

input[type=text], input[type=email], input[type=tel], textarea, select {
  background-color: var(--yt-color-bg-card) !important;
  border: 1px solid var(--yt-color-border) !important;
  color: var(--yt-color-text) !important;
  border-radius: 4px !important;
  padding: 12px 16px !important;
  transition: var(--yt-transition) !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--yt-color-accent) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(201, 168, 76, 0.2) !important;
}

.widget, .widget-area {
  background-color: var(--yt-color-bg-card) !important;
  border: 1px solid var(--yt-color-border) !important;
  border-radius: 8px !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
}
.widget-title {
  color: var(--yt-color-accent) !important;
  border-bottom: 1px solid var(--yt-color-border) !important;
  padding-bottom: 10px !important;
  margin-bottom: 15px !important;
}

.pagination a, .page-numbers {
  background-color: var(--yt-color-bg-card) !important;
  border: 1px solid var(--yt-color-border) !important;
  color: var(--yt-color-text) !important;
}
.pagination a:hover, .page-numbers.current {
  background-color: var(--yt-color-accent) !important;
  color: var(--yt-color-bg) !important;
  border-color: var(--yt-color-accent) !important;
}

::-webkit-scrollbar { width: 10px !important; }
::-webkit-scrollbar-track { background: var(--yt-color-bg) !important; }
::-webkit-scrollbar-thumb { background: var(--yt-color-border) !important; border-radius: 5px !important; }
::-webkit-scrollbar-thumb:hover { background: var(--yt-color-accent) !important; }

html { scroll-behavior: smooth !important; }

@media (max-width: 768px) {
  .section { padding: 40px 0 !important; }
  h1 { font-size: 28px !important; }
  h2 { font-size: 24px !important; }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.post-item, article.post, .column_column {
  animation: fadeIn 0.6s ease-out !important;
}

.mfn-separator, hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(to right, transparent, var(--yt-color-accent), transparent) !important;
  margin: 40px auto !important;
  width: 60% !important;
}