/*
 Theme Name: Astra Child
 Theme URI: https://wpastra.com/
 Author: Nurul Ali
 Author URI: https://www.wordpressgurupro.com/
 Template: astra
 Description: A child theme for Astra WordPress theme with Light + Dark Mode toggle + System Preference Auto Detect.
 Version: 1.1.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: astra-child
*/

/* Custom styles go here */body {
  border: 5px solid red !important;
}
/* Default (light) */
body {
  background-color: #ffffff;
  color: #000000;
}

/* Dark mode */
body.dark-mode {
  background-color: #111111 !important;
  color: #ffffff !important;
}

/* Example for links */
body.dark-mode a {
  color: #4da6ff !important;
}

/* Example for header/footer */
body.dark-mode header,
body.dark-mode footer {
  background-color: #222222 !important;
  color: #ffffff !important;
}
/* ============================================================
   ASTRA CHILD THEME DARK MODE PACK
   ============================================================ */

/* Base Dark Mode */
body.dark-mode {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

/* Headings & Paragraphs */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
  color: #ffffff !important;
}

body.dark-mode p {
  color: #cccccc !important;
}

/* Links */
body.dark-mode a {
  color: #4da6ff !important;
}
body.dark-mode a:hover {
  color: #82c7ff !important;
}

/* Header & Navigation */
body.dark-mode .site-header,
body.dark-mode .main-header-bar {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
}

body.dark-mode .main-header-menu a {
  color: #dddddd !important;
}

body.dark-mode .main-header-menu a:hover,
body.dark-mode .main-header-menu .current-menu-item > a {
  color: #4da6ff !important;
}

/* Footer */
body.dark-mode .site-footer {
  background-color: #1a1a1a !important;
  color: #cccccc !important;
}
body.dark-mode .site-footer a {
  color: #4da6ff !important;
}

/* Sidebar / Widgets */
body.dark-mode .widget {
  background-color: #1c1c1c !important;
  color: #dddddd !important;
  border: 1px solid #333333;
  padding: 15px;
  border-radius: 6px;
}
body.dark-mode .widget-title {
  color: #ffffff !important;
}

/* Buttons */
body.dark-mode button,
body.dark-mode input[type="button"],
body.dark-mode input[type="submit"],
body.dark-mode .wp-block-button__link {
  background-color: #4da6ff !important;
  color: #ffffff !important;
  border: none !important;
}
body.dark-mode button:hover,
body.dark-mode input[type="submit"]:hover,
body.dark-mode .wp-block-button__link:hover {
  background-color: #007acc !important;
}

/* Forms */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
  background-color: #222222 !important;
  color: #eeeeee !important;
  border: 1px solid #444444 !important;
}

/* Tables */
body.dark-mode table {
  background-color: #1c1c1c !important;
  border: 1px solid #333333;
  color: #dddddd !important;
}
body.dark-mode th,
body.dark-mode td {
  border: 1px soli