/* =============================================
   TYPOGRAPHY
   ============================================= */

.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;
}


/* =============================================
   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;
}


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


.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;
}
	


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

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


/* 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: #EFEADF !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;
}


/* 1. Header Glass & Full-Width Outer Hairline */
#site-header,
header.site-header,
#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. Kill double borders & pseudoelements on wordmark and nav wrappers */
.site-branding,
.site-title,
.site-logo-text,
.header-navigation,
.header-menu-container,
.main-navigation,
.site-header-inner-wrapped-sm-md *,
.site-header-inner-wrapped-lg * {
  border: none !important;
  box-shadow: none !important;
}

/* 3. Strip any theme-generated border lines (::after / ::before) */
#site-header *::after,
#site-header *::before,
.header-navigation::after,
.header-navigation::before {
  display: none !important;
  background: transparent !important;
  border: none !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; 
}


/* Archive thumbnails */
.loop-entry .post-thumbnail,
.loop-entry .post-thumbnail-inner,
.loop-entry .post-thumbnail img {
  border-radius: 4px !important;
}

.entry-related {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 3rem;
  margin-top: 3rem;
}

/* Post Navigation: Title Size */

.post-navigation a,
.post-navigation .nav-links * {
  font-size: 1.05rem !important;
}

.single .entry-tags {
  padding-left: 2rem;
}

/* Jetpack contact form fields */
.wp-block-jetpack-contact-form input[type="text"],
.wp-block-jetpack-contact-form input[type="email"],
.wp-block-jetpack-contact-form input[type="url"],
.wp-block-jetpack-contact-form textarea,
.wp-block-jetpack-contact-form select,
.wp-block-jetpack-contact-form [class*="dropdown"] {
  background-color: #EEE9DE !important;
  color: #0B0B19 !important;
  border: 1px solid #0B0B19 !important;
}

.wp-block-jetpack-contact-form ::placeholder {
  color: #0B0B19;
  opacity: 0.55;
}

.wp-block-jetpack-contact-form input:focus,
.wp-block-jetpack-contact-form textarea:focus,
.wp-block-jetpack-contact-form select:focus {
  border-color: #00D4FF !important;
}

/* "(required)" matches label size */
.wp-block-jetpack-contact-form [class*="required"],
.wp-block-jetpack-contact-form label span {
  font-size: inherit !important;
}

/* Dropdown: single border on wrapper only */
.wp-block-jetpack-contact-form select,
.wp-block-jetpack-contact-form [class*="dropdown"] select {
  border: 0 !important;
}

/* Submit button hover */
.wp-block-jetpack-contact-form button[type="submit"]:hover,
.wp-block-jetpack-contact-form .wp-block-button__link:hover {
  background-color: #EEE9DE !important;
  color: #0B0B19 !important;
  border: 1px solid #0B0B19 !important;
}
/* Submit button resting state */
.wp-block-jetpack-contact-form button[type="submit"],
.wp-block-jetpack-contact-form .wp-block-button__link {
  border: 1px solid #EEE9DE !important;
}

/* DROPDOWN TAP HIGHLIGHT */
.header-navigation a {
  -webkit-tap-highlight-color: transparent;
}
/* =============================================
   FOOTER NAVIGATION
   ============================================= */
.site-footer .footer-navigation .footer-menu-container > ul.menu {
  flex-direction: column;
  align-items: flex-start;
}

