/*
Theme Name: Hello Biz Child
Theme URI: https://github.com/elementor/hello-biz-child/
Description: Hello Biz Child is a child theme of Hello Biz, created by Elementor team
Author: Elementor Team
Template: hello-biz
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Version: 1.0.0
Stable tag: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-biz-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/

/* Add your custom styles here */

/*Plotly Standard Styles */
/* Target all Plotly charts */
.plotly-graph-div text {
  font-family: "Outfit", sans-serif !important;
  fill:  #26284e !important; /* Text color */
}

.plotly-graph-div .xtitle {
  font-family: "Outfit", sans-serif !important;
  font-weight: 600 !important; /* Bold title */
  fill: #F15D52 !important; /* Text color */
}

.plotly-graph-div .ytitle {
  font-family: "Outfit", sans-serif !important;
  line-height: 0.9em !important; /* Adjust line height */
  fill: #F15D52 !important;
}
 
/*Background color for the entire chart area 
.bg {
  fill: red !important; /* Light gray background 
}*/

/* Axis tick labels */
.plotly-graph-div .xtick text,
.plotly-graph-div .ytick text {
  font-family: "Outfit", sans-serif !important;
  line-height: 0.9em;
}

.plotly .yaxislayer-above text {
  line-height: 1; /* This affects spacing between lines in multi-line labels */
}

.plotly .xaxislayer-above text {
  line-height: 1; /* This affects spacing between lines in multi-line labels */
}

.plotly-graph-div .ytick text {
  padding-right: 2em; /* Adjust padding for y-axis labels */
}

/* Hover tooltip text */
.plotly-graph-div .hovertext text {
  font-family: "Outfit", sans-serif !important;
  fill: white !important;
}

/* Tooltip background box */
.plotly-graph-div .hovertext .bg {
  fill: yellowgreen!important;   /* Tooltip background color */
  rx: 6;                      /* Rounded corners */
  ry: 6;
  opacity: 1 !important;
  padding: 20px; 
}

/* Legend text (if legend is enabled) */
.plotly-graph-div .legend text {
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
  fill: #26284e!important;
}

/* Transparent overall chart background */
.plotly-graph-div .bg {
  fill: transparent !important;
}

/* Also target the full paper background just in case */
.plotly-graph-div .bglayer rect.bg {
  fill: transparent !important;
}

/* Remove plot area background */
.plotly-graph-div .plot {
  background: transparent !important;
}

/* Header and Footer Styles */
.comboLogo {
  mix-blend-mode: difference !important;
}
