/* ============================================
   BOUTIQUE PLAYBOOK - Additional CSS
   Hides Kadence chrome, forces full-bleed
   ============================================ */

/* Kill body and html margins */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  background: #faf6ef !important;
}

/* Hide page title and hero section */
.page .entry-title,
.page .entry-hero,
.page .page-hero-section,
.page .entry-hero-container,
.page .entry-hero-container-inner,
.page .entry-header,
.page .content-title-wrap,
.page .title-wrap,
.kadence-before-content,
.page .above-entry-meta {
  display: none !important;
}

/* Hide the WordPress site header AND footer */
#masthead,
.site-header,
.kadence-before-header,
.kadence-header-wrap,
.site-branding-container,
.header-section,
#colophon,
.site-footer,
.site-footer-wrap,
.site-footer-row-container,
.footer-widget-area,
.site-info,
.site-info-wrap,
.kadence-scroll-to-top {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Force full-width on every container, kill all padding/margin */
html, body,
#page, .site, #wrapper, #inner-wrap,
.wrap.kt-clear,
#primary, #content,
.content-area, .site-content, .site-main,
.entry-content, .entry-content-wrap, .single-content,
article,
.wp-block-html,
.content-container, .kadence-content-wrap {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Same rules for single posts (journal entries) */
.single-post #masthead,
.single-post .site-header,
.single-post #colophon,
.single-post .site-footer,
.single-post .entry-title,
.single-post .entry-hero,
.single-post .entry-header,
.single-post .above-entry-meta,
.single-post .post-meta,
.single-post .entry-meta,
.single-post .entry-categories,
.single-post .author-box {
  display: none !important;
}

/* Make all bp containers go edge-to-edge */
.bp-page,
.bp-article,
.bp-directory,
.bp-about,
.bp-journal,
.bp-hub {
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  background: #faf6ef !important;
}

/* Mobile nav: links in a second row below wordmark */
@media (max-width: 760px) {
  .bp-nav-inner {
    grid-template-columns: 1fr auto !important;
    gap: 12px !important;
    padding: 14px 20px 0 !important;
  }
  .bp-nav-left {
    display: flex !important;
    grid-column: 1 / -1 !important;
    order: 3 !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 18px !important;
    font-size: 11px !important;
    padding: 12px 0 14px !important;
    border-top: 1px solid rgba(42, 31, 42, 0.18) !important;
    margin-top: 12px !important;
    flex-wrap: wrap !important;
  }
  .bp-nav-trigger {
    font-size: 11px !important;
  }
  .bp-nav-dropdown {
    position: static !important;
  }
  .bp-nav-menu {
    position: absolute !important;
    top: auto !important;
    bottom: auto !important;
    left: 16px !important;
    right: 16px !important;
    min-width: 0 !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
  }
  .bp-nav-menu::before {
    display: none !important;
  }
}

/* Tapped-open state for mobile dropdown */
.bp-nav-dropdown.is-open .bp-nav-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}
.bp-nav-dropdown.is-open .bp-nav-caret {
  transform: rotate(180deg) !important;
}
/* On mobile, disable hover/focus triggers so JS toggle has full control */
@media (max-width: 760px) {
  .bp-nav-dropdown:hover .bp-nav-menu,
  .bp-nav-dropdown:focus-within .bp-nav-menu {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-8px) !important;
  }
  .bp-nav-dropdown.is-open .bp-nav-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }
}