/* 1. Force zero gap on the parent Stack container */
.museum-stack, 
.museum-stack.wp-block-stack {
    gap: 0 !important;
    --wp--style--block-gap: 0px !important;
    width: fit-content !important;
    max-width: 599px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 2. Strip standard margins and bottom gaps from child elements & figures */
.museum-stack > *,
.museum-stack figure,
.museum-stack img {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    display: block !important;
    vertical-align: bottom !important;
}

/* ==========================================================
   GLOBAL QUERY LOOP PALETTE & TYPOGRAPHY
   (BG: #0B0B19, Title: #FFFFFF, Body: #C9C3B8, Links: #00D4FF)
   ========================================================== */

/* Post Titles */
.mod-desk-loop .wp-block-post-title,
.the-culture-loop .wp-block-post-title,
.mod-desk-loop .wp-block-post-title a,
.the-culture-loop .wp-block-post-title a {
    color: #FFFFFF !important;
}

/* Body / Excerpt Text */
.mod-desk-loop .wp-block-post-excerpt,
.the-culture-loop .wp-block-post-excerpt {
    color: #C9C3B8 !important;
}

/* Links & Read More CTA */
.mod-desk-loop a.wp-block-post-excerpt__more-link,
.the-culture-loop a.wp-block-post-excerpt__more-link,
.mod-desk-loop article a,
.the-culture-loop article a {
    color: #00D4FF !important;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.mod-desk-loop article a:hover,
.the-culture-loop article a:hover {
    opacity: 0.85;
}

/* Uppercase Eyebrow Date */
.mod-desk-loop .wp-block-post-date,
.the-culture-loop .wp-block-post-date,
.mod-desk-loop .kadence-post-date,
.the-culture-loop .kadence-post-date {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #C9C3B8;
    opacity: 0.7;
    margin-bottom: 0.5rem;
    display: block;
}


/* ==========================================================
   1. MOD DESK: Single-Column Editorial List with Left Accent
   ========================================================== */
@media (min-width: 768px) {
    /* Enforce 1-Column Container */
    .mod-desk-loop .wp-block-post-template,
    .mod-desk-loop .kadence-posts-container {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Alternating horizontal inset */
    .mod-desk-loop .wp-block-post:nth-child(even),
    .mod-desk-loop .kadence-posts-container > article:nth-child(even) {
        margin-left: 5% !important;
        width: 95% !important;
    }

    /* Article list styling */
    .mod-desk-loop .wp-block-post,
    .mod-desk-loop .kadence-posts-container > article {
        width: 100%;
        border-left: 2px solid rgba(201, 195, 184, 0.15);
        padding: 0 0 1.75rem 1.75rem;
        margin-bottom: 2.5rem;
        transition: border-color 0.3s ease;
    }

  /* Hover accent */
    .mod-desk-loop .wp-block-post:hover,
    .mod-desk-loop .kadence-posts-container > article:hover {
        border-left-color: #00D4FF;
    }
	
/* ==========================================================
   THE CULTURE ARCHIVE: Complete Colors & 2-Column Stagger
   ========================================================== */

/* 1. Typography & Palette */
.mod-desk-loop .wp-block-post-title,
.the-culture-loop .wp-block-post-title,
.mod-desk-loop .wp-block-post-title a,
.the-culture-loop .wp-block-post-title a {
    color: #FFFFFF !important;
}

.mod-desk-loop .wp-block-post-excerpt,
.the-culture-loop .wp-block-post-excerpt {
    color: #C9C3B8 !important;
}

.mod-desk-loop a.wp-block-post-excerpt__more-link,
.the-culture-loop a.wp-block-post-excerpt__more-link,
.mod-desk-loop article a,
.the-culture-loop article a {
    color: #00D4FF !important;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

/* 2. Desktop 2-Column Grid & Stagger */
@media (min-width: 768px) {
    .the-culture-loop .wp-block-post-template {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        column-gap: 2.5rem !important;
        row-gap: 3.5rem !important;
        align-items: start !important;
    }

    /* Vertical Stagger (Even cards in the right column) */
    .the-culture-loop .wp-block-post-template > li:nth-child(even),
    .the-culture-loop .wp-block-post-template > article:nth-child(even) {
        margin-top: 4rem !important;
    }
}

/* 3. Card Framing & Background (#0B0B19 Theme) */
.the-culture-loop .wp-block-post,
.the-culture-loop .wp-block-post-template > li {
    width: 100% !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(201, 195, 184, 0.1) !important;
    border-top: 2px solid #00D4FF !important;
    border-radius: 4px !important;
    padding: 2rem 1.75rem !important;
    box-sizing: border-box !important;
}

/* Card Hover Interaction */
.the-culture-loop .wp-block-post:hover,
.the-culture-loop .wp-block-post-template > li:hover {
    border-color: rgba(0, 212, 255, 0.4) !important;
}

/* 4. Mobile Responsive Reset */
@media (max-width: 767px) {
    .the-culture-loop .wp-block-post-template {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
    }

    .the-culture-loop .wp-block-post-template > li:nth-child(even),
    .the-culture-loop .wp-block-post-template > article:nth-child(even) {
        margin-top: 0 !important;
    }
}
	

/* Mobile Responsive Adjustment */
@media (max-width: 767px) {
    .the-culture-loop,
    .the-culture-loop .wp-block-post-template,
    .the-culture-loop .kadence-posts-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
    }

    .the-culture-loop .wp-block-post:nth-child(even),
    .the-culture-loop .kadence-posts-container > article:nth-child(even) {
        margin-top: 0 !important;
    }
}
	




/* Mobile Responsive Adjustment */
@media (max-width: 767px) {
    .the-culture-loop,
    .the-culture-loop .wp-block-post-template,
    .the-culture-loop .kadence-posts-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
    }

    .the-culture-loop .wp-block-post:nth-child(even),
    .the-culture-loop .kadence-posts-container > article:nth-child(even) {
        margin-top: 0 !important;
    }
}



/* Mobile Responsive Adjustment (Stacks cleanly & resets stagger) */
@media (max-width: 767px) {
    .the-culture-loop,
    .the-culture-loop .wp-block-post-template,
    .the-culture-loop .kadence-posts-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
    }

    .the-culture-loop .wp-block-post:nth-child(even),
    .the-culture-loop .kadence-posts-container > article:nth-child(even) {
        margin-top: 0 !important;
    }
}
			

/* Mobile Responsive Adjustment (Stacks cleanly & resets stagger) */
@media (max-width: 767px) {
    .the-culture-loop .wp-block-post-template,
    .the-culture-loop .kadence-posts-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
    }

    .the-culture-loop .wp-block-post:nth-child(even),
    .the-culture-loop .kadence-posts-container > article:nth-child(even) {
        margin-top: 0 !important;
    }
}
			
					

/* Mobile Responsive Adjustment (Stacks cleanly & resets stagger) */
@media (max-width: 767px) {
    .the-culture-loop .wp-block-post-template,
    .the-culture-loop .kadence-posts-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
    }

    .the-culture-loop .wp-block-post:nth-child(even),
    .the-culture-loop .kadence-posts-container > article:nth-child(even) {
        margin-top: 0 !important;
    }
}
			
