/* -------------------- PAGINATION STYLES -------------------- */
.pagination-controls {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1.5rem;
}

.pagination-button {
    font-size: 1rem;
    color: #000000;
    padding: 15px;
    margin: 5px;
    border-radius: 0;
    background: #FFFFFF;
    background: -moz-linear-gradient(bottom, #FFFFFF 0%, #F8FBFD 100%);
    background: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F8FBFD 100%);
    background: linear-gradient(to top, #F8FBFD 0%, #FFFFFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFF8FBFD", GradientType=0);
    border: solid 1px #EBE6DA;
    box-shadow: 0px 0px 20px #E8E8E8;
}
.pagination-next, .pagination-prev {
    color: #000;
    background: #fff;
    border: solid 1px #EBE6DA;
    box-shadow: 0px 0px 20px #E8E8E8;
    padding: 15px;
}
.pagination-button:hover {
 background: var(--secondary-color);
 color: #fff;
  text-decoration: none;
}
.pagination-button.hidden{
    display:none !important;
}
.pagination-button.active {
  background: var(--secondary-color);
    color: #fff;
}
button.pagination-button[disabled]
 {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}


/* Desktop/tablet: show everything normally */
.pagination-controls .pagination-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Mobile: only show prev, current number, next number, and next */
@media (max-width: 767px) {
  .pagination-controls .pagination-button.number {
    display: none;
  }
  .pagination-controls .pagination-button.number.show-mobile {
    display: inline-flex; /* current and next numeric only */
  }
  .pagination-controls .pagination-prev,
  .pagination-controls .pagination-next {
    display: inline-flex;
  }
}
/* -------------------- NEWS PAGE STYLES -------------------- */
.my-row{
    background-image: url(https://hr.rak.ae/wp-content/uploads/events-bg.png);
    background-size: contain;
    padding: 20px;
    gap:20px;
    display: grid;
    align-content: start;
    align-items: initial;
    grid-auto-flow: row;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    justify-content: start;
    justify-items: inherit;
}
.my-row[data-post-type="video"]{
    grid-template-columns: repeat(3, 1fr);
}
.my-row[data-post-type="photo"]{
    grid-template-columns: repeat(2, 1fr);
}
@media (max-width:1000px){
    .my-row[data-post-type="video"]{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width:767px){
    .my-row[data-post-type="video"]{
        grid-template-columns: repeat(1, 1fr);
    }
    .my-row[data-post-type="photo"]{
        grid-template-columns: repeat(1, 1fr);
    }
}