/*
Theme Name: Activity Talks Custom Theme
Template: gracefulgold-pro
*/
:root {
  /* CSS variables are now handled by functions.php customizer output */
}

.read-more a {
  border-color: var(--accent_color) !important;
  color: var(--accent_color) !important;
}

.gracefulgold-widget .widget-title {
  border-color: var(--accent_color) !important;
}

.gracefulgold-widget .widget-title::after {
  border-top-color: var(--accent_color) !important;
}

.main-nav-search .fa-search {
  background-color: var(--accent_color) !important;
}

/* Slider Typography and Shadow Styles */
/* Desktop Slider Styles */
@media (min-width: 481px) {
  .slider-title,
  .slider-content h1,
  .slider-content h2,
  .slider-content h3 {
    font-size: var(--slider_desktop_font_size) !important;
    font-weight: var(--slider_desktop_font_weight) !important;
    letter-spacing: var(--slider_desktop_letter_spacing) !important;
    line-height: var(--slider_desktop_line_height) !important;
    margin-bottom: var(--slider_desktop_margin_bottom) !important;
    text-shadow: var(--slider_desktop_shadow) !important;
	color: var(--slider_text) !important;
  }
}

/* Mobile Slider Styles */
@media (max-width: 480px) {
  .slider-title,
  .slider-content h1,
  .slider-content h2,
  .slider-content h3 {
    font-size: var(--slider_mobile_font_size) !important;
    font-weight: var(--slider_mobile_font_weight) !important;
    letter-spacing: var(--slider_mobile_letter_spacing) !important;
    line-height: var(--slider_mobile_line_height) !important;
    margin-bottom: var(--slider_mobile_margin_bottom) !important;
    text-shadow: var(--slider_mobile_shadow) !important;
	color: var(--slider_text) !important;
  }
}

/* Example usage for specific slider elements */
.slider-caption h2,
.slider-caption h3,
.slider-caption .entry-title {
  color: var(--slider_text) !important;
}

.slider-caption .entry-meta,
.slider-caption .entry-category {
  color: var(--slider_category_text) !important;
  background-color: var(--slider_category_bg) !important;
}

h2.slider-title a {
  color: var(--slider_text) !important;
}

div.slider-read-more a {
  color: var(--slider_text) !important;
  border-color: var(--slider_text) !important;
}

.post-categories {
  display: none;
}


/* Fix list alignment 8/19/25 JLH */
ul.wp-block-list {
    list-style-position: outside !important;
    padding-left: 24px !important;
}

/* Latest articles border color - now handled by template override */

/* ========================================
   COMPREHENSIVE COLOR VARIABLE USAGE
   ======================================== */

/* Background Colors */
body {
  background-color: var(--main_background) !important;
}

#page-content {
  background-color: var(--main_background) !important;
}

.gracefulgold-widget {
  background-color: var(--secondary_background) !important;
}

.card, .blog-post {
  background-color: var(--card_background) !important;
}

.hero-banner {
  background-color: var(--hero_background) !important;
}

/* Text Colors */
body {
  color: var(--primary_text) !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--title_text);
}

p, .entry-content {
  color: var(--secondary_text) !important;
}

a {
  color: var(--link_text) !important;
}

a:hover {
  color: var(--hover_color) !important;
}

/* Border Colors */
.gracefulgold-widget {
  border-color: var(--primary_border) !important;
}

.accent-border {
  border-color: var(--accent_border) !important;
}

.post-categories a {
  border-color: var(--category_border) !important;
}

/* Button Colors */
.button, .btn, input[type="submit"] {
  background-color: var(--button_primary) !important;
  color: var(--button_text) !important;
}

.button:hover, .btn:hover, input[type="submit"]:hover {
  background-color: var(--button_secondary) !important;
  color: var(--button_text_secondary) !important;
}

/* Navigation Search Colors */
.main-nav-search {
  background-color: var(--nav_search_bg) !important;
}

.main-nav-search input {
  color: var(--nav_search_text) !important;
}

/* Slider Overlay and Text */
.slider-overlay {
  background-color: var(--slider_overlay) !important;
}

.slider-text {
  color: var(--slider_text) !important;
}

/* Trending Dot Color */
.trending-dot, .blinking-dot {
  background-color: var(--trending_dot) !important;
}

/* Shadow Colors */
.box-shadow, .card-shadow {
  box-shadow: 0 2px 4px var(--shadow_color) !important;
}

/* Additional Accent Color Usage */
.accent-text {
  color: var(--accent_color) !important;
}

.accent-bg {
  background-color: var(--accent_color) !important;
}

.accent-border {
  border-color: var(--accent_color) !important;
}

/* Read More Links */
.read-more a {
  border-color: var(--accent_color) !important;
  color: var(--accent_color) !important;
}

.read-more a:hover {
/*   background-color: var(--accent_color) !important; */
  color: var(--button_text) !important;
}

/* Widget Title Styling */
.gracefulgold-widget .widget-title {
  border-color: var(--accent_color) !important;
  /* background-color: var(--accent_color) !important; */
  color: var(--button_text) !important;
}

