/* ============================================================
   PROPHECY — Plugin styling: WooCommerce, BuddyPress, bbPress
   Brand-matched so shop/forum/profile pages look like Prophecy.
   ============================================================ */

:root{
  --pe-yellow:#FFF300;
  --pe-yellow-dim:#cabd00;
  --pe-muted:#9a9a90;
  --pe-text:#e8e8e2;
  --pe-display:'Orbitron',sans-serif;
  --pe-head:'Chakra Petch',sans-serif;
  --pe-body:'Rajdhani',sans-serif;
}

/* ===== WooCommerce ===== */
.pe-woo .woocommerce-result-count,
.pe-woo .woocommerce-ordering{color:var(--pe-muted);font-family:var(--pe-body)}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;
  padding:18px;transition:.3s;text-align:center}
.woocommerce ul.products li.product:hover{transform:translateY(-6px);border-color:rgba(255,243,0,.4);box-shadow:0 0 40px rgba(255,243,0,.12)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--pe-display);font-weight:800;text-transform:uppercase;font-size:1.05rem;color:#fff;padding:10px 0 4px}
.woocommerce ul.products li.product .price{color:var(--pe-yellow)!important;font-family:var(--pe-display);font-weight:800}
.woocommerce ul.products li.product .price del{color:var(--pe-muted)!important}
.woocommerce span.onsale{background:var(--pe-yellow);color:#000;font-family:var(--pe-head);font-weight:700;
  text-transform:uppercase;border-radius:30px}
/* Buttons */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{
  background:var(--pe-yellow)!important;color:#000!important;font-family:var(--pe-head)!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:1px!important;border-radius:0!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  box-shadow:0 0 24px rgba(255,243,0,.4)!important;transition:.28s!important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover{
  box-shadow:0 0 40px rgba(255,243,0,.7)!important;transform:translateY(-2px)}
/* Single product */
.woocommerce div.product .product_title{font-family:var(--pe-display);font-weight:900;text-transform:uppercase;color:#fff}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--pe-yellow);font-family:var(--pe-display);font-weight:800}
.woocommerce .woocommerce-tabs ul.tabs li{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}
.woocommerce .woocommerce-tabs ul.tabs li.active{background:rgba(255,243,0,.08);border-color:rgba(255,243,0,.4)}
/* Notices */
.woocommerce-message,.woocommerce-info{border-top-color:var(--pe-yellow)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--pe-yellow)}
/* Cart/checkout tables */
.woocommerce table.shop_table{border-color:rgba(255,255,255,.1)}
.woocommerce table.shop_table th{font-family:var(--pe-head);text-transform:uppercase;color:var(--pe-yellow)}

/* ===== BuddyPress ===== */
#buddypress{font-family:var(--pe-body)}
#buddypress div.item-list-tabs ul li a,
#buddypress .bp-navs li a{font-family:var(--pe-head);text-transform:uppercase;letter-spacing:1px;
  color:var(--pe-muted);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px}
#buddypress div.item-list-tabs ul li.current a,
#buddypress .bp-navs li.current a,#buddypress .bp-navs li.selected a{
  color:#000!important;background:var(--pe-yellow)!important;border-color:var(--pe-yellow)!important}
#buddypress .standard-form input,#buddypress .standard-form textarea,#buddypress .standard-form select{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,243,0,.25);color:#fff;border-radius:8px;font-family:var(--pe-body)}
#buddypress .standard-form input:focus,#buddypress .standard-form textarea:focus{border-color:var(--pe-yellow);outline:none}
#buddypress a.button,#buddypress button,#buddypress input[type=submit],#buddypress input[type=button],
#buddypress ul.button-nav li a,#buddypress .generic-button a{
  background:var(--pe-yellow)!important;color:#000!important;font-family:var(--pe-head)!important;font-weight:700!important;
  text-transform:uppercase!important;border:none!important;border-radius:0!important;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
#buddypress .activity-list li,#buddypress .item-list li{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:12px;padding:16px}
#buddypress .activity-list li .activity-header,#buddypress .item-list .item-title{color:#fff;font-family:var(--pe-head)}
#buddypress div.item-avatar img,#buddypress .avatar{border-radius:50%;border:2px solid rgba(255,243,0,.4)}
#buddypress .activity-header a,#buddypress .item-title a{color:var(--pe-yellow)}

