/*
Theme Name: Hueman Child
Template: hueman
Version: 1.0
*/

/* =====================
   GLOBAL
   ===================== */
body {
    background-color: #141414 !important;
    color: #d0d0d0 !important;
}

#wrapper, #page, .container-inner,
.main-inner, .main-inner.group,
.hu-pad, .group, .page-title,
.page-title.hu-pad, div.page-title,
#main, #main .pane-content,
.pane-content, #content,
.archive-layout, .archive-col,
.entry, .post, article,
.hu-page-builder-area, .section-inner {
    background-color: #1a1a1a !important;
    color: #d0d0d0 !important;
}

h1, h2, h3, h4,
.entry-title, .entry-title a,
.page-title h2, .page-title h4,
.page-title span {
    color: #ffffff !important;
}

/* =====================
   NAVIGATION
   ===================== */
#nav-wrap, #nav-wrap ul,
.nav-wrap, #access,
.menu-wrapper, .main-navigation,
#site-navigation {
    background-color: #0d0d0d !important;
    border-color: #222222 !important;
}

#nav-wrap a, .main-navigation a {
    color: #e0e0e0 !important;
}

/* =====================
   FOLLOW BAR & SIDEBAR TOP
   ===================== */
.sidebar-top, .sidebar-top.group,
.sidebar.s1 .sidebar-top,
.topbar, .topbar-inner,
#below-top-bar, .follow-bar,
#follow-bar, .hu-follow-bar,
#secondary-nav-wrap {
    background-color: #0d0d0d !important;
    color: #e0e0e0 !important;
}

.sidebar-top a {
    color: #e0e0e0 !important;
}

/* =====================
   FEATURED BAR
   ===================== */
.pane-header, .pane-header-wrap,
.section-header, #follow-us,
.hu-follow-wrap, .above-fold-wrap {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

.section-title, .pane-title,
.pane-header span, .pane-title span,
.section-title span {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* =====================
   SIDEBAR & WIDGETS
   ===================== */
#secondary, .widget, .widget-area {
    background-color: #141414 !important;
    color: #d0d0d0 !important;
}

/* =====================
   META & LINKS
   ===================== */
.entry-meta, .entry-meta a,
.cat-links, .cat-links a {
    color: #999999 !important;
}

/* =====================
   TAGS
   ===================== */
.post-tags a, .tags-links a,
a[rel="tag"] {
    background-color: #2a2a2a !important;
    color: #d0d0d0 !important;
    border: 1px solid #444444 !important;
    padding: 2px 8px !important;
    border-radius: 3px !important;
}

a[rel="tag"]:hover {
    background-color: #3a3a3a !important;
    color: #ffffff !important;
}

/* =====================
   COMMENTS
   ===================== */
#respond, #commentform,
.comment-form, #comments {
    background-color: #1a1a1a !important;
    color: #d0d0d0 !important;
}

#commentform input, #commentform textarea {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border: 1px solid #444444 !important;
}

/* =====================
   ARTIST PAGES
   ===================== */
header.reviler-artist-header {
    padding: 24px 16px 16px 16px !important;
}

.reviler-artist-name {
    font-size: 1.8em !important;
    font-weight: 700 !important;
    margin-top: 16px !important;
    margin-bottom: 8px !important;
    color: #ffffff !important;
}

.reviler-artist-bio {
    color: #d0d0d0 !important;
    margin-bottom: 12px !important;
}

.reviler-artist-links {
    list-style: none !important;
    padding: 8px 0 !important;
    margin: 8px 0 !important;
    display: flex !important;
    gap: 8px !important;
}

.reviler-artist-links li a {
    display: inline-block !important;
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border: 1px solid #444444 !important;
    padding: 4px 12px !important;
    border-radius: 3px !important;
    font-size: 0.85em !important;
    text-decoration: none !important;
}

.reviler-artist-links li a:hover {
    background-color: #3a3a3a !important;
    color: #ffffff !important;
}

h2.reviler-section-title {
    padding: 16px 16px 12px 16px !important;
}

div.reviler-artist-post-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 16px !important;
}

div.reviler-artist-post-grid article img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    display: block !important;
}

