/*
Theme Name:   Tantric Awakening Virtual Temple 
                           (BuddyBoss Child)
 Theme URL:      https://www.BuddyBoss.com/
 Description:      A child theme of BuddyBoss Theme. To ensure easy updates, make your own edits in this theme.
 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
 Location:           /wp-content/themes/tantric-virtual-temple/assets/css/temple. 
 Version: 		1.4
*/
/*
Tantric “Temple Glass” skin — component styling
Version: 0.2.0
*/

/* ---------- Tokens ---------- */
:root {
  --ta-bg-1: #160a0a;
  --ta-bg-2: #220d0d;

  --ta-panel: rgba(53, 15, 15, .82);

  /* Rose-gold frame tones (subtle) */
  --ta-rose: #E9B38E;
  --ta-rose-70: rgba(233,179,142,.70);
  --ta-rose-45: rgba(233,179,142,.45);
  --ta-rose-28: rgba(233,179,142,.28);
  --ta-rose-18: rgba(233,179,142,.18);

  --ta-gold:#E7B27A;
  --ta-social:#E59854;

  --ta-shadow: rgba(0,0,0,.45);

  --ta-radius-outer:18px;
  --ta-radius-inner:14px;
  --ta-moat:12px;

  --ta-header-h:74px;
}

/* Background vignette (kept very light, works with velvet) */
body {
  background:
    radial-gradient(1200px 600px at 50% -10%, var(--ta-bg-2) 0%, transparent 55%),
    linear-gradient(180deg, #1a0b0b 0%, #0f0707 100%),
    var(--ta-bg-1);
  background-attachment: fixed;
}

/* Subtle noise texture (kept faint) */
body::before {
  content: "";
  position: fixed; inset: 0;
  opacity: .05; pointer-events: none; z-index: 0;
  background-image:
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'>\
<filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter>\
<rect width='100%' height='100%' filter='url(%23n)' opacity='.20'/>\
</svg>");
}

/* ---------- Off-canvas / mobile panel ---------- */
.bb-offcanvas-panel,
.bb-mobile-panel,
.off-canvas-sidebar,
.drawer, .offcanvas, .bb-drawer {
  position: relative;
  background: var(--ta-panel);
  backdrop-filter: blur(10px) saturate(110%);
  -webkit-backdrop-filter: blur(10px) saturate(110%);
  box-shadow:
    0 20px 50px var(--ta-shadow),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px var(--ta-rose-18);
  border-radius: 16px 0 0 16px;
  border: 1px solid var(--ta-rose-18);
  overflow: hidden;
}
.bb-offcanvas-panel .panel-header,
.bb-mobile-panel .panel-header,
.off-canvas-sidebar .widgettitle,
.drawer .drawer-header {
  color: var(--ta-gold);
  font-weight: 700;
  letter-spacing: .3px;
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
}

/* Links */
.bb-offcanvas-panel a,
.bb-mobile-panel a,
.off-canvas-sidebar a {
  color: #f1e2d2;
  transition: color .2s ease, background .2s ease, transform .06s ease;
  border-radius: 10px;
  padding: 10px 12px;
  display: block;
}
.bb-offcanvas-panel a:hover,
.bb-mobile-panel a:hover,
.off-canvas-sidebar a:hover {
  color: #fff;
  background: linear-gradient(180deg, rgba(226,141,90,.10), rgba(89,20,14,.18));
  transform: translateY(-1px);
}
.bb-offcanvas-panel .current-menu-item > a,
.bb-mobile-panel .current-menu-item > a {
  background: linear-gradient(180deg, rgba(226,141,90,.16), rgba(89,20,14,.24));
  box-shadow: inset 0 0 0 1px rgba(255,198,124,.20);
}

/* Divider toning (subtle) */
.bb-offcanvas-panel .menu > li + li,
.bb-mobile-panel .menu > li + li {
  border-top: 1px solid rgba(255,255,255,.06);
}

/* Buttons inside panel */
.bb-offcanvas-panel .button, .bb-mobile-panel .button, .off-canvas-sidebar .button {
  background: linear-gradient(180deg, #E0A96A, #B66C43);
  color: #2b0e0c; font-weight: 700;
  border: 0; border-radius: 999px;
  padding: 10px 16px;
  box-shadow:
    0 8px 20px rgba(182,108,67,.35),
    inset 0 1px 0 rgba(255,255,255,.35);
}
.bb-offcanvas-panel .button:hover { filter: brightness(1.05); }

/* ---------- Type color tuning ---------- */
.post .entry-title,
.blog .entry-title,
.archive .entry-title,
.single .entry-title,
.ta-section-label,
.related-posts h2,
.profile .section-title,
.profile .group-title,
#related_posts .widget-title,
.single-post .related h3{
  color: var(--ta-gold) !important;
  font-size: clamp(1.9rem, 1.1rem + 2.2vw, 2.8rem) !important;
  line-height:1.15;
  letter-spacing:.2px;
}
.entry-content, .entry-content p,
.post .entry-summary, .post .entry-meta,
.single .entry-meta, .comment-content, .bb-meta,
.post .entry-date, .byline, .posted-on, .cat-links, .tags-links,
.profile .member-since, .profile .joined, .profile .field .data{
  color: var(--ta-rose) !important;
  line-height:1.65;
}

/* ---------- Two-line temple frame (subtle, no page-wide outline) ---------- */
:where(.post, .blog .post, .archive .post,
.single-post .entry-content, .single-post .entry-footer,
.related-posts .post, #bb-notifications, .notifications,
.bb-activity-list .activity-item){
  position:relative;
  background: rgba(60, 0, 0, .78);
  border-radius: var(--ta-radius-outer);
  padding: 1.25rem;
  overflow:hidden;
  border:0 !important;
  box-shadow:none !important;
}

/* Outer line + soft aura */
:where(.post, .blog .post, .archive .post,
.single-post .entry-content, .single-post .entry-footer,
.related-posts .post, #bb-notifications, .notifications,
.bb-activity-list .activity-item)::before{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  border:1px solid var(--ta-rose-28);
  box-shadow:0 0 18px var(--ta-rose-18);
  pointer-events:none;
}

/* Inner line (moat gap) */
:where(.post, .blog .post, .archive .post,
.single-post .entry-content, .single-post .entry-footer,
.related-posts .post, #bb-notifications, .notifications,
.bb-activity-list .activity-item)::after{
  content:"";
  position:absolute; inset:var(--ta-moat);
  border-radius:var(--ta-radius-inner);
  border:1px solid var(--ta-rose-70);
  box-shadow: inset 0 0 8px var(--ta-rose-18);
  pointer-events:none;
}

/* Gentle hover glow */
:where(.post, .blog .post, .archive .post,
.single-post .entry-content, .single-post .entry-footer,
.related-posts .post, #bb-notifications, .notifications,
.bb-activity-list .activity-item):hover)::before,
:where(.post, .blog .post, .archive .post,
.single-post .entry-content, .single-post .entry-footer,
.related-posts .post, #bb-notifications, .notifications,
.bb-activity-list .activity-item):hover)::after{
  box-shadow:0 0 22px var(--ta-rose-28), inset 0 0 10px var(--ta-rose-18);
}

