/* =========================
   RESET HEADER + NAV BORDERS
   ========================= */

/* HEADER: keep ONLY one clean line */
.site-header {
    border-bottom: 1px solid #c8a96b !important;
    box-shadow: none !important;
}

/* NAVIGATION: ensure no top border + one bottom line */
.main-navigation,
.navigation-top {
    border-top: none !important;
    border-bottom: 1px solid #c8a96b !important;
    box-shadow: none !important;
}

/* REMOVE ANY FAKE EXTRA LINES (common in themes) */
.site-header::before,
.site-header::after,
.navigation-top::before,
.navigation-top::after,
.main-navigation::before,
.main-navigation::after {
    display: none !important;
}

/* ===== MAIN CONTENT BOX ===== */

.content-area {
    border: 1px solid #c8a96b;
    padding: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
}


/* ===== BLOG POSTS ===== */

article {
    border-bottom: 1px solid #c8a96b;
    padding-bottom: 40px;
    margin-bottom: 40px;
}


/* ===== SIDEBAR ===== */

.widget-area {
    border-left: 1px solid #c8a96b;
    padding-left: 30px;
}


/* ===== BUTTONS ===== */

.wp-block-button__link,
button {

    border: 1px solid #c8a96b !important;
    background: transparent !important;
    color: #c8a96b !important;
}


/* ===== IMAGE STYLING ===== */

img {
    border: 1px solid #c8a96b;
    padding: 4px;
}

/* ===== GOLD HOVER ===== */

a:hover {
    color: #c8a96b;
}

/* REMOVE THEME DUPLICATE LINES */
.site-header,
.main-navigation {
    box-shadow: none !important;
}
/* SAFETY: remove theme-added duplicate lines */
.navigation-top,
.site-header,
.main-navigation {
    box-shadow: none !important;
}

/* ===== DISPLAY POSTS IMAGE SPACING FIX ===== */

.display-posts-listing img {
    display: block;
    margin-bottom: 24px !important;
}

/* =========================
   DISPLAY POSTS: CARD LAYOUT
   ========================= */

.display-posts-listing > div {
    border: 1px solid #c8a96b;
    padding: 20px;
    margin-bottom: 30px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background: transparent;
}

/* Hover effect (subtle lift) */
.display-posts-listing > div:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
}

/* Image styling inside cards */
.display-posts-listing img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    border: 1px solid #c8a96b;
    padding: 4px;
}

/* Title styling */
.display-posts-listing a {
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: inherit;
}

/* Excerpt spacing */
.display-posts-listing .excerpt {
    margin-top: 10px;
    line-height: 1.6;
}

/* Optional: tighten last element spacing */
.display-posts-listing > div > *:last-child {
    margin-bottom: 0;
}

/* =========================
   ONLY DISPLAY POSTS TITLES
   ========================= */

.display-posts-listing a {
    font-size: 34px !important;
    font-weight: 600;
}

.display-posts-listing a {
    font-size: 34px !important;
    font-weight: 600;
    line-height: 1.3;
}

/* =========================
   FIX SINGLE POST TITLE SIZE + SPACING
   ========================= */

.single-post .entry-header {
    margin-top: 30px;
}

.single-post .entry-title {
    font-size: 30px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 20px;
}

.page .entry-title {
    font-size: 30px;
}

.page-id-159 .entry-title {
    font-size: 20px;
}

.display-posts-listing {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

@media (max-width: 768px) {
    .display-posts-listing {
        grid-template-columns: 1fr;
    }
}