/* ============================================================
   Dark Mode Toggle — dark-mode-toggle.css
   ============================================================ */

/* ── Dark mode ── */
[data-theme="dark"] {
  --wp--preset--color--base:        #00171F !important;
  --wp--preset--color--base-2:      #012a38 !important;
  --wp--preset--color--contrast:    #FFFFFF !important;
  --wp--preset--color--contrast-2:  #246EB9 !important;

  background-color: #00171F !important;
  color:            #FFFFFF !important;
}

[data-theme="dark"] body,
[data-theme="dark"] .wp-site-blocks,
[data-theme="dark"] header,
[data-theme="dark"] footer,
[data-theme="dark"] main,
[data-theme="dark"] article,
[data-theme="dark"] .wp-block-post-content {
  background-color: #00171F !important;
  color:            #FFFFFF !important;
}

/* Links */
[data-theme="dark"] a              { color: #DFF3E4 !important; }
[data-theme="dark"] a:hover        { color: #246EB9 !important; }

/* Headings */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: #DFF3E4 !important;
}

/* Borders & separators */
[data-theme="dark"] hr,
[data-theme="dark"] .wp-block-separator {
  border-color: #246EB9 !important;
  opacity: 0.4;
}

/* Inputs */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: #012a38 !important;
  color:            #FFFFFF !important;
  border-color:     #246EB9 !important;
}

/* Form submission buttons */
[data-theme="dark"] input[type="submit"],
[data-theme="dark"] button[type="submit"] {
  background-color: #246EB9 !important;
  color:            #FFFFFF !important;
  border-color:     #246EB9 !important;
}

/* ── Toggle button ── */
#theme-toggle {
  position:        fixed;
  bottom:          24px;
  right:           24px;
  z-index:         9999;
  width:           44px;
  height:          44px;
  border-radius:   50%;
  border:          2px solid #246EB9;
  background:      #FFFFFF;
  color:           #00171F;
  font-size:       20px;
  cursor:          pointer;
  display:         flex;
  align-items:     center;
  justify-content: center;
  transition:      background 0.3s, color 0.3s, border-color 0.3s;
  box-shadow:      0 2px 10px rgba(0, 23, 31, 0.2);
}

[data-theme="dark"] #theme-toggle {
  background:   #0A2A33;
  color:        #DFF3E4;
  border-color: #246EB9;
  box-shadow:   0 2px 10px rgba(30, 145, 214, 0.3);
}

#theme-toggle:hover {
  background:   #246EB9;
  color:        #FFFFFF;
  border-color: #246EB9;
}

/* Hide/show logos based on theme */
.site-logo-light { display: block; }
.site-logo-dark  { display: none;  }

[data-theme="dark"] .site-logo-light { display: none;  }
[data-theme="dark"] .site-logo-dark  { display: block; }