/* ---------- Thumbnails (no crop, match inner radius) ---------- */
.post .post-thumbnail,
.post .entry-media,
.single-post .post-thumbnail,
.related-posts .post .post-thumbnail{
  position:relative;
  margin:var(--ta-moat) var(--ta-moat) 0 var(--ta-moat);
  border-radius:var(--ta-radius-inner);
  overflow:hidden;
  aspect-ratio:16/9;
  background:rgba(60, 0, 0, .72);
  border:0 !important; box-shadow:none !important;
}
.post .post-thumbnail img,
.post .entry-media img,
.single-post .post-thumbnail img,
.related-posts .post .post-thumbnail img{
  width:100%; height:100%;
  object-fit:contain; /* resize; don’t crop */
  border-radius:inherit; display:block;
}

/* ---------- Profile view alignment ---------- */
.site-header, .bb-mobile-header, .drawer-header{ height:var(--ta-header-h) !important; }
body .profile, body .bp-user, .bp-user .site-main{
  scroll-margin-top:var(--ta-header-h);
  padding-top:calc(var(--ta-header-h) * .15);
}

/* Tabs pills */
.bp-navs li a, .subnav li a{
  position:relative;
  padding:.55rem 1rem !important;
  border-radius:999px !important;
  line-height:1 !important;
}
.bp-navs li.current a,
.subnav li.current a,
.bp-navs li.selected a{
  background:linear-gradient(180deg, rgba(233,179,142,.18), rgba(233,179,142,.06));
  color:var(--ta-rose) !important;
  box-shadow:0 0 0 1px var(--ta-rose-45) inset;
}

/* Followers / stats tone */
.profile .followers, .profile .following, .profile .stats,
.profile .stats a{ color:var(--ta-social) !important; }

/* Labels gold, values rose */
.profile .field-label,
.profile .bp-field-label,
.profile .profile-group .field .label,
.profile .data-table th{
  color:var(--ta-gold) !important;
}
.profile .field .data,
.profile .data-table td,
.profile .profile-fields .data{
  color:var(--ta-rose) !important;
}

/* Notifications box inherits frame rules */
#bb-notifications, .notifications{ background: rgba(60, 0, 0, .78); }

/* ---------- Global cleanups ---------- */
/* Kill any random borders that make a 3rd/4th line */
*{ border-color:var(--ta-rose-45); }
.post, .single-post .entry-content, .single-post .entry-footer,
.related-posts .post{ border:0 !important; box-shadow:none !important; }

/* Dates under author on feed cards */
.post .entry-meta time, .post .entry-meta{ color:var(--ta-rose) !important; }

/* NEVER draw an outline around the whole page */
body, html, #page, .site, .bb-container, .site-content {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
  background-clip: padding-box;
}

/* End temple.css */