/* =========================================================
   Phase 2A Final CSS - Clean Version
   Approved darkest color: #311235
   ========================================================= */


/* Separate Jetpack floating Subscribe button from the accessibility button */
p#subscribe-submit button.wp-block-button__link.no-border-radius[name="jetpack_subscriptions_widget"] {
  transform: translateX(-60px) !important;
}


/* Fix Jetpack Subscribe button inside header/navigation */
header .wp-block-jetpack-subscriptions,
header .wp-block-jetpack-subscriptions__container,
header .wp-block-jetpack-subscriptions__form-elements,
header #subscribe-blog,
header p#subscribe-submit {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
}


/* Header Subscribe button */
header p#subscribe-submit button.wp-block-button__link.no-border-radius[name="jetpack_subscriptions_widget"] {
  transform: none !important;
  position: relative !important;
  margin-left: 22px !important;
  margin-right: 22px !important;
  background: #311235 !important;
  color: #ffffff !important;
  padding: 16px 24px !important;
  min-width: 110px !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  border: 1px solid #311235 !important;
  border-radius: 0 !important;
  text-align: center !important;
}


/* Header Subscribe hover: keep dark with white text */
header p#subscribe-submit button.wp-block-button__link.no-border-radius[name="jetpack_subscriptions_widget"]:hover,
header p#subscribe-submit button.wp-block-button__link.no-border-radius[name="jetpack_subscriptions_widget"]:focus,
header p#subscribe-submit button.wp-block-button__link.no-border-radius[name="jetpack_subscriptions_widget"]:active {
  background: #311235 !important;
  color: #ffffff !important;
  border-color: #311235 !important;
  text-decoration: none !important;
}


/* Header navigation spacing */
header nav,
header .wp-block-navigation__container {
  gap: 18px !important;
}


/* =========================================================
   Global purple footer treatment
   ========================================================= */

footer,
.site-footer,
#colophon,
.wp-block-template-part:has(footer) {
  background: #311235 !important;
  color: #ffffff !important;
}


/* Remove white footer card/backgrounds inside footer */
footer .wp-block-group,
.site-footer .wp-block-group,
#colophon .wp-block-group {
  background: transparent !important;
  color: #ffffff !important;
}


/* Reduce footer height without changing width */
footer,
.site-footer,
#colophon {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: auto !important;
}

footer .wp-block-cover,
.site-footer .wp-block-cover,
#colophon .wp-block-cover {
  min-height: 360px !important;
  padding-top: 34px !important;
  padding-bottom: 28px !important;
}

footer .wp-block-cover__inner-container,
.site-footer .wp-block-cover__inner-container,
#colophon .wp-block-cover__inner-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

footer > .wp-block-group,
.site-footer > .wp-block-group,
#colophon > .wp-block-group,
footer .wp-block-group:first-child,
.site-footer .wp-block-group:first-child,
#colophon .wp-block-group:first-child {
  padding-top: 28px !important;
  padding-bottom: 24px !important;
  min-height: auto !important;
}


/* Reduce footer spacers */
footer .wp-block-spacer,
.site-footer .wp-block-spacer,
#colophon .wp-block-spacer {
  height: 12px !important;
  max-height: 12px !important;
}


/* Footer headings */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
#colophon h1,
#colophon h2,
#colophon h3,
#colophon h4,
#colophon h5,
#colophon h6 {
  color: #f1c77a !important;
}


/* Footer paragraph text and links */
footer p,
footer li,
footer span,
footer a,
.site-footer p,
.site-footer li,
.site-footer span,
.site-footer a,
#colophon p,
#colophon li,
#colophon span,
#colophon a {
  color: #ffffff !important;
}


/* Footer links hover */
footer a:hover,
.site-footer a:hover,
#colophon a:hover {
  color: #f1c77a !important;
}


/* Footer search input */
footer input[type="search"],
footer input[type="text"],
.site-footer input[type="search"],
.site-footer input[type="text"],
#colophon input[type="search"],
#colophon input[type="text"] {
  background: #ffffff !important;
  color: #311235 !important;
  border: 1px solid #f1c77a !important;
}


