/* 
Theme Name: lee Swimming Pools
Theme URI: https://github.com/elementor/hello-theme-child/
Description: leeswimmingpools is a child theme of Hello Elementor, created by Tauseef.
Author: imtausef
Author URI: 
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 */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
a{
	color: var(--e-global-color-accent);
}
/* ///////////////////////////////////////////////// */
/* ///////////////RESPONSIVE LINE HEIGHTS///////////////// */
/* ///////////////////////////////////////////////// */
/* Desktop (1025px and above) */
h1 { line-height: 1.2 !important; }
h2 { line-height: 1.3 !important; }
h3 { line-height: 1.4 !important; }
h4 { line-height: 1.4 !important; }
h5 { line-height: 1.5 !important; }
h6 { line-height: 1.5 !important; }
p  { line-height: 1.6 !important; }


/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
  h1 { font-size: 2.5rem; line-height: 1.2 !important; }
  h2 { font-size: 2rem; line-height: 1.3 !important; }
  h3 { font-size: 1.75rem; line-height: 1.4 !important; }
  h4 { font-size: 1.375rem; line-height: 1.4 !important; }
  h5 { font-size: 1.125rem; line-height: 1.5 !important; }
  h6 { font-size: 1rem; line-height: 1.5 !important; }
  p  { font-size: 1rem; line-height: 1.6 !important; }
}

/* Mobile Landscape (max-width: 880px) */
@media (max-width: 880px) {
  h1 { font-size: 2rem; line-height: 1.2 !important; }
  h2 { font-size: 1.75rem; line-height: 1.3 !important; }
  h3 { font-size: 1.5rem; line-height: 1.4 !important; }
  h4 { font-size: 1.25rem; line-height: 1.4 !important; }
  h5 { font-size: 1.125rem; line-height: 1.5 !important; }
  h6 { font-size: 1rem; line-height: 1.5 !important; }
  p  { font-size: 0.95rem; line-height: 1.6 !important; }
}

/* Mobile Portrait (max-width: 767px) */
@media (max-width: 767px) {
  h1 { font-size: 1.75rem; line-height: 1.2 !important; }
  h2 { font-size: 1.5rem; line-height: 1.3 !important; }
  h3 { font-size: 1.25rem; line-height: 1.4 !important; }
  h4 { font-size: 1.125rem; line-height: 1.4 !important; }
  h5 { font-size: 1rem; line-height: 1.5 !important; }
  h6 { font-size: 0.95rem; line-height: 1.5 !important; }
  p  { font-size: 0.9rem; line-height: 1.6 !important; }
}


/* ///////////////////////////////////////////////// */
/* ///////////////DARK MODE///////////////// */
/* ///////////////////////////////////////////////// */
#darkModeImg {display: none;}
#darkToggle {cursor: pointer;}

/* Override global colors in dark mode */
body.dark-mode {
	--e-global-color-primary: #fff;
    --e-global-color-secondary: #1A1A1A;
    --e-global-color-text: #fff;
    --e-global-color-accent: #FFC107; /*Accent Unchanged*/
	
    --e-global-color-a932c5b: #FBB140; /*Hover*/
    --e-global-color-4c2fbb2: #F7F7F7; /*Dark Section Bg*/
    --e-global-color-1a1462d: #1A1A1A; /*Light Section Bg*/
}

/* Basic dark theme background and text color */
.dark-mode {
  background-color: var(--e-global-color-1a1462d);
  color: var(--e-global-color-text);
}

/* Button styling */
body.dark-mode .elementor-button {
  background-color: var(--e-global-color-accent);
  color: --e-global-color-1a1462d; /* Ensure readability */
}

body.dark-mode .elementor-button:hover {
  background-color: var(--e-global-color-a932c5b);
  color: --e-global-color-1a1462d;
}

/* Icon color in dark mode */
body.dark-mode i {
  color: var(--e-global-color-text);
}
body.dark-mode svg{
	fill:  var(--e-global-color-text);
}
body.dark-mode .light-logo{
	display: none;
}
body.dark-mode .dark-logo{
	display: block;
}