/*
Theme Name: Astra Child
Template: astra
Version: 1.0
Author: Your Name
Description: A child theme for Astra.
*/

/* Remove box shadow and border from QuickLaTeX images */
img.easy-latex,
img.ql-img-inline-formula,
img.quicklatex-auto-format {
    box-shadow: none !important;
    border: none !important;
    background: none !important;
}

/* Background color for inactive pagination buttons */
.ast-pagination .page-numbers {
    background-color: #f0f0f0;
    color: #333;
    padding: 8px 12px;
    border-radius: 4px;
    margin: 0 4px;
}

/* Background color for active/selected page */
.ast-pagination .page-numbers.current {
    background-color: #0073e6;
    color: #fff;
}

/* Background color on hover */
.ast-pagination .page-numbers:hover {
    background-color: #0073e6;
    color: #fff;
}

/* Styles for PublishPress Series Plugin */
/* Match fieldset style to .seriesmeta */
fieldset {
    background-color: #f5f5f5;
    border-left: 4px solid #0073e6;
    border: 1px solid #ddd;
    padding: 0.75em;
    margin: 1.5em 0;
}

/* Simulate an ordered list using ul and li */
.serieslist-ul {
    list-style-type: decimal;
    margin-left: 2.7em;
    padding-left: 0;
}

.serieslist-ul > li {
    list-style-type: decimal;
    margin: 0.3em 0;
    margin-left: 2.7em;
}

@media (max-width: 1024px) {
  [data-section="section-hb-social-icons-1"] {
    justify-content: center !important;
    display: flex !important;
  }

  .ast-header-social-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .header-social-inner-wrap {
    display: flex;
    justify-content: center;
    gap: 1rem; /* optional spacing between icons */
  }
}

/* For my own search page */
.custom-search-form {
  display: flex;
  align-items: stretch;
  max-width: 400px;
  margin-top: 1em;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
  background: #fff; /* match Astra’s default */
}

/* Search input */
.custom-search-form input[type="search"] {
  flex-grow: 1;
  border: none;
  padding: 0.5em 0.75em;
  font-size: 1rem;
  border-radius: 6px 0 0 6px;
  outline: none;
  background: #fff;
  color: inherit;
}

/* Submit button */
.custom-search-form button,
.custom-search-form input[type="submit"] {
  all: unset; /* remove Astra's default styling */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1em;
  font-size: 1rem;
  background: #f5f5f5; /* light gray like Astra background */
  color: #333;
  border-left: 1px solid #ccc;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
}

/* Hover effect */
.custom-search-form button:hover,
.custom-search-form input[type="submit"]:hover {
  background: #e0e0e0;
}