/*
Theme Name: Kadence Child
Template: kadence
*/

/* ---------------------------------------------------
   Remove Kadence container constraints on single paintings
--------------------------------------------------- */

.single-paintings #inner-wrap.wrap {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ---------------------------------------------------
   Main Painting Container (your real layout width)
--------------------------------------------------- */

.painting-single {
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* ---------------------------------------------------
   Two Column Layout
--------------------------------------------------- */

.painting-layout {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

/* Columns */
.painting-column {
    box-sizing: border-box;
}

/* Balanced 70 / 30 layout */
.painting-column-left {
    flex: 0 0 70%;
}

.painting-column-right {
    flex: 0 0 30%;
	padding-right: 40px;
}

/* Slight adjustment on medium screens */
@media (max-width: 1024px) {
    .painting-column-left {
        flex: 0 0 65%;
    }

    .painting-column-right {
        flex: 0 0 35%;
    }
}

/* Stack columns on mobile */
@media (max-width: 768px) {
    .painting-layout {
        flex-direction: column;
    }

    .painting-column-left,
    .painting-column-right {
        flex: 0 0 100%;
    }

    .painting-single {
        padding: 0 16px;
    }
}

/* ---------------------------------------------------
   Featured Image
--------------------------------------------------- */

.painting-featured-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* ---------------------------------------------------
   Meta Information
--------------------------------------------------- */

.painting-meta {
    margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.painting-meta p {
    margin: 0 0 0.5rem;
}

/* ---------------------------------------------------
   Description
--------------------------------------------------- */

.painting-description {
    margin-top: 1.5rem;
}

/* =========================
   Paintings Archive Grid
========================= */

.paintings-archive {
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.paintings-archive-header {
    text-align: center;
    margin-bottom: 40px;
}

.paintings-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px; /* vertical / horizontal spacing */
}

/* Responsive */
@media (max-width: 1024px) {
    .paintings-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 640px) {
    .paintings-grid {
        grid-template-columns: 1fr;
    }
}

/* Card */
.painting-card {
    margin: 0;
}

.painting-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* Image */
.painting-card-media {
    overflow: hidden;
    margin-bottom: 14px;
}

.painting-card-img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 250ms ease;
}

/* Subtle hover zoom only */
.painting-card-link:hover .painting-card-img {
    transform: scale(1.03);
}

/* Text below image */
.painting-card-title {
    margin: 0 0 6px;
    font-size: 1.05rem;
    line-height: 1.2;
}

.painting-card-artist,
.painting-card-medium {
    margin: 0;
    font-size: 0.95rem;
    opacity: 0.8;
}

/* Pagination */
.paintings-pagination {
    margin-top: 50px;
}
/* Intro wrapper for artist archive */
.paintings-archive-intro {
    max-width: 105ch;
    margin: 0 auto 40px;
}

/* Title */
.paintings-archive-title {
    margin: 0 0 16px;
}

/* Description */
.paintings-archive-description {
    opacity: 0.9;
}

.paintings-archive-description p {
    margin: 0 0 12px;
}