/* Footer buttons */
footer button,
footer input[type="submit"],
.site-footer button,
.site-footer input[type="submit"],
#colophon button,
#colophon input[type="submit"] {
  background: #311235 !important;
  color: #ffffff !important;
  border: 1px solid #f1c77a !important;
}


/* =========================================================
   Category archive visual template treatment
   ========================================================= */

body.category main,
body.archive.category main {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 72px 24px 56px !important;
}


/* Archive page title */
body.category main h1,
body.archive.category main h1 {
  text-align: center !important;
  color: #311235 !important;
  font-size: clamp(36px, 5vw, 64px) !important;
  line-height: 1.05 !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 18px !important;
}


/* Decorative line under archive title */
body.category main h1::after,
body.archive.category main h1::after {
  content: "";
  display: block;
  width: 120px;
  height: 2px;
  background: #d6a84f;
  margin: 22px auto 0;
}


/* Archive post grid */
body.category main ul,
body.archive.category main ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 56px auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
}


/* Individual post cards */
body.category main ul li,
body.archive.category main ul li {
  position: relative !important;
  background: #ffffff !important;
  border: 1px solid #eadfd8 !important;
  border-left: 5px solid #311235 !important;
  border-radius: 4px !important;
  padding: 28px 28px 72px !important;
  box-shadow: 0 10px 26px rgba(49, 18, 53, 0.08) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}


/* Card hover */
body.category main ul li:hover,
body.archive.category main ul li:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 34px rgba(49, 18, 53, 0.13) !important;
}


/* Post titles */
body.category main ul li h2,
body.archive.category main ul li h2 {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  color: #311235 !important;
}


/* Post title links */
body.category main ul li h2 a,
body.archive.category main ul li h2 a {
  color: #311235 !important;
  text-decoration: none !important;
}

body.category main ul li h2 a:hover,
body.archive.category main ul li h2 a:hover {
  color: #311235 !important;
}


/* Excerpts */
body.category main ul li p,
body.archive.category main ul li p {
  color: #4f4750 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin-bottom: 0 !important;
}


/* Remove old non-clickable Read Article label */
body.category main ul li::after,
body.archive.category main ul li::after {
  display: none !important;
  content: none !important;
}


/* Clickable Read Article label through actual post title link */
body.category main ul li h2 a::after,
body.archive.category main ul li h2 a::after {
  content: "Read Article →";
  position: absolute;
  left: 28px;
  bottom: 28px;
  color: #311235;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
}


/* Hover treatment */
body.category main ul li h2 a:hover::after,
body.archive.category main ul li h2 a:hover::after {
  color: #311235;
  text-decoration: underline;
}


/* Pagination */
body.category main nav,
body.archive.category main nav {
  margin-top: 56px !important;
  text-align: center !important;
}

body.category main nav a,
body.archive.category main nav a {
  display: inline-block !important;
  background: #311235 !important;
  color: #ffffff !important;
  border: 1px solid #311235 !important;
  padding: 12px 22px !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

body.category main nav a:hover,
body.archive.category main nav a:hover {
  background: #311235 !important;
  color: #ffffff !important;
}


/* Tablet */
@media (max-width: 980px) {
  body.category main ul,
  body.archive.category main ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* Mobile */
@media (max-width: 680px) {
  body.category main,
  body.archive.category main {
    padding: 48px 20px 48px !important;
  }

  body.category main ul,
  body.archive.category main ul {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    margin-top: 38px !important;
  }

  body.category main ul li,
  body.archive.category main ul li {
    padding: 24px 24px 68px !important;
  }

  body.category main ul li h2,
  body.archive.category main ul li h2 {
    font-size: 20px !important;
  }

  body.category main ul li h2 a::after,
  body.archive.category main ul li h2 a::after {
    left: 24px;
    bottom: 24px;
  }

  footer .wp-block-cover,
  .site-footer .wp-block-cover,
  #colophon .wp-block-cover {
    min-height: 320px !important;
    padding-top: 28px !important;
    padding-bottom: 24px !important;
  }
}