/* =============================================
   TYPOGRAPHY
   ============================================= */
.kadence-button,
.post-meta,
.entry-meta,
figcaption,
.site-footer,
input,
textarea,
select {
  font-family: 'EB Garamond', serif !important;
}


.main-navigation a,
.kadence-navigation a,
.nav-menu a {
  font-family: 'Jost', serif !important;
  font-size: 1rem !important;
  letter-spacing: 0.05em !important;
}


/* =============================================
   LINKS
   ============================================= */
a {
  text-decoration: none;
  transition: color 0.2s ease;
}

/* =============================================
   HIDE HOME PAGE TITLE
   ============================================= */
.home .entry-title,
.home .page-title,
.home h1.entry-title {
  display: none !important;
}


/* =============================================
   CONTENT BLOCK
   ============================================= */
.content-block,
.entry-content {
  border-radius: 4px;
  padding: 2rem;
}

.entry-content p {
  font-family: 'EB Garamond', serif;
  font-size: 1.1rem;
  line-height: 1.85;
}

.entry-content a[target="_blank"] {
  text-decoration: none;
}
/* =============================================
   BLOCKQUOTES
   ============================================= */
blockquote {
  border-left: 4px solid currentColor;
  padding: 1.5rem 2rem;
  margin: 2rem 0;
  font-family: 'EB Garamond', serif;
  font-size: 1.4rem;
  font-weight: 600;
  font-style: italic;
}

/* =============================================
   SURFACE / CARDS
   ============================================= */
.wp-block-kadence-posts li.kb-post-list-item {
  background-color: #0B0B19;
}

/* =============================================
   FEATURED IMAGE
   ============================================= */
.post-thumbnail {
  position: relative;
  overflow: hidden;
}

.post-thumbnail img {
  transition: transform 0.4s ease;
}

.post-thumbnail:hover img {
  transform: scale(1.03);
}

/* =============================================
   CAPTIONS & META
   ============================================= */
figcaption,
.wp-caption-text,
.post-meta,
.entry-meta {
  font-family: 'EB Garamond', serif;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: none;
}
/* Combine category and meta into a single line on single posts */
.single-post .entry-header .entry-taxonomies, 
.single-post .entry-header .entry-meta {
    display: inline-block;
    margin-right: 10px;
}
/* =============================================
   SOUNDCLOUD EMBED
   ============================================= */
.soundcloud-embed,
.wp-block-embed-soundcloud {
  border-radius: 4px;
  overflow: hidden;
  margin: 2rem 0;
}

/* =============================================
   BUTTONS
   ============================================= */
.btn-primary,
.wp-block-button__link {
  font-family: 'EB Garamond', serif;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.75rem 2rem;
  border-radius: 2px;
  border: none;
  transition: background-color 0.2s ease;
}


/* =============================================
   EXCERPTS
   ============================================= */
.entry-summary,
.post-excerpt,
.entry-content {
  opacity: 1 !important;
  animation: none !important;
  transition: none !important;
}

/* =============================================
   BREADCRUMBS
   ============================================= */
.kadence-breadcrumbs,
.breadcrumb-trail {
  font-family: 'EB Garamond', serif;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* =============================================
   SITE FOOTER
   ============================================= */

/* Social Icons */
.site-footer .social-links,
.site-footer .social-icons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  gap: 1.5rem !important;
  padding-bottom: 0.5rem !important;
  margin-bottom: -1rem !important;
}

.site-footer .social-links a,
.site-footer .social-icons a {
  margin: 0 !important;
}

/* Navigation Links */
.site-footer .footer-navigation {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.5rem 1rem !important;
  padding-bottom: 0.5rem !important;
  border: none !important;
  margin-bottom: -1rem !important;
}

.site-footer .footer-navigation a {
  margin: 0 !important;
  white-space: nowrap !important;
  border: none !important;
}

/* Copyright */
.site-footer .copyright,
.site-footer .site-info {
  text-align: center !important;
  width: 100% !important;
	font-size: 12px !important;
}

/* --- CocoIsMusic: Sets Archive Grid --- */

.sound-archive-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  gap: 30px !important;
  width: 100% !important;
}

.sound-archive-entry {
  width: 100% !important;
  padding: 2rem 0 !important;
  box-sizing: border-box !important;
}

/* Description Typography */
.sound-archive-description {
  font-family: 'EB Garamond', serif;
  font-size: 1.1rem;
  line-height: 1.8;
  color: #a8a4c0;
  margin-top: 1rem;
}

/* Also Featured In Typography */
.sound-archive-featured {
  font-family: 'EB Garamond', serif;
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  color: #a8a4c0;
  margin-top: 0.5rem;
}

.sound-archive-featured a {
  color: #00E5E5 !important;
  text-decoration: none;
}


/* =============================================
   NAVIGATION
   ============================================= */
