/* ── Buttons & fonts ── */
.petetube-add-btn .wp-block-button__link {
    background-color: #2c2c2c;
    color: #ffffff;
    font-family: "Source Sans Pro", sans-serif;
    border-radius: 4px;
    padding: 0.65rem 1.5rem;
}
.petetube-add-btn .wp-block-button__link:hover {
    background-color: #444;
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.button,
.ast-button,
.wp-block-button__link,
.wp-block-button__link:visited,
.dls-sus-form input[type="submit"],
.smashballoon-youtube-feed button,
a.button {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 1rem !important;
}

/* ── Body & background ── */
body {
    background-image: none !important;
    background-color: #000 !important;
}

body,
body .ast-separate-container .ast-article-single:not(.ast-related-post),
body .ast-separate-container .ast-article-single:not(.ast-related-post) p,
body .ast-separate-container .ast-article-single:not(.ast-related-post) td,
body .ast-separate-container .ast-article-single:not(.ast-related-post) th,
body .ast-separate-container .ast-article-single:not(.ast-related-post) li,
body .ast-separate-container .ast-article-single:not(.ast-related-post) span,
body .ast-separate-container .ast-article-single:not(.ast-related-post) div {
    color: #fff !important;
}

/* ── Main content containers ── */
.ast-separate-container .ast-article-single:not(.ast-related-post),
.ast-separate-container .error-404,
.ast-separate-container .no-results,
.single.ast-separate-container.ast-author-meta,
.ast-separate-container .related-posts-title-wrapper,
.ast-separate-container .comments-count-wrapper,
.ast-box-layout.ast-plain-container .site-content,
.ast-padded-layout.ast-plain-container .site-content,
.ast-separate-container .ast-archive-description,
.ast-separate-container .comments-area .comment-respond,
.ast-separate-container .comments-area .ast-comment-list li,
.ast-separate-container .comments-area .comments-title {
    background: rgba(10, 0, 15, 0.75) !important;
    color: #f0e6c8 !important;
}

.ast-separate-container h1,
.ast-separate-container h2,
.ast-separate-container h3,
.ast-separate-container h4,
.ast-separate-container h5,
.ast-separate-container h6 {
    color: #c9a96e !important;
}

.entry-title {
    color: #f0e6c8 !important;
}

/* ── Forms ── */
.wpforms-field label,
.wpforms-field legend,
.wpforms-field .wpforms-label,
form label {
    color: #f0e6c8 !important;
}

/* ── Above header (full-width responsive image) ── */
.ast-above-header-bar {
    position: relative !important;
    padding-bottom: 15% !important;
    height: 0 !important;
    overflow: visible !important;
    background-image: url('https://petebasile.com/wp-content/uploads/2026/06/header-wider.jpg') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    max-width: 100% !important;
}

.ast-above-header-bar .ast-container,
.ast-above-header-bar .ast-builder-grid-row,
.ast-above-header-bar .site-header-above-section-left,
.ast-above-header-bar .site-header-above-section-right {
    position: static !important;
}

.ast-above-header-bar .custom-logo {
    opacity: 0 !important;
}

.ast-above-header-bar .custom-logo-link {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1 !important;
    display: block !important;
}

.ast-above-header-wrap {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.ast-main-header-wrap {
    margin-top: 0 !important;
}

/* ── Nav bar ── */
.ast-primary-header-bar,
.ast-primary-header-bar .ast-container {
    background-color: #000 !important;
}

.ast-primary-header-bar .menu-link,
.ast-primary-header-bar .menu-link:visited {
    color: #f0e6c8 !important;
}

.ast-primary-header-bar .current-menu-item .menu-link {
    color: #c9a96e !important;
}

.ast-nav-menu .sub-menu,
.main-header-menu .sub-menu {
    background-color: #000 !important;
}

.main-header-menu .sub-menu .menu-link,
.ast-nav-menu .sub-menu .menu-link {
    color: #f0e6c8 !important;
}

.main-header-menu .sub-menu .menu-link:hover {
    color: #c9a96e !important;
    background-color: #111 !important;
}

/* ── Mobile header ── */
#ast-mobile-header,
#ast-mobile-header .ast-primary-header-bar,
#ast-mobile-header .main-header-bar {
    background-color: #000 !important;
}

#ast-mobile-header {
    margin-bottom: 0 !important;
}

/* ── Mobile hamburger ── */
.ast-mobile-menu-trigger-fill .ast-button-wrap button,
.menu-toggle.main-header-menu-toggle {
    background-color: #6b21a8 !important;
}