.gracefulgold-widget .widget-title::after {
  border-top-color: var(--accent_color) !important;
}

/* Navigation Search Icon */
.main-nav-search .fa-search {
  background-color: var(--accent_color) !important;
  color: var(--button_text) !important;
}

/* Defaulting h2s in post content so Kris doesn't have to change each one */
div.post-content h2 {
  color: var(--accent_color) !important;
  font-weight: normal !important;
  font-size: 1.5rem !important;
}

/* Adjust slider readmore for legibility */
div.slider-read-more > a {
	background: rgba(0, 0, 0, 0.5) !important;
}

/* Blog posts should not be justified */
li, .post-content p {
	text-align: left !important;
}

/* Full width for blog posts */
.entry-header.boxed-wrapper {
	max-width: 100% !important;
}

/* From Additional CSS  */
#slider {
	width: unset !important;
}

.main-nav-search {
	display: none !important;
}

.post-share {
	display: none !important;
}

.main-nav-sidebar {
	display: none !important;
}

/* ========================================
   COMMENT LIST STYLING
   ======================================== */

/* Change comment template from ordered list to unordered list */
.wp-block-comment-template {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.wp-block-comment-template li {
    list-style: none !important;
    margin-bottom: 20px !important;
}

/* Remove any default list markers */
.wp-block-comment-template li::before,
.wp-block-comment-template li::after {
    content: none !important;
}

/* Update comments heading */
h2#comments {
  margin: 2rem 0 !important;
}

/* ========================================
   COMMENT FORM STYLING
   ======================================== */

/* Comment Form Container */
.comment-respond {
  background-color: var(--card_background) !important;
  padding: 20px !important;
  /* border-radius: 8px !important; */
  margin-top: 30px !important;
  /* border: 1px solid var(--primary_border) !important; */
}

/* Comment Form Title */
.comment-reply-title {
  color: var(--title_text) !important;
  font-size: 1.5em !important;
  margin-bottom: 20px !important;
  border-bottom: 2px solid var(--accent_color) !important;
  padding-bottom: 10px !important;
}

/* Comment Form Fields */
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
  margin-bottom: 15px !important;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
  display: block !important;
  color: var(--secondary_text) !important;
  font-weight: 600 !important;
  margin-bottom: 5px !important;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
  width: 100% !important;
  padding: 10px !important;
  border: 1px solid var(--primary_border) !important;
  /* border-radius: 4px !important; */
  background-color: var(--main_background) !important;
  color: var(--primary_text) !important;
}

.comment-form-comment textarea {
  width: 100% !important;
  padding: 10px !important;
  border: 1px solid var(--primary_border) !important;
  /* border-radius: 4px !important; */
  background-color: var(--main_background) !important;
  color: var(--primary_text) !important;
  resize: vertical !important;
  min-height: 120px !important;
}

/* Comment Form Submit Button */
.comment-form .submit-button,
.comment-form input[type="submit"] {
  background-color: var(--accent_color) !important;
  color: var(--button_text) !important;
  padding: 12px 24px !important;
  border: none !important;
  /* border-radius: 4px !important; */
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.comment-form .submit-button:hover,
.comment-form input[type="submit"]:hover {
  background-color: var(--button_secondary) !important;
  color: var(--button_text_secondary) !important;
  /* transform: translateY(-2px) !important; */
  /* box-shadow: 0 4px 8px var(--shadow_color) !important; */
}

/* Required Field Indicator */
.comment-form .required {
  color: #ff0000 !important;
  font-weight: bold !important;
}

/* Comment Form Focus States */
.comment-form-author input:focus,
.comment-form-email input:focus,
.comment-form-url input:focus,
.comment-form-comment textarea:focus {
  outline: none !important;
  border-color: var(--accent_color) !important;
  box-shadow: 0 0 5px rgba(203, 58, 39, 0.3) !important;
}

/* Comment Form Cookies Consent Checkbox */
.comment-form-cookies-consent {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin-bottom: 15px !important;
}

.comment-form-cookies-consent input[type="checkbox"] {
  margin-top: 2px !important;
  flex-shrink: 0 !important;
}

.comment-form-cookies-consent label {
  margin: 0 !important;
  line-height: 1.4 !important;
  color: var(--secondary_text) !important;
  font-size: 0.9em !important;
}

/* Site Description Image Responsive Scaling */
.header-logo {
  padding-top: 12px !important;
}

.site-description {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.site-description-link img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: center;
}

/* Responsive scaling for site description image */
@media screen and (max-width: 480px) {
    .site-description-link img {
        height: 30px !important;
        width: auto;
    }
}

/* ========================================
   CUSTOM CSS FROM THEME CUSTOMIZER
   ======================================== */

#slider {
	width: unset !important;
}

.main-nav-search {
	display: none !important;
}

.post-share {
	display: none !important;
}

.main-nav-sidebar {
	display: none !important;
}
.logo-img img {
  width: 50vmin; /* scales based on smaller viewport dimension */
  height: auto;
  object-fit: contain;
}

div.post-content a {
  text-decoration: underline !important;
  color: var(--text_color) !important;
}

div.post-content a:hover, a:focus {
  color: var(--hover_color) !important;
}