/*
Theme Name:   Kadence Child — Phil James Realtor®
Theme URI:    https://philjamesrealty.com
Description:  Child theme for Kadence — Phil James Realtor®. All custom CSS lives here. Never edit the parent Kadence theme directly.
Author:       Phil James
Author URI:   https://philjamesrealty.com
Template:     kadence
Version:      1.1.0
Text Domain:  kadence-child
*/

/* =======================================================================
   PJR BRAND VARIABLES
   ======================================================================= */
:root {
  --pjr-navy:      #081c42;
  --pjr-dkblue:    #031b48;
  --pjr-green:     #5f836d;
  --pjr-mdblue:    #31a8f1;
  --pjr-ltgreen:   #c7e5d1;
  --pjr-ltblue:    #8adffa;
  --pjr-white:     #ffffff;
  --pjr-offwhite:  #f7f9fc;
  --pjr-font:      'Baskervville', Georgia, 'Times New Roman', serif;
}

/* =======================================================================
   GOOGLE FONTS — BASKERVVILLE
   ======================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&display=swap');

/* =======================================================================
   GLOBAL RESET — OVERRIDE KADENCE DEFAULTS
   ======================================================================= */
body,
.has-global-padding {
  background-color: var(--pjr-white) !important;
  color: var(--pjr-dkblue);
  font-family: var(--pjr-font);
}

body.single,
body.page,
body.archive,
body.home,
body.blog {
  background-color: var(--pjr-white) !important;
}

.site,
.site-content,
main,
.wp-site-blocks,
.content-area,
.kadence-inner-column-inner,
article.post,
article.page {
  background-color: var(--pjr-white) !important;
}

/* =======================================================================
   TYPOGRAPHY
   ======================================================================= */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--pjr-font);
  color: var(--pjr-navy);
}

p, li, td, th, blockquote {
  font-family: var(--pjr-font);
  color: var(--pjr-dkblue);
}

a {
  color: var(--pjr-mdblue);
  text-decoration: none;
}

a:hover {
  color: var(--pjr-green);
}

/* =======================================================================
   HEADER
   ======================================================================= */
.site-header,
.kadence-sticky-header,
header#masthead {
  background-color: var(--pjr-navy) !important;
  border-bottom: 3px solid var(--pjr-green) !important;
}

.site-title a,
.site-title,
header .site-title a {
  color: var(--pjr-white) !important;
  font-family: var(--pjr-font);
}

.main-navigation a,
.kadence-navigation a,
header nav a,
.site-header a {
  color: var(--pjr-white) !important;
  font-family: var(--pjr-font);
}

.main-navigation a:hover,
.kadence-navigation a:hover {
  color: var(--pjr-ltgreen) !important;
}

.main-navigation .current-menu-item > a,
.kadence-navigation .current-menu-item > a {
  color: var(--pjr-ltgreen) !important;
  border-bottom: 2px solid var(--pjr-green);
}

/* =======================================================================
   SINGLE POST PAGE
   ======================================================================= */
.single .entry-title,
.entry-title {
  font-family: var(--pjr-font);
  font-size: clamp(20px, 2.8vw, 30px);
  line-height: 1.3;
  color: var(--pjr-navy);
  max-width: 860px;
}

.entry-taxonomies a,
.posted-in a,
.cat-links a,
.entry-taxonomies {
  color: var(--pjr-green) !important;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-family: var(--pjr-font);
}

.entry-meta,
.entry-meta span,
.entry-meta a,
.posted-on,
.byline {
  color: var(--pjr-green) !important;
  font-size: 13px;
  font-family: var(--pjr-font);
}

.entry-content,
.single .entry-content {
  background-color: var(--pjr-white);
  max-width: 100%;
}

/* =======================================================================
   POST NAVIGATION
   ======================================================================= */
.post-navigation {
  border-top: 1px solid rgba(95,131,109,0.25);
  border-bottom: 1px solid rgba(95,131,109,0.25);
  padding: 16px 0;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  color: var(--pjr-mdblue);
  font-family: var(--pjr-font);
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  color: var(--pjr-green);
}

.post-navigation .meta-nav {
  display: none;
}

/* =======================================================================
   SIMILAR POSTS
   ======================================================================= */
.similar-posts-wrapper,
section.similar-posts {
  background-color: var(--pjr-offwhite);
  border-top: 2px solid rgba(95,131,109,0.2);
  padding: 32px 0;
}

.similar-posts-title,
.similar-posts h3 {
  color: var(--pjr-navy);
  font-family: var(--pjr-font);
  font-size: 18px;
}

.similar-posts .entry-title a {
  color: var(--pjr-navy);
}

.similar-posts .entry-title a:hover {
  color: var(--pjr-mdblue);
}

/* =======================================================================
   COMMENTS
   ======================================================================= */
.comments-area {
  border-top: 1px solid rgba(95,131,109,0.2);
  padding-top: 32px;
}

.comments-title,
.comment-reply-title {
  color: var(--pjr-navy);
  font-family: var(--pjr-font);
}

.comment-form .submit,
input[type="submit"] {
  background-color: var(--pjr-green) !important;
  color: var(--pjr-white) !important;
  border: none;
  border-radius: 6px;
  padding: 10px 24px;
  font-family: var(--pjr-font);
  font-size: 14px;
  cursor: pointer;
  transition: opacity 0.2s;
}

.comment-form .submit:hover,
input[type="submit"]:hover {
  opacity: 0.85;
}

/* =======================================================================
   FOOTER
   ======================================================================= */