/* Sidebar toggle buttons */
.sidebar-toggle, button.sidebar-toggle,
.sidebar .sidebar-toggle {
    background-color: #1a1a1a !important;
    border-color: #333333 !important;
    color: #666666 !important;
}

/* Header background */
#header, #header .container-inner {
    background-color: #141414 !important;
    background: #141414 !important;
}

/* Header full background */
#header, #header .container-inner,
#header .container.group,
.central-header-zone,
.group.hu-pad.central-header-zone {
    background-color: #141414 !important;
    background: #141414 !important;
}

/* Full width wrapper */
#wrapper, #page,
div#wrapper, div#page {
    background-color: #141414 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Container */
.container, #container,
div.container {
    background-color: #1a1a1a !important;
}

/* Sidebar toggle button */
.sidebar-toggle, button.sidebar-toggle,
.sidebar s1 .sidebar-toggle,
.sidebar.s2 .sidebar-toggle {
    background-color: #141414 !important;
    border-color: #141414 !important;
    color: #141414 !important;
}

/* Nav wrap container */
div.nav-wrap.container,
.nav-wrap.container {
    background-color: #141414 !important;
}

/* Comment textarea and inputs */
#respond textarea, #respond input,
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border: 1px solid #444444 !important;
}

/* Post Comment button */
.comment-form input[type="submit"],
#respond input[type="submit"] {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border: 1px solid #444444 !important;
}

/* Search results box */
.search-form, .search-box,
#searchform, .search-results-header,
.search-summary {
    background-color: #1a1a1a !important;
    color: #d0d0d0 !important;
    border-color: #333333 !important;
}

.search-form input[type="search"],
.search-form input[type="text"],
#searchform input[type="search"],
#searchform input[type="text"] {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border: 1px solid #444444 !important;
}

.search-form input[type="submit"],
#searchform input[type="submit"] {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border: 1px solid #444444 !important;
}

/* Search summary text area */
.search-summary, .search-header,
p.search-summary {
    background-color: #1a1a1a !important;
    color: #d0d0d0 !important;
}

/* Search notebox */
.notebox {
    background-color: #1a1a1a !important;
    color: #d0d0d0 !important;
    border-color: #333333 !important;
}

/* Venue Guide */
.venue-guide-title {
    padding: 16px 0 8px 0 !important;
}

.venue-guide-intro {
    color: #999999 !important;
    margin-bottom: 24px !important;
}

.venue-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    padding-bottom: 40px !important;
}

.venue-card {
    display: block !important;
    text-decoration: none !important;
    background-color: #222222 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

.venue-card:hover {
    background-color: #2a2a2a !important;
}

.venue-card-image {
    width: 100% !important;
    height: 200px !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: #333333 !important;
}

.venue-card-no-image {
    background-color: #2a2a2a !important;
}

.venue-card-name {
    padding: 12px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 1em !important;
}

/* Venue guide grid - 2 columns to fit sidebar layout */
.venue-grid {
    grid-template-columns: repeat(2, 1fr) !important;
}

/* Venue guide full width */
.page-template-page-venue-guide .main-inner {
    padding-right: 0 !important;
}

.page-template-page-venue-guide #content {
    width: 100% !important;
    max-width: 100% !important;
}

.venue-grid {
    grid-template-columns: repeat(3, 1fr) !important;
}

/* Venue page photo grid */
.venue-photos-title {
    margin: 32px 0 16px 0 !important;
    padding-top: 24px !important;
    border-top: 1px solid #333333 !important;
}

.venue-photo-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 40px !important;
}

.venue-photo-card {
    display: block !important;
    text-decoration: none !important;
    background-color: #222222 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

.venue-photo-card:hover {
    background-color: #2a2a2a !important;
}

.venue-photo-image {
    width: 100% !important;
    height: 160px !important;
    background-size: cover !important;
    background-position: center !important;
}

.venue-photo-title {
    padding: 8px 10px 4px 10px !important;
    color: #ffffff !important;
    font-size: 0.85em !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.venue-photo-date {
    padding: 0 10px 8px 10px !important;
    color: #888888 !important;
    font-size: 0.75em !important;
}