/*
Theme Name: Berliner - Ignition Child
Theme URI: https://www.cssigniter.com/themes/berliner/
Author: CSSIgniter
Author URI: https://www.cssigniter.com/
Description: Child theme for Berliner - Ignition
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ignition-berliner
Text Domain: ignition-berliner-child
*/

/*
 * Add your custom styles below. The parent theme's styles are loaded automatically by default.
 * If you need to change this, see functions.php
 */

/* =========================================
   Berliner Theme – Arrow-Only Pagination
   ========================================= */

/* Hide default numeric pagination */
.ci-pagination .page-numbers,
.ci-pagination .dots,
.widget .ci-pagination span:not(.prev):not(.next),
.widget .ci-pagination a:not(.prev):not(.next) {
  display: none !important;
}

/* Pagination container */
.ci-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
}

/* Arrow buttons (prev/next) */
.ci-pagination .prev,
.ci-pagination .next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #333;
  color: #fff;
  font-size: 0;            /* hide text label */
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
  text-decoration: none;
  border: 2px solid transparent;
}

/* CSS arrows via pseudo-elements */
.ci-pagination .prev::after,
.ci-pagination .next::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.ci-pagination .prev::after {
  transform: rotate(-135deg);
  margin-left: 3px;
}

.ci-pagination .next::after {
  transform: rotate(45deg);
  margin-right: 3px;
}

/* Hover / focus states */
.ci-pagination .prev:hover,
.ci-pagination .next:hover {
  background-color: #555;
  transform: scale(1.1);
}

.ci-pagination .prev:focus-visible,
.ci-pagination .next:focus-visible {
  outline: none;
  border-color: #0073aa;
  box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.35);
}

/* Disabled state when on first/last page */
.ci-pagination .prev.disabled,
.ci-pagination .next.disabled {
  opacity: 0.35;
  pointer-events: none;
}

/* Smooth-scroll the widget content area on page change */
.widget .ci-post-list,
.widget .row.posts-list {
  scroll-behavior: smooth;
}