/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme for Astra
Author: Brainstorm Force
Author URI: https://wpastra.com/
Template: astra
Version: 1.0.0
*/

/* Quick Ajax Post Loader – Card layout */

.qapl-card {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  display: flex;              /* flex container */
  flex-direction: column;     /* vertical layout */
  height: 100%;
}

/* Image */
.qapl-image {
  position: relative;
}

.qapl-thumb {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

/* Date badge */
.qapl-date {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #fff;
  color: #333;
  font-size: 13px;
  padding: 8px 12px;
  border-radius: 14px;
  font-weight: 600;
}

/* Content */
.qapl-content {
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;               /* fills remaining card height */
}

/* Title */
.qapl-title {
  margin: 20px 0 27px;
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
}

.qapl-content .qapl-title a,
.qapl-content .qapl-title a:hover {
  color: #2c5aa0;
  text-decoration: none;
}

/* Excerpt */
.qapl-excerpt {
  color: #555555;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 32px;
  text-shadow: 0 0 0.5px rgba(0,0,0,0.35);
  text-align: justify;
  hyphens: auto;
}

/* Read more */
.qapl-read-more {
  margin-top: auto;           /* pushes to bottom */
}

.qapl-read-more a {
  color: #2c5aa0;
  font-weight: 600;
  text-decoration: none;
}

.qapl-read-more a:hover {
  text-decoration: underline;
}

/* Quick Ajax Post Loader – Controls & Filters */

.qapl-wrapper button,
.qapl-wrapper a.qapl-filter,
.qapl-wrapper a.qapl-button,
.qapl-wrapper .qapl-load-more,
.qapl-wrapper .qapl-show-all,
.qapl-wrapper ul li a {
  background-color: #2c5aa0 !important;
  color: #ffffff !important;
  border-color: #2c5aa0 !important;
}

/* Hover state */
.qapl-wrapper button:hover,
.qapl-wrapper a.qapl-filter:hover,
.qapl-wrapper a.qapl-button:hover,
.qapl-wrapper .qapl-load-more:hover,
.qapl-wrapper .qapl-show-all:hover,
.qapl-wrapper ul li a:hover {
  background-color: #244c86 !important;
  border-color: #244c86 !important;
}

/* QAPL – Force button & filter colours (final override) */

[data-ajax-post-loader] a,
[data-ajax-post-loader] button,
.ue-ajax-post-loader a,
.ue-ajax-post-loader button {
  background-color: #2c5aa0 !important;
  color: #ffffff !important;
  border-color: #2c5aa0 !important;
}

/* Hover */
[data-ajax-post-loader] a:hover,
[data-ajax-post-loader] button:hover,
.ue-ajax-post-loader a:hover,
.ue-ajax-post-loader button:hover {
  background-color: #244c86 !important;
  border-color: #244c86 !important;
}
/* Quick Ajax Post Loader – Load More / Show All / Filters */

.qapl-button,
.qapl-load-more-button {
  background-color: #2c5aa0 !important;
  color: #ffffff !important;
  border-color: #2c5aa0 !important;
}

.qapl-button:hover,
.qapl-load-more-button:hover {
  background-color: #244c86 !important;
  border-color: #244c86 !important;
}

/* QAPL – Active filter (inverted colours) */

.qapl-button.active,
.qapl-button.qapl-active,
.qapl-button.current,
.qapl-button[aria-pressed="true"] {
  background-color: #ffffff !important;
  color: #2c5aa0 !important;
  border-color: #2c5aa0 !important;
}