.site-header-inner-wrapped-sm-md,
.site-header-inner-wrapped-lg {
  background-color: rgba(11, 11, 25, 0.4) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(201, 195, 184, 0.12) !important; 
}
.site-branding a {
  font-family: 'Jost', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #C9C3B8 !important; 
  letter-spacing: 0.05em !important;
}
.search-toggle,
.search-toggle svg {
  color: #C9C3B8 !important;
  fill: #C9C3B8 !important;
  transition: all 0.25s ease !important;
}
.search-toggle:hover svg {
  color: #00D4FF !important;
  fill: #00D4FF !important;
}
.menu-toggle-open .hamburger-inner,
.menu-toggle-open .hamburger-inner::before,
.menu-toggle-open .hamburger-inner::after {
  background-color: #9B5CF6 !important;
}
#mobile-drawer {
  background-color: rgba(11, 11, 25, 0.8) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-left: 1px solid rgba(201, 195, 184, 0.1) !important;
  border-radius: 0px !important;
}
#mobile-drawer .mobile-menu-item a {
  font-family: 'Jost', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  color: rgba(201, 195, 184, 0.75) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  transition: color 0.25s ease !important;
}
#mobile-drawer .mobile-menu-item a:hover,
#mobile-drawer .mobile-menu-item.current-menu-item > a {
  color: #00D4FF !important;
}

/* FORCE LOGO WORDMARK TO #C9C3B8 */
#masthead .site-branding a,
.site-branding a,
#masthead .site-title,
.site-title a {
  color: #C9C3B8 !important;
}

/* FORCE SLEEK TRANSITION OVERRIDES ON BUTTONS */
#masthead .site-branding a:hover,
.site-branding a:hover {
  color: #00D4FF !important; /* Soft cyan flicker on hover */
}

/* FORCE RESTING DRAWER LINK LABELS TO #C9C3B8 */
#mobile-drawer .drawer-nav-inner ul.menu li a,
#mobile-drawer .mobile-menu-item a,
#mobile-drawer ul li a,
.mobile-navigation ul li a,
#mobile-drawer .drawer-nav-inner ul li a {
  color: rgba(201, 195, 184, 0.75) !important;
}

/* CONTAINER MASTER OVERRIDES */
div[id*="masthead"] .site-header-inner-wrapped-sm-md,
div[id*="masthead"] .site-header-inner-wrapped-lg,
.site-header-inner-wrapped-sm-md {
  background-color: rgba(11, 11, 25, 0.4) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(201, 195, 184, 0.12) !important; 
}

/* LEFT SPECTRUM OVERRIDES: FORCING LOGO WORDMARK */
div[id*="masthead"] a[href*="cocoismusic.com"],
.site-branding a,
a[class*="site-title"] {
  font-family: 'Jost', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #C9C3B8 !important; 
  letter-spacing: 0.05em !important;
}

/* RIGHT SPECTRUM OVERRIDES: FORCING SEARCH MAGNIFIER GLASS */
div[id*="masthead"] button[class*="search-toggle"],
div[id*="masthead"] button[class*="search-toggle"] svg,
.search-toggle svg {
  color: #C9C3B8 !important;
  fill: #C9C3B8 !important;
}

div[id*="masthead"] button[class*="search-toggle"]:hover svg {
  color: #00D4FF !important;
  fill: #00D4FF !important;
}

/* MOBILE TOGGLE OVERRIDES */
button[class*="menu-toggle"] .hamburger-inner,
button[class*="menu-toggle"] .hamburger-inner::before,
button[class*="menu-toggle"] .hamburger-inner::after {
  background-color: #9B5CF6 !important;
}

/* MOBILE OFF-CANVAS OVERRIDES */
div[id*="mobile-drawer"],
.mobile-navigation {
  background-color: rgba(11, 11, 25, 0.8) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-left: 1px solid rgba(201, 195, 184, 0.1) !important;
  border-radius: 0px !important;
}

/* DRAWER LINK LABEL RESTING STATE */
div[id*="mobile-drawer"] ul li a,
div[id*="mobile-drawer"] a,
.mobile-navigation a {
  font-family: 'Jost', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  color: rgba(201, 195, 184, 0.75) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  transition: color 0.25s ease !important;
}

/* DRAWER LINK LABEL ACTIVE AND HOVER STATES (ELIMINATING PURPLE) */
div[id*="mobile-drawer"] ul li a:hover,
div[id*="mobile-drawer"] a:hover,
div[id*="mobile-drawer"] ul li[class*="current-menu-item"] > a,
div[id*="mobile-drawer"] div[class*="current-menu-item"] > a,
.mobile-navigation ul li[class*="current-menu-item"] > a {
  color: #00D4FF !important;
}

/* 1. APPLY GLASS DESIGN TO THE MOBILE LAYOUT WRAPPER */
#site-header .site-header-inner-wrapped-sm-md,
#site-header .site-header-inner-wrapped-lg {
  background-color: rgba(11, 11, 25, 0.4) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(201, 195, 184, 0.12) !important; 
}

/* 2. FORCE SPECIFIC MOBILE TEXT PROPERTIES (Jost, 15px, Regular) */
#site-header .kadence-navigation a {
  font-family: 'Jost', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
}

.site-header-inner-wrapped-sm-md,
.site-header-inner-wrapped-lg,
header .site-header-inner-wrapped-sm-md {
  border-bottom: 1px solid rgba(201, 195, 184, 0.12) !important; 
}