/* ===== bbPress (forums) ===== */
#bbpress-forums{font-family:var(--pe-body);color:var(--pe-text)}
#bbpress-forums .bbp-forum-title,#bbpress-forums .bbp-topic-permalink{
  font-family:var(--pe-display);font-weight:800;text-transform:uppercase;color:#fff}
#bbpress-forums .bbp-forum-title:hover,#bbpress-forums .bbp-topic-permalink:hover{color:var(--pe-yellow)}
#bbpress-forums li.bbp-header,#bbpress-forums li.bbp-footer{
  background:rgba(255,243,0,.06);border:1px solid rgba(255,243,0,.2);color:var(--pe-yellow);
  font-family:var(--pe-head);text-transform:uppercase}
#bbpress-forums ul.bbp-forums,#bbpress-forums ul.bbp-topics,#bbpress-forums ul.bbp-replies{
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
#bbpress-forums li.bbp-body ul.forum,#bbpress-forums li.bbp-body ul.topic{
  border-top:1px solid rgba(255,255,255,.06)}
#bbpress-forums div.bbp-forum-author a,#bbpress-forums div.bbp-topic-author a,#bbpress-forums div.bbp-reply-author a{color:var(--pe-yellow)}
#bbpress-forums button,#bbpress-forums input[type=submit],.bbp-submit-wrapper button{
  background:var(--pe-yellow)!important;color:#000!important;font-family:var(--pe-head)!important;font-weight:700!important;
  text-transform:uppercase!important;border:none!important;border-radius:0!important;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
#bbpress-forums input,#bbpress-forums textarea,#bbpress-forums select,.bbp-the-content{
  background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,243,0,.25)!important;color:#fff!important;border-radius:8px}
.bbp-pagination .page-numbers{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 12px;border-radius:6px}
.bbp-pagination .page-numbers.current{background:var(--pe-yellow);color:#000;border-color:var(--pe-yellow)}


/* ===== bbPress CONTRAST + LAYOUT FIX ===== */
/* Force readable light text everywhere in the forum tables (was dark-on-dark/invisible) */
#bbpress-forums,
#bbpress-forums li,
#bbpress-forums p,
#bbpress-forums .bbp-forum-content,
#bbpress-forums .bbp-topic-content,
#bbpress-forums .bbp-forum-freshness,
#bbpress-forums .bbp-topic-freshness,
#bbpress-forums .bbp-forum-freshness a,
#bbpress-forums .bbp-topic-freshness a,
#bbpress-forums li.bbp-forum-info .bbp-forum-content,
#bbpress-forums .bbp-forums-list li,
#bbpress-forums .bbp-forum-description{color:var(--pe-text)!important}

/* Forum / topic counts */
#bbpress-forums li.bbp-forum-topic-count,
#bbpress-forums li.bbp-forum-reply-count,
#bbpress-forums li.bbp-topic-voice-count,
#bbpress-forums li.bbp-topic-reply-count{color:#fff!important}

/* Kill the white/light row backgrounds bleeding through */
#bbpress-forums li.bbp-body,
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic,
#bbpress-forums ul.bbp-forums li,
#bbpress-forums ul.bbp-topics li,
.bbp-body, .even, .odd,
#bbpress-forums div.even,
#bbpress-forums div.odd,
#bbpress-forums ul.even,
#bbpress-forums ul.odd{background:transparent!important;background-color:transparent!important}

/* Subtle row separation + zebra on dark */
#bbpress-forums ul.bbp-forums li.bbp-body ul.forum,
#bbpress-forums ul.bbp-topics li.bbp-body ul.topic{
  border-bottom:1px solid rgba(255,255,255,.06)!important;background:rgba(255,255,255,.015)!important}

/* The empty-forum / no-topics notices were white-on-light — make them readable */
#bbpress-forums div.bbp-template-notice,
.bbp-template-notice,
#bbpress-forums div.bbp-template-notice.info,
.bbp-template-notice p{
  background:rgba(255,243,0,.06)!important;border:1px solid rgba(255,243,0,.25)!important;
  color:var(--pe-text)!important;border-radius:8px}
