/*
 Theme Name:   More News Child
 Theme URI:    https://actorfacts.com/
 Description:  Child theme for More News theme.
 Author:       Admin
 Author URI:   https://actorfacts.com/
 Template:     morenews
 Version:      1.0.0
*/

/* Gallery grid images: original aspect, not cropped square */
.actor-gallery-grid img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    background: #fafafa;
    border-radius: 6px;
    padding: 6px;
    box-sizing: border-box;
}

/* Responsive columns for gallery grid */
@media (max-width: 900px) {
    .actor-gallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .actor-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* --- GALLERY PAGINATION: Dynamic content width, centered --- */
.actor-gallery-pagination {
    text-align: center;
    margin-top: 16px;
}

/* Make pagination row only as wide as its content */
.actor-gallery-pagination ul.page-numbers {
    display: inline-flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    /* DO NOT ADD background or border here! */
}

.actor-gallery-pagination ul.page-numbers li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Page number buttons */
.actor-gallery-pagination .page-numbers {
    display: inline-block !important;
    padding: 8px 16px !important;
    border: 1.5px solid #ddd !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #333 !important;
    font-size: 1em !important;
    font-weight: 500 !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    transition: background 0.2s, border-color 0.2s, color 0.2s !important;
}

/* Current (active) page: blue */
.actor-gallery-pagination .page-numbers.current,
.actor-gallery-pagination .page-numbers[aria-current="page"] {
    background: #1976d2 !important;
    color: #fff !important;
    font-weight: bold !important;
    border-color: #1976d2 !important;
}

/* Hover effect for other pages */
.actor-gallery-pagination .page-numbers:hover:not(.current):not([aria-current]) {
    background: #e6e6e6 !important;
    color: #1976d2 !important;
    border-color: #1976d2 !important;
}