/* ── Content spacing ── */
.ast-separate-container #primary,
.ast-separate-container .site-main,
.ast-separate-container .ast-article-single:not(.ast-related-post) {
    padding-top: 1em !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ── HR / dividers ── */
.site-header hr,
#masthead hr,
.ast-above-header-bar hr,
.ast-primary-header-bar hr,
.ast-main-header-wrap hr,
.main-header-bar-wrap hr {
    display: none !important;
    border: none !important;
    height: 0 !important;
}

/* ── Homepage ── */
.home .entry-header {
    display: none !important;
}

.home table thead tr,
.home table thead th {
    background-color: #888 !important;
    color: #000 !important;
}

/* ── Sign-up sheet ── */
table.dls-sus-tasks thead tr,
table.dls-sus-tasks thead th,
table.dls-sus-tasks th.dlssus-tasktable-col-task_title,
table.dls-sus-tasks td.dlssus-tasktable-col-task_title {
    background-color: #888 !important;
    color: #000 !important;
    width: 28% !important;
}

table.dls-sus-tasks td,
table.dls-sus-tasks th {
    padding: 7px 12px;
    border: 1px solid #e0e0e0;
}

.task-covered {
    font-size: 0.8em;
    font-style: italic;
    color: #aaa;
    font-weight: normal;
}

/* ── Audio player ── */
.qc_voice_wrapper {
    background-color: #888 !important;
    border-radius: 50px !important;
}

/* ── Footer ── */
.site-footer::before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 25.2%;
    background-image: url('https://petebasile.com/wp-content/uploads/2026/06/footer-banner-1.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.site-footer,
.site-below-footer-wrap,
.ast-builder-grid-row-container-inner,
.site-footer-focus-item,
#colophon,
#colophon .ast-small-footer,
#colophon .ast-small-footer-wrap {
    background-color: #000 !important;
    color: #f0e6c8 !important;
}

/* ── Guestbook ── */
.page-template-page-guestbook-php #primary {
    padding-top: 4em;
    width: 100% !important;
}

body.ast-right-sidebar.page-template-page-guestbook-php #primary,
body.ast-left-sidebar.page-template-page-guestbook-php #primary {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
}

.page-template-page-guestbook-php .site-content .ast-container {
    display: block !important;
}

.page-template-page-guestbook-php .site-main {
    background: rgba(10, 0, 15, 0.75);
    padding: 1.5em 2.14em;
}

.guestbook-entry {
    border-left: 3px solid #c9a96e;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
}

.guestbook-entry .guestbook-entry-header {
    display: flex;
    gap: 1rem;
    align-items: baseline;
    margin-bottom: 0.5rem;
}

.entry-date {
    font-size: 0.85em;
    color: #aaa;
}

.guestbook-note {
    font-size: 0.85em;
    color: #bbb;
    font-style: italic;
}

.guestbook-form-wrap .comment-form-author,
.guestbook-form-wrap .comment-form-email,
.guestbook-form-wrap .comment-form-url {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.guestbook-form-wrap .comment-form-author label,
.guestbook-form-wrap .comment-form-email label,
.guestbook-form-wrap .comment-form-url label {
    font-size: 0.85em;
    color: #f0e6c8;
    margin-bottom: 0.25rem;
}

.guestbook-form-wrap input[type="text"],
.guestbook-form-wrap input[type="email"],
.guestbook-form-wrap input[type="url"],
.guestbook-form-wrap textarea {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid #444;
    border-radius: 4px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1rem;
    box-sizing: border-box;
    background: #1a1a1a;
    color: #f0e6c8;
}

.guestbook-form-wrap .comment-form-url { display: none; }
.guestbook-form-wrap .comment-form-cookies-consent { display: none; }

.guestbook-form-wrap .form-submit input {
    background-color: #c9a96e;
    color: #000;
    border: none;
    padding: 0.65rem 1.5rem;
    border-radius: 4px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1rem;
    cursor: pointer;
}

.guestbook-form-wrap .form-submit input:hover { background-color: #e0c080; }
.guestbook-form-wrap h2 { margin-bottom: 0; color: #c9a96e; }
.guestbook-form-wrap .comment-form { margin-top: 0; }
.guestbook-form-wrap .comment-notes { margin-top: 0; padding-top: 0; color: #aaa; }
.guestbook-form-wrap .logged-in-as { display: none; }

.guestbook-form-wrap .comment-respond,
#respond.comment-respond {
    background: rgba(10, 0, 15, 0.75) !important;
    padding: 1.5em !important;
}

/* ── Mobile ── */
@media (max-width: 921px) {
    #ast-mobile-header .main-header-bar {
        position: relative !important;
        padding-bottom: 26.8% !important;
        height: 0 !important;
        background-image: url('https://petebasile.com/wp-content/uploads/2026/06/header-wider.jpg') !important;
        background-size: 100% 100% !important;
        background-color: #000 !important;
    }

    #ast-mobile-header .site-header-primary-section-left {
        display: none !important;
    }

    #ast-mobile-header .site-header-primary-section-right {
        position: absolute !important;
        top: 18% !important;
        right: 10px !important;
        z-index: 10 !important;
        height: auto !important;
    }

    .ast-mobile-header-content .site-branding,
    #ast-mobile-header .ast-site-title-wrap,
    #ast-mobile-header .site-description {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .wp-block-columns {
        flex-direction: column-reverse !important;
    }
}

.home #primary,
.home .site-main,
.home .ast-article-single {
    padding-top: 0 !important;
}
/* FancyBox lightbox caption — center aligned */
.fancybox__caption {
    text-align: center !important;
}