.bbp-template-notice a{color:var(--pe-yellow)!important}

/* Header row ("FORUM / TOPICS / POSTS / LAST POST") — readable + spacing so it clears nav */
#bbpress-forums li.bbp-header{
  background:rgba(255,243,0,.08)!important;color:var(--pe-yellow)!important;
  font-family:var(--pe-head)!important;font-weight:700!important;text-transform:uppercase!important}
#bbpress-forums li.bbp-header li{color:var(--pe-yellow)!important}

/* Breadcrumb (Home › Forums) readable */
.bbp-breadcrumb,.bbp-breadcrumb a,div.bbp-breadcrumb{color:var(--pe-muted)!important}
.bbp-breadcrumb a:hover{color:var(--pe-yellow)!important}

/* Make sure the whole forum block sits clear of the fixed header */
.bbpress-wrapper, #bbpress-forums{position:relative}


/* ===== BuddyPress 12 (Nouveau) extra contrast + layout safety ===== */
.pe-bp #buddypress, .pe-bp #buddypress *{}
/* General readable text across BP directories/screens */
#buddypress, #buddypress p, #buddypress li, #buddypress td, #buddypress span,
#buddypress .bp-feedback, #buddypress .group-desc, #buddypress .item-meta,
#buddypress .activity-meta, #buddypress div.item-desc{color:var(--pe-text)}
#buddypress h1,#buddypress h2,#buddypress h3,#buddypress h4,#buddypress .item-title a,#buddypress .list-title a{color:#fff}
#buddypress a{color:var(--pe-yellow)}
/* Feedback / empty-state notices (e.g. "no groups", "create a group") readable on dark */
#buddypress .bp-feedback,#buddypress div.bp-feedback,
#buddypress .widget_bp_core_login_widget,
aside.bp-feedback,.bp-feedback.info,.bp-messages-feedback{
  background:rgba(255,243,0,.06)!important;border:1px solid rgba(255,243,0,.22)!important;color:var(--pe-text)!important;border-radius:8px}
#buddypress .bp-feedback .bp-icon{background:var(--pe-yellow)!important}
/* Directory search + filter bar */
#buddypress .dir-search input,#buddypress .groups-members-search input,
#buddypress .subnav-filters input,#buddypress .subnav-filters select{
  background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,243,0,.25)!important;color:#fff!important;border-radius:8px}
/* Group/member cards in Nouveau grid */
#buddypress .bp-list li,#buddypress ul.bp-list li{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;margin-bottom:14px}
#buddypress .bp-list li .item-title,#buddypress .bp-list li .list-title{font-family:var(--pe-display);text-transform:uppercase;color:#fff}
/* The whole BP block sits clear of the fixed header (banner handles top, this is belt-and-suspenders) */
.pe-bp{position:relative;min-height:40vh}
/* Create-a-Group / settings tabbed steps */
#buddypress #group-create-tabs li.current a,#buddypress .group-create-tabs li.current a{background:var(--pe-yellow)!important;color:#000!important}


/* ===== BuddyPress directory tabs (ALL GROUPS / Create a Group) layout ===== */
#buddypress div.item-list-tabs ul,
#buddypress .bp-navs ul,
#buddypress ul.component-navigation{
  display:flex!important;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 18px;background:transparent!important;border:none!important}
#buddypress div.item-list-tabs ul li,
#buddypress .bp-navs li{margin:0!important;float:none!important;background:transparent!important}
#buddypress div.item-list-tabs ul li a,
#buddypress .bp-navs li a{
  display:inline-block;padding:10px 18px!important;font-size:.85rem;
  font-family:var(--pe-head)!important;text-transform:uppercase;letter-spacing:1px;
  color:var(--pe-text)!important;background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;transition:.25s}
#buddypress div.item-list-tabs ul li a:hover,
#buddypress .bp-navs li a:hover{border-color:var(--pe-yellow)!important;color:#fff!important}
#buddypress div.item-list-tabs ul li.current a,
#buddypress div.item-list-tabs ul li.selected a,
#buddypress .bp-navs li.current a,
#buddypress .bp-navs li.selected a{
  background:var(--pe-yellow)!important;color:#000!important;border-color:var(--pe-yellow)!important;font-weight:700}