.site-footer,
footer#colophon {
  background-color: var(--pjr-navy) !important;
  color: rgba(199,229,209,0.7);
  border-top: 2px solid var(--pjr-green);
  padding: 24px 32px;
  font-family: var(--pjr-font);
  font-size: 12px;
}

.site-footer a,
footer#colophon a {
  color: var(--pjr-ltgreen);
}

.site-footer a:hover,
footer#colophon a:hover {
  color: var(--pjr-white);
}

.site-footer .kadence-credit {
  color: rgba(199,229,209,0.4);
  font-size: 11px;
}

/* =======================================================================
   ARCHIVE / CATEGORY PAGE
   ======================================================================= */
.archive .entry-title a,
.blog .entry-title a {
  color: var(--pjr-navy);
}

.archive .entry-title a:hover,
.blog .entry-title a:hover {
  color: var(--pjr-mdblue);
}

.archive article,
.blog article {
  border-bottom: 1px solid rgba(95,131,109,0.15);
  padding-bottom: 24px;
  margin-bottom: 24px;
}

/* =======================================================================
   CUSTOM HTML BLOCK — MARKET PULSE
   ======================================================================= */
.wp-block-html,
.entry-content .wp-block-html {
  width: 100%;
  max-width: 100%;
  overflow: visible;
}

/* =======================================================================
   RESPONSIVE
   ======================================================================= */
@media (max-width: 768px) {
  .single .entry-title,
  .entry-title {
    font-size: clamp(18px, 5vw, 24px);
  }
}

/* =======================================================================
   MARKET UPDATES CATEGORY ARCHIVE — HUB PAGE
   ======================================================================= */

/* Full width archive container */
.category-market-updates .site-main,
.tax-category .site-main {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Page title */
.category-market-updates .page-title,
.category-market-updates h1.page-title {
    font-family: var(--pjr-font);
    font-size: 32px;
    font-weight: 700;
    color: var(--pjr-navy);
    text-align: center;
    margin-bottom: 8px;
}

/* Intro line below title */
.category-market-updates .archive-description p {
    text-align: center;
    font-size: 15px;
    color: #666;
    margin-bottom: 40px;
}

/* Post card grid — full width cards stacked */
.category-market-updates article.post {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 28px;
    background: var(--pjr-white);
    border: 1px solid rgba(95,131,109,0.2);
    border-radius: 12px;
    padding: 28px;
    margin-bottom: 24px;
    border-bottom: none;
    width: 100%;
    transition: box-shadow 0.2s, transform 0.2s;
}

.category-market-updates article.post:hover {
    box-shadow: 0 4px 20px rgba(8,28,66,0.1);
    transform: translateY(-2px);
}

/* Featured image thumbnail */
.category-market-updates article.post .post-thumbnail {
    flex-shrink: 0;
    width: 200px;
    height: 130px;
    border-radius: 8px;
    overflow: hidden;
}

.category-market-updates article.post .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Placeholder when no featured image */
.category-market-updates article.post .post-thumbnail-placeholder {
    flex-shrink: 0;
    width: 200px;
    height: 130px;
    border-radius: 8px;
    background: var(--pjr-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
}

.category-market-updates article.post .post-thumbnail-placeholder span {
    font-family: var(--pjr-font);
    font-size: 11px;
    color: var(--pjr-ltgreen);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* Card content area */
.category-market-updates article.post .entry-content-wrap {
    flex: 1;
    min-width: 0;
}

/* Category label */
.category-market-updates article.post .entry-taxonomies {
    margin-bottom: 8px;
}

/* Post title in card */
.category-market-updates article.post .entry-title {
    font-family: var(--pjr-font);
    font-size: 20px;
    font-weight: 700;
    color: var(--pjr-navy);
    line-height: 1.3;
    margin-bottom: 10px;
}

.category-market-updates article.post .entry-title a {
    color: var(--pjr-navy);
    text-decoration: none;
}

.category-market-updates article.post .entry-title a:hover {
    color: var(--pjr-mdblue);
}

/* Date and author */
.category-market-updates article.post .entry-meta {
    font-size: 12px;
    color: var(--pjr-green);
    margin-bottom: 12px;
}

/* Excerpt */
.category-market-updates article.post .entry-summary p,
.category-market-updates article.post .entry-content p {
    font-size: 14px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 16px;
}

/* Read More link */
.category-market-updates article.post .more-link,
.category-market-updates article.post a[class*="read-more"] {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pjr-green);
    text-decoration: none;
    border-bottom: 1px solid rgba(95,131,109,0.4);
    padding-bottom: 2px;
    transition: color 0.2s, border-color 0.2s;
}

.category-market-updates article.post .more-link:hover,
.category-market-updates article.post a[class*="read-more"]:hover {
    color: var(--pjr-mdblue);
    border-color: var(--pjr-mdblue);
}

/* Category archive intro — add description via WordPress */
.category-market-updates .archive-header {
    text-align: center;
    padding: 48px 0 16px;
    border-bottom: 1px solid rgba(95,131,109,0.15);
    margin-bottom: 40px;
}

/* Remove the left column effect Kadence default adds */
.category-market-updates .content-area {
    float: none;
    width: 100%;
}

.category-market-updates .site-main {
    margin-right: 0;
}

/* Responsive */
@media (max-width: 640px) {
    .category-market-updates article.post {
        flex-direction: column;
    }
    .category-market-updates article.post .post-thumbnail,
    .category-market-updates article.post .post-thumbnail-placeholder {
        width: 100%;
        height: 160px;
    }
}

/* =======================================================================
   CUSTOM STYLES — ADD BELOW AS SITE GROWS
   ======================================================================= */