/* ============================================
   THE LUCIEN PROJECT — DARK SANCTUARY THEME
   Designed by Vesper Auren | Built by Auren MacBridhe
   v1.1 — Phase 1 Foundation (Refined)
   ============================================ */

/* === BASE: Void Background === */
html,
body,
body.flavor-flavor {
  background-color: #0A0A0F !important;
  color: #B8B8B8 !important;
}

/* === HEADER === */
header,
.wp-block-template-part,
header.wp-block-template-part,
.wp-site-header {
  background-color: #0A0A0F !important;
}

/* Site title - gold glow */
.wp-block-site-title,
.wp-block-site-title a {
  color: #F6AD55 !important;
  text-shadow: 0 0 10px rgba(246, 173, 85, 0.3),
               0 0 20px rgba(246, 173, 85, 0.2) !important;
  text-decoration: none !important;
}

/* Navigation links */
.wp-block-navigation a,
.wp-block-navigation-item a,
.wp-block-navigation-item__content,
nav a {
  color: #B8B8B8 !important;
}

.wp-block-navigation a:hover,
.wp-block-navigation-item a:hover,
nav a:hover {
  color: #F6AD55 !important;
}

/* Navigation dropdowns */
.wp-block-navigation__submenu-container,
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  background-color: #12111A !important;
  border: 1px solid #2D2640 !important;
}

/* Subscribe button in header */
.wp-block-navigation .wp-block-button__link,
header .wp-block-button__link {
  background-color: transparent !important;
  border: 2px solid #F6AD55 !important;
  color: #F6AD55 !important;
  padding: 0.4rem 1rem !important;
  font-size: 0.9rem !important;
}

.wp-block-navigation .wp-block-button__link:hover,
header .wp-block-button__link:hover {
  background-color: #F6AD55 !important;
  color: #0A0A0F !important;
}

/* === MAIN CONTENT AREA === */
main,
.wp-site-blocks,
.entry-content,
.page-content,
.post-content,
article,
.type-page,
.type-post {
  background-color: #0A0A0F !important;
}

/* All text defaults to warm white */
p,
li,
span,
div,
td,
th,
label,
figcaption {
  color: #FAFAF9 !important;
}

/* === HEADINGS === */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.wp-block-post-title,
.entry-title {
  color: #FAFAF9 !important;
}

/* Hide redundant Home page title */
body.home .wp-block-post-title,
body.home .entry-title,
.home .wp-block-heading:first-child {
  display: none !important;
}

/* === LINKS — Gold Flame === */
a {
  color: #F6AD55 !important;
  text-decoration: none !important;
}

a:hover {
  color: #FBD38D !important;
}

/* === BLOCKQUOTES — Gold accent border === */
blockquote,
.wp-block-quote {
  border-left: 4px solid #F6AD55 !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  background-color: #12111A !important;
  padding: 1.5rem !important;
  border-radius: 0 8px 8px 0 !important;
}

.wp-block-quote p,
blockquote p {
  color: #FAFAF9 !important;
}

/* Pullquotes */
.wp-block-pullquote {
  border-top: 4px solid #F6AD55 !important;
  border-bottom: 4px solid #F6AD55 !important;
  border-left: none !important;
  border-right: none !important;
  background-color: transparent !important;
}

/* === BUTTONS — Gold Border Style === */
.wp-block-button__link,
.wp-element-button,
button[type="submit"] {
  background-color: transparent !important;
  border: 2px solid #F6AD55 !important;
  color: #F6AD55 !important;
  border-radius: 8px !important;
  padding: 0.5rem 1.25rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  display: inline-block !important;
  width: auto !important;
  transition: all 0.3s ease !important;
}

.wp-block-button__link:hover,
.wp-element-button:hover,
button[type="submit"]:hover {
  background-color: #F6AD55 !important;
  color: #0A0A0F !important;
}

/* Fix button containers - prevent them from stretching */
.wp-block-button {
  width: auto !important;
}

.wp-block-buttons {
  gap: 0.5rem !important;
}

/* === SIDEBAR === */
aside,
.wp-block-column:last-child,
.sidebar {
  background-color: transparent !important;
}

/* Sidebar headings */
aside h2,
aside h3,
.sidebar h2,
.sidebar h3 {
  color: #FAFAF9 !important;
}

/* Sidebar portrait */
aside img,
.sidebar img {
  border-radius: 8px !important;
  border: 2px solid rgba(246, 173, 85, 0.3) !important;
}