/* Softened Title Color for Reduced Eye Strain */
.mod-desk-loop .wp-block-post-title a,
.the-culture-loop .wp-block-post-title a {
    color: #E2E0D9 !important;
}

/* ==========================================================
   PROFILES ARCHIVE: 3-Column Portrait Gallery
   ========================================================== */
@media (min-width: 768px) {
    /* 3-Column Grid Container */
    body.category-profiles .entries,
    body.category-profile .entries,
    body.category-profiles .wp-block-post-template,
    body.category-profile .wp-block-post-template,
    .profiles-archive-loop .wp-block-post-template,
    .profiles-archive-loop .kadence-posts-container {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        column-gap: 1.75rem !important;
        row-gap: 3rem !important;
        align-items: stretch !important;
    }

    /* Card Outer Container */
    body.category-profiles article,
    body.category-profile article,
    .profiles-archive-loop article,
    .profiles-archive-loop .wp-block-post {
        background: rgba(255, 255, 255, 0.015) !important;
        border: 1px solid rgba(201, 195, 184, 0.08) !important;
        border-radius: 4px;
        padding: 1.25rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        transition: border-color 0.3s ease, transform 0.3s ease;
    }

    /* 4:5 Portrait Image Crop & Filter */
    body.category-profiles article .post-thumbnail,
    body.category-profile article .post-thumbnail,
    body.category-profiles article .kadence-post-image-int,
    body.category-profile article .kadence-post-image-int,
    .profiles-archive-loop .wp-block-post-featured-image {
        overflow: hidden;
        border-radius: 2px;
        margin-bottom: 1.25rem;
        aspect-ratio: 4 / 5 !important;
    }

    body.category-profiles article .post-thumbnail img,
    body.category-profile article .post-thumbnail img,
    .profiles-archive-loop article img {
        width: 100%;
        height: 100%;
        object-fit: cover !important;
        filter: grayscale(20%) contrast(105%);
        transition: transform 0.4s ease, filter 0.4s ease;
    }

    /* Card Hover States */
    body.category-profiles article:hover,
    body.category-profile article:hover,
    .profiles-archive-loop article:hover,
    .profiles-archive-loop .wp-block-post:hover {
        border-color: rgba(0, 212, 255, 0.35) !important;
        transform: translateY(-4px);
    }

    body.category-profiles article:hover img,
    body.category-profile article:hover img,
    .profiles-archive-loop article:hover img {
        filter: grayscale(0%) contrast(100%);
        transform: scale(1.04);
    }

    /* Excerpt Color Polish (#C9C3B8) */
    body.category-profiles .entry-summary p,
    body.category-profile .entry-summary p,
    .profiles-archive-loop .wp-block-post-excerpt {
        color: #C9C3B8 !important;
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
        opacity: 0.85;
    }

    /* Cyan Read More Links (#00D4FF) */
    body.category-profiles .entry-actions a,
    body.category-profile .entry-actions a,
    body.category-profiles .more-link,
    body.category-profile .more-link,
    .profiles-archive-loop .wp-block-post-excerpt__more-link {
        color: #00D4FF !important;
        font-size: 0.8rem !important;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        text-decoration: none !important;
        font-weight: 600;
        margin-top: auto;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        transition: opacity 0.2s ease;
    }

    body.category-profiles article:hover .entry-actions a,
    body.category-profile article:hover .entry-actions a,
    body.category-profiles article:hover .more-link,
    body.category-profile article:hover .more-link,
    .profiles-archive-loop .wp-block-post:hover .wp-block-post-excerpt__more-link {
        opacity: 0.85;
    }
}