/*————————————————————————————————
   Custom stylesheet, including:
   • self-hosted fonts
   • velvet background image (fixed)
   • BuddyPanel gradient
————————————————————————————————*/
/*
Theme Name:    Tantric Awakening Virtual Temple
                            (BuddyBoss Child)
Author: 	              Andrei Knight, TantricAwakening.net
Author URl: 	       https://www.TantricAwakening.net
License: 		GNU General Public License v3 or later
License URl: 	http://www.gnu.org/licenses/gpl-3.0.html
Template: 		buddyboss-theme
Version: 		4.2

   Purpose:
     - Retain global typography + rose-gold framing
     - Integrate velvet background layer
     - Clean redundant BuddyBoss overrides
     - Maintain alignment + scroll stability
*/
/* ============================================
   Self-hosted fonts (pointing to THIS theme)
   ============================================ */
@font-face{
  font-family: 'Bonheur Royale';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/tantric-virtual-temple/assets/fonts/bonheur-royale-latin-ext.woff2') format('woff2');
}
@font-face{
  font-family: 'Bonheur Royale';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/tantric-virtual-temple/assets/fonts/bonheur-royale-latin.woff2') format('woff2');
}
@font-face{
  font-family: 'Lugrasimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/tantric-virtual-temple/assets/fonts/lugrasimo-latin-ext.woff2') format('woff2');
}
@font-face{
  font-family: 'Lugrasimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/tantric-virtual-temple/assets/fonts/lugrasimo-latin.woff2') format('woff2');
}

/* Font tokens + enforcement */
:root{
  --ta-body: 'Lugrasimo', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --ta-display: 'Bonheur Royale', ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}
html, body{
  font-family: var(--ta-body) !important;
  font-weight: 400 !important;
}
h1,h2,h3,h4,h5,h6,
.site-title,.entry-title,.post-title,
.bb-title,.bb-typography-heading,
.elementor-heading-title{
  font-family: var(--ta-display) !important;
  font-weight: 400 !important;
}

/* ============================================
   Velvet background (fixed) + underlay color
   ============================================ */
html, body { background-color:#200202 !important; }

@supports (background-attachment: fixed) {
  body{
    background-image: url('https://r2.tantricawakening.net/wp-content/uploads/2025/09/26092336/IMG_5706.jpeg') !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}

/* Dedicated fixed layer (if theme injects #ta-fixed-bg) */
#ta-fixed-bg{
  position: fixed;
  inset: 0;
  background-image: url('https://r2.tantricawakening.net/wp-content/uploads/2025/09/26092336/IMG_5706.jpeg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  pointer-events: none;
}
/* Lift main wrappers above fixed layer */
#page, .site, .site-content, .bb-grid, #wrapper, #content, .bb-container{
  position: relative;
  z-index: 1;
  background: transparent !important;          /* avoid flat maroon fill */
  border: 0 !important; box-shadow: none !important; /* kill “page outline” */
}

/* ============================================
   BuddyPanel gradient (desktop + mobile drawer)
   ============================================ */
aside.buddypanel {
  background: linear-gradient(to bottom, #3D0203 0%, #2C0D0D 100%) !important;
  position: fixed;
  top: 0 !important;
  bottom: 0 !important;
}
aside.buddypanel .panel-head,
aside.buddypanel .side-panel-inner,
aside.buddypanel .side-panel-menu-container,
aside.buddypanel .buddypanel-menu,
aside.buddypanel .side-panel-menu {
  background: transparent !important;
  box-shadow: none !important;
}
/* Mobile drawer */
body.bb-mobile-panel-open .bb-mobile-panel-wrapper.left {
  background: linear-gradient(to bottom, #3D0203 0%, #2C0D0D 100%) !important;
}
body.bb-mobile-panel-open .bb-mobile-panel-inner,
body.bb-mobile-panel-open .bb-mobile-panel-header,
body.bb-mobile-panel-open .bb-mobile-panel-wrapper.left nav,
body.bb-mobile-panel-open .bb-mobile-panel-wrapper.left .buddypanel-menu {
  background: transparent !important;
}

/* ============================================
   Scroll hygiene (fix “can’t scroll”)
   ============================================ */
html, body { height:auto !important; overflow-y:auto !important; }
body, .site, #page, #content { position: relative; }
html, body { overscroll-behavior-x: none !important; }
html.bb-mobile-panel-open, body.bb-mobile-panel-open { overflow-x:hidden !important; }
.bb-mobile-panel-wrapper, .bb-mobile-panel-inner { overflow-x:hidden !important; }
.bb-mobile-panel-inner, aside.buddypanel .side-panel-inner {
  touch-action: pan-y !important;
  overscroll-behavior-x: none !important;
  -webkit-overflow-scrolling: touch;
}
/* Prevent any layout from forcing horizontal scrollbars */
#page, .site, .site-content, .bb-grid { overflow-x:hidden !important; }

/* ==============================================
   BuddyPanel header alignment (74px)
   ============================================== */
aside.buddypanel .panel-head {
  min-height: 74px !important;
  height: 74px !important;
  display: flex !important;
  align-items: center !important;
}
aside.buddypanel { top: 0 !important; }

/* ==============================================
   WP admin bar gap (hide for logged-out visitors)
   ============================================== */
body:not(.logged-in) #wpadminbar { display:none !important; }
body:not(.logged-in), body:not(.logged-in) html { margin-top:0 !important; padding-top:0 !important; }
body:not(.logged-in) #page,
body:not(.logged-in) .site,
body:not(.logged-in) .site-header,
body:not(.logged-in) .bb-sticky-header-placeholder,
body:not(.logged-in) .bb-mobile-header-wrapper { top:0 !important; margin-top:0 !important; padding-top:0 !important; }
body:not(.logged-in) .bb-mobile-panel-wrapper { top:0 !important; }

/* ============================================
   End custom.css
   ============================================ */