/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* ==========================================================
   RootsGuard — Affiliate Portal: Sidebar Rebrand
   Targets the Tailwind-based Portal sidebar nav
   Colors: BG #5d7254  |  Text/Icons #fffef4
   ========================================================== */

:root {
  --rg-sidebar-bg: #5d7254;   /* RootsGuard green */
  --rg-sidebar-fg: #fffef4;   /* warm off-white */
  --rg-accent:     #bc6c25;   /* Tiger’s Eye for active marker */
}

/* ---- Sidebar container (Portal) ----
   We target all likely portal shells for safety */
.portal nav,
#affiliate-portal-content nav,
.affwp-portal nav {
  background: var(--rg-sidebar-bg) !important;
  color: var(--rg-sidebar-fg) !important;
}

/* Kill any Tailwind gray backgrounds inside the nav
   that would otherwise sit on top of our bg color */
.portal nav [class*="bg-gray-"],
#affiliate-portal-content nav [class*="bg-gray-"],
.affwp-portal nav [class*="bg-gray-"] {
  background-color: transparent !important;
}

/* ---- Links / text ---- */
.portal nav a,
#affiliate-portal-content nav a,
.affwp-portal nav a {
  color: var(--rg-sidebar-fg) !important;
  opacity: 0.92;
  text-decoration: none;
}

.portal nav a:hover,
#affiliate-portal-content nav a:hover,
.affwp-portal nav a:hover {
  opacity: 1;
  background: rgba(255,255,255,0.12) !important;
}

/* ---- Active menu item ---- */
.portal nav a[aria-current="page"],
#affiliate-portal-content nav a[aria-current="page"],
.affwp-portal nav a[aria-current="page"],
.portal nav .active,
#affiliate-portal-content nav .active,
.affwp-portal nav .active {
  background: rgba(255,255,255,0.18) !important;
  color: var(--rg-sidebar-fg) !important;
  border-left: 4px solid var(--rg-accent) !important;
  padding-left: 12px !important;
  border-radius: 4px;
}

/* ---- Icons (SVGs) ---- */
.portal nav svg,
.portal nav svg *,
#affiliate-portal-content nav svg,
#affiliate-portal-content nav svg *,
.affwp-portal nav svg,
.affwp-portal nav svg * {
  color: var(--rg-sidebar-fg) !important;
  fill:  var(--rg-sidebar-fg) !important;
  stroke:var(--rg-sidebar-fg) !important;
}

/* ---- “Back to site” link (has id in Portal builds) ---- */
#back-to-site-link {
  color: var(--rg-sidebar-fg) !important;
}
/* ===== RootsGuard – Affiliate Portal : Sidebar only ===== */
/* Brand colors (keep the same variables you already use) */
:root{
  --rg-sidebar-bg:#5d7254;   /* panel background */
  --rg-sidebar-fg:#fffef4;   /* text & icons */
  --rg-accent:#bc6c25;       /* used for active left border */
}

/* Target the whole sidebar column (Tailwind uses w-64 + flex-col) */
.portal [class*="w-64"][class*="flex-col"],
#affiliate-portal-content [class*="w-64"][class*="flex-col"],
.affwp-portal [class*="w-64"][class*="flex-col"]{
  background:var(--rg-sidebar-bg) !important;
  color:var(--rg-sidebar-fg) !important;
}

/* Force any internal Tailwind gray backgrounds in the column to your green */
.portal [class*="w-64"][class*="flex-col"] .bg-gray-800,
.portal [class*="w-64"][class*="flex-col"] .bg-gray-900,
.portal [class*="w-64"][class*="flex-col"] .bg-gray-700,
#affiliate-portal-content [class*="w-64"][class*="flex-col"] .bg-gray-800,
#affiliate-portal-content [class*="w-64"][class*="flex-col"] .bg-gray-900,
#affiliate-portal-content [class*="w-64"][class*="flex-col"] .bg-gray-700,
.affwp-portal [class*="w-64"][class*="flex-col"] .bg-gray-800,
.affwp-portal [class*="w-64"][class*="flex-col"] .bg-gray-900,
.affwp-portal [class*="w-64"][class*="flex-col"] .bg-gray-700{
  background:var(--rg-sidebar-bg) !important;
}

/* Sidebar links & icons */
.portal [class*="w-64"][class*="flex-col"] a,
#affiliate-portal-content [class*="w-64"][class*="flex-col"] a,
.affwp-portal [class*="w-64"][class*="flex-col"] a{
  color:var(--rg-sidebar-fg) !important;
  opacity:.92;
  text-decoration:none;
}
.portal [class*="w-64"][class*="flex-col"] a:hover,
#affiliate-portal-content [class*="w-64"][class*="flex-col"] a:hover,
.affwp-portal [class*="w-64"][class*="flex-col"] a:hover{
  opacity:1;
  background:rgba(255,255,255,.12) !important;
}

/* Make the menu icons light as well */
.portal [class*="w-64"][class*="flex-col"] svg,
.portal [class*="w-64"][class*="flex-col"] svg *,
#affiliate-portal-content [class*="w-64"][class*="flex-col"] svg,
#affiliate-portal-content [class*="w-64"][class*="flex-col"] svg *,
.affwp-portal [class*="w-64"][class*="flex-col"] svg,
.affwp-portal [class*="w-64"][class*="flex-col"] svg *{
  color:var(--rg-sidebar-fg) !important;
  fill: var(--rg-sidebar-fg) !important;
  stroke:var(--rg-sidebar-fg) !important;
}

/* Active menu item */
.portal [class*="w-64"][class*="flex-col"] a[aria-current="page"],
#affiliate-portal-content [class*="w-64"][class*="flex-col"] a[aria-current="page"],
.affwp-portal [class*="w-64"][class*="flex-col"] a[aria-current="page"]{
  background:rgba(255,255,255,.18) !important;
  border-left:4px solid var(--rg-accent) !important;
  color:var(--rg-sidebar-fg) !important;
  padding-left:12px !important;
  border-radius:4px;
}

/* The small “Back to site” link strip */
#back-to-site-link,
#back-to-site-link *{
  color:var(--rg-sidebar-fg) !important;
}