/* the little count bubble (the "0") */
#buddypress div.item-list-tabs ul li a span,
#buddypress .bp-navs li a span{
  background:rgba(0,0,0,.25);color:inherit;border-radius:20px;padding:1px 8px;margin-left:6px;font-size:.8em}
#buddypress li.current a span,#buddypress li.selected a span{background:rgba(0,0,0,.3);color:#000}

/* Directory search row spacing */
#buddypress .dir-search,#buddypress #group-dir-search{margin:0 0 14px}

/* Note: "Create a Group" tab only shows to LOGGED-IN users — by BuddyPress design. */


/* ===== BuddyPress 12 Nouveau — directory polish (notice + tabs + dropdown) ===== */
/* The "no groups found" / info notices render white by default — force dark branded. */
#buddypress aside.bp-feedback,
#buddypress .bp-feedback,
#buddypress .bp-messages,
aside.bp-feedback.bp-messages,
aside.bp-feedback.info,
#buddypress .bp-feedback.info,
.bp-nouveau #buddypress aside.bp-feedback{
  background:rgba(255,243,0,.06)!important;
  border:1px solid rgba(255,243,0,.25)!important;
  color:var(--pe-text)!important;border-radius:8px!important;box-shadow:none!important}
#buddypress aside.bp-feedback .bp-help-text,
#buddypress .bp-feedback p,
#buddypress aside.bp-feedback p{color:var(--pe-text)!important;background:transparent!important}
/* the little info icon block on the left of the notice */
#buddypress aside.bp-feedback .bp-icon,
#buddypress .bp-feedback .bp-icon{background:var(--pe-yellow)!important;color:#000!important}

/* Tabs row: make ALL GROUPS + CREATE A GROUP equal, clean pills, fix the floating count */
#buddypress .bp-navs.bp-navs-dir-nav ul,
#buddypress div.item-list-tabs#subnav ul,
#buddypress div.item-list-tabs ul{
  display:flex!important;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:0;background:transparent!important;border:none!important}
#buddypress div.item-list-tabs li,#buddypress .bp-navs li{float:none!important;margin:0!important;background:transparent!important}
#buddypress div.item-list-tabs li a,#buddypress .bp-navs li a{
  display:inline-flex!important;align-items:center;gap:8px;
  padding:10px 18px!important;height:auto!important;line-height:1.2!important;
  background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.12)!important;
  border-radius:8px!important;color:var(--pe-text)!important}
#buddypress div.item-list-tabs li.selected a,#buddypress div.item-list-tabs li.current a,
#buddypress .bp-navs li.selected a,#buddypress .bp-navs li.current a{
  background:var(--pe-yellow)!important;color:#000!important;border-color:var(--pe-yellow)!important;font-weight:700}
/* the count bubble — keep it inline, not floating */
#buddypress div.item-list-tabs li a span,#buddypress .bp-navs li a span{
  position:static!important;display:inline-block;background:rgba(0,0,0,.25);color:inherit;
  border-radius:20px;padding:1px 9px;font-size:.78em;margin:0}
#buddypress li.selected a span,#buddypress li.current a span{background:rgba(0,0,0,.3);color:#000}

/* The order/filter dropdown (Last Active) — style the select so it's visible */
#buddypress .last select,#buddypress #groups-order-select select,
#buddypress .component-filters select,#buddypress li.filter select{
  background:rgba(255,255,255,.06)!important;color:#fff!important;
  border:1px solid rgba(255,243,0,.3)!important;border-radius:8px!important;padding:8px 12px!important}
#buddypress .component-filters label,#buddypress .filter-label{color:var(--pe-muted)!important}
/* ===== BuddyPress: clear the fixed header ===== */
.buddypress-wrap,
body.buddypress #buddypress,
body.bp-user #buddypress,
.bp-nouveau #buddypress{padding-top:120px!important}
@media(max-width:767.98px){
  .buddypress-wrap,body.buddypress #buddypress,
  body.bp-user #buddypress,.bp-nouveau #buddypress{padding-top:95px!important}
}