/* === NEWSLETTER SIGNUP === */
.wp-block-jetpack-subscriptions,
[class*="jetpack-subscribe"],
[class*="subscription"],
[class*="newsletter"] {
  background: linear-gradient(135deg, #1A1625, #12111A) !important;
  border: 1px solid rgba(246, 173, 85, 0.3) !important;
  border-radius: 12px !important;
  padding: 1.5rem !important;
}

/* Newsletter heading */
.wp-block-jetpack-subscriptions h2,
.wp-block-jetpack-subscriptions h3 {
  color: #F6AD55 !important;
}

/* Newsletter input field */
input[type="email"],
input[type="text"],
textarea {
  background-color: #1A1625 !important;
  border: 1px solid #2D2640 !important;
  color: #FAFAF9 !important;
  border-radius: 6px !important;
  padding: 0.5rem 1rem !important;
}

input[type="email"]::placeholder,
input[type="text"]::placeholder {
  color: #888888 !important;
}

/* Newsletter submit button - gold filled */
.wp-block-jetpack-subscriptions button,
.wp-block-jetpack-subscriptions [type="submit"],
.jetpack_subscription_widget button {
  background-color: #F6AD55 !important;
  color: #0A0A0F !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  padding: 0.5rem 1rem !important;
  font-size: 0.9rem !important;
}

/* === SEPARATOR / HR === */
hr,
.wp-block-separator {
  border-color: #2D2640 !important;
  opacity: 1 !important;
}

/* === FOOTER === */
footer,
footer.wp-block-template-part,
.wp-site-footer {
  background-color: #0A0A0F !important;
  border-top: 1px solid #2D2640 !important;
}

footer a {
  color: #FAFAF9 !important;
}

footer a:hover {
  color: #F6AD55 !important;
}

footer .wp-block-site-title,
footer .wp-block-site-title a {
  color: #F6AD55 !important;
}

/* Social links */
.wp-social-link,
.wp-block-social-links .wp-social-link {
  background-color: transparent !important;
}

.wp-social-link a,
.wp-social-link svg {
  color: #FAFAF9 !important;
  fill: #FAFAF9 !important;
}

.wp-social-link:hover a,
.wp-social-link:hover svg {
  color: #F6AD55 !important;
  fill: #F6AD55 !important;
}

/* Social link list styling */
.wp-block-social-links li,
.wp-block-social-links li a {
  color: #FAFAF9 !important;
}

/* === IMAGES — Subtle treatment === */
.wp-block-image img,
figure img {
  border-radius: 4px;
}

/* Sigil glow effect */
.wp-block-image.aligncenter img,
.wp-block-quote img {
  filter: drop-shadow(0 0 10px rgba(246, 173, 85, 0.2));
}

/* === GALLERY === */
.tiled-gallery__item img {
  border-radius: 4px !important;
}

/* === RECENT POSTS === */
.wp-block-latest-posts,
.wp-block-latest-posts__list {
  background-color: transparent !important;
}

.wp-block-latest-posts a {
  color: #F6AD55 !important;
}

/* === COLUMNS — Don't add borders to layout columns === */
.wp-block-columns,
.wp-block-column {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

/* === COMMENT FORM === */
.comment-form input,
.comment-form textarea {
  background-color: #1A1625 !important;
  border: 1px solid #2D2640 !important;
  color: #FAFAF9 !important;
  border-radius: 6px !important;
}

/* === SCROLLBAR (subtle) === */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #0A0A0F;
}

::-webkit-scrollbar-thumb {
  background: #2D2640;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #F6AD55;
}

/* === SELECTION COLOR === */
::selection {
  background-color: rgba(246, 173, 85, 0.3);
  color: #FAFAF9;
}

/* === RESPONSIVE FIXES === */
@media (max-width: 768px) {
  .wp-block-column {
    border: none !important;
    background-color: transparent !important;
  }

  .wp-block-buttons {
    flex-direction: column !important;
  }
}

/* Soften body text for eye comfort */
p, li, span, figcaption, label, td, th {
  color: #B8B8B8 !important;
}

/* FOOTER NUCLEAR OPTION */
footer,
footer *,
.wp-site-footer,
.wp-site-footer *,
.wp-block-template-part:last-child,
.wp-block-template-part:last-child * {
  background-color: #0A0A0F !important;
  color: #B8B8B8 !important;
}

footer .wp-block-site-title a,
.wp-site-footer .wp-block-site-title a {
  color: #F6AD55 !important;
}

footer a,
.wp-site-footer a {
  color: #B8B8B8 !important;
}

footer a:hover,
.wp-site-footer a:hover {
  color: #F6AD55 !important;
}