/* PIOUS Foundation — assets/css/sections.css */

/* About One Section */
.about-one__shape-box-1 {
  background-color: var(--color-accent-light) !important; /* override: oxpins specificity */
}

.about-one__img-border {
  border-color: var(--color-accent) !important; /* override: oxpins specificity */
}

.about-one__points li .icon:before {
  background-color: var(--color-accent-light) !important; /* override: oxpins specificity */
}

.about-one__points li .icon span {
  color: var(--color-primary) !important; /* override: oxpins specificity */
}

.about-one__points li .text h5 a {
  color: var(--color-heading) !important; /* override: oxpins specificity */
  font-family: var(--font-heading);
}

.about-one__points li .text h5 a:hover {
  color: var(--color-accent) !important; /* override: oxpins specificity */
}

/* Causes Section */
.causes-one {
  background-color: var(--color-white);
}

/* Feature One (Impact Snapshot) */
.feature-one__single {
  background-color: var(--color-primary) !important; /* override: oxpins specificity */
  box-shadow: var(--shadow-sm);
}

.feature-one__single--two {
  background-color: var(--color-accent) !important; /* override: oxpins specificity */
}

.feature-one__top-icon {
  background-color: var(--color-accent) !important; /* override: oxpins specificity */
  color: var(--color-white) !important; /* override: oxpins specificity */
}

.feature-one__top-icon:hover {
  background-color: var(--color-white) !important; /* override: oxpins specificity */
  color: var(--color-primary) !important; /* override: oxpins specificity */
}

.feature-one__top-icon--two {
  background-color: var(--color-primary) !important; /* override: oxpins specificity */
  color: var(--color-white) !important; /* override: oxpins specificity */
}

.feature-one__top-icon--two:hover {
  background-color: var(--color-white) !important; /* override: oxpins specificity */
  color: var(--color-accent) !important; /* override: oxpins specificity */
}

.feature-one__top-title a {
  color: var(--color-white) !important; /* override: oxpins specificity */
  font-family: var(--font-heading);
}

.feature-one__top-title a:hover {
  color: var(--color-accent) !important; /* override: oxpins specificity */
}

.feature-one__single--two .feature-one__top-title a:hover {
  color: var(--color-primary) !important; /* override: oxpins specificity */
}

.feature-one__text {
  color: rgba(255, 255, 255, 0.75) !important; /* override: oxpins specificity */
}

/* Become Volunteer One Section (CTA Banner) */
.become-volunteer-one__bg-box {
  background-color: var(--color-primary) !important; /* override: oxpins specificity */
}

.become-volunteer-one__sub-title {
  color: var(--color-accent) !important; /* override: oxpins specificity */
  font-family: var(--font-heading) !important; /* override: oxpins specificity */
}

.become-volunteer-one__title {
  color: var(--color-white) !important; /* override: oxpins specificity */
  font-family: var(--font-heading) !important; /* override: oxpins specificity */
}

/* Custom CTA block replacements */
.cta-title {
  font-size: 40px !important; /* override: oxpins specificity */
  line-height: 50px !important; /* override: oxpins specificity */
  color: var(--color-white) !important; /* override: oxpins specificity */
  font-family: var(--font-heading) !important; /* override: oxpins specificity */
  font-weight: 800 !important; /* override: oxpins specificity */
}

/* Events One Section */
.events-one {
  background-color: var(--color-light) !important; /* override: oxpins specificity */
}

.events-one__date {
  background-color: var(--color-accent) !important; /* override: oxpins specificity */
}

.events-one__date p {
  color: var(--color-white) !important; /* override: oxpins specificity */
}

/* Testimonial Sections */
.testimonial-one {
  background-color: var(--color-primary) !important; /* override: oxpins specificity */
}

.testimonial-one__single {
  border: 5px solid var(--color-accent) !important; /* override: oxpins specificity */
  box-shadow: var(--shadow-md) !important; /* override: oxpins specificity */
}

.testimonial-one__client-name {
  color: #fff !important; /* override: oxpins specificity */
}

.testimonial-one__client-sub-title {
  color: var(--color-accent) !important; /* override: oxpins specificity */
}

.testimonial-one__quote {
  background-color: var(--color-accent) !important; /* override: oxpins specificity */
}

.testimonial-one__quote span {
  color: var(--color-white) !important; /* override: oxpins specificity */
}

/* Testimonial Two Section (Warm Gold Background) */
.testimonial-two {
  background-color: var(--color-accent) !important; /* override: oxpins specificity */
}

.testimonial-two .section-title__tagline {
  color: var(--color-primary) !important; /* override: oxpins specificity */
}

.testimonial-two .section-title__title {
  color: var(--color-white) !important; /* override: oxpins specificity */
}

.testimonial-two__single {
  border-color: var(--color-border) !important; /* override: oxpins specificity */
  box-shadow: var(--shadow-md) !important; /* override: oxpins specificity */
}

.testimonial-two__client-sub-title {
  color: #fff !important; /* override: oxpins specificity */
}

/* Counter Section */
.counter-one__inner {
  background-color: var(--color-primary) !important; /* override: oxpins specificity */
}

.counter-one__count-box h3, 
.counter-one__letter {
  color: var(--color-white) !important; /* override: oxpins specificity */
  font-family: var(--font-heading) !important; /* override: oxpins specificity */
}

.counter-one__text {
  color: var(--color-accent-light) !important; /* override: oxpins specificity */
}

.counter-one__text:before {
  background-color: var(--color-accent) !important; /* override: oxpins specificity */
}

/* News One Section */
.news-one__date {
  background-color: var(--color-accent) !important; /* override: oxpins specificity */
}

.news-one__date p {
  color: var(--color-white) !important; /* override: oxpins specificity */
}

.news-one__title a {
  color: var(--color-heading) !important; /* override: oxpins specificity */
}

.news-one__title a:hover {
  color: var(--color-accent) !important; /* override: oxpins specificity */
}

.news-one__read-more a {
  color: var(--color-primary) !important; /* override: oxpins specificity */
}

.news-one__read-more a:hover {
  color: var(--color-accent) !important; /* override: oxpins specificity */
}

/* Brand One Section */
.brand-one {
  background-color: var(--color-white) !important; /* override: oxpins specificity */
}

.brand-one h4 {
  font-family: var(--font-heading);
  color: var(--color-heading);
  font-weight: 700;
}

/* FAQ One Section */
.faq-one {
  background-color: var(--color-light) !important; /* override: oxpins specificity */
}

/* Gallery Section */
.gallery-one__top {
  background-color: var(--color-accent) !important; /* override: oxpins specificity */
}

.gallery-one__top-title {
  color: var(--color-white) !important; /* override: oxpins specificity */
}

.gallery-one__top:before {
  border-top-color: var(--color-accent) !important; /* override: oxpins specificity */
}

/* Gallery Page Specific Styles */
.gallery-page {
  background-color: var(--color-white);
}

.gallery-tab__label {
  font-family: var(--font-heading) !important; /* override: oxpins specificity */
  font-size: 24px !important; /* override: oxpins specificity */
  color: var(--color-primary) !important; /* override: oxpins specificity */
  font-weight: 700 !important; /* override: oxpins specificity */
  position: relative;
  display: inline-block;
  padding-bottom: var(--space-xs);
  border-bottom: 2px solid var(--color-accent);
}

/* Contact One Section */
.contact-one__inne {
  background-color: var(--color-white) !important; /* override: oxpins specificity */
  box-shadow: var(--shadow-md) !important; /* override: oxpins specificity */
  border: 1px solid var(--color-border);
}

.contact-one__icon {
  background-color: var(--color-accent) !important; /* override: oxpins specificity */
}

.contact-one__icon span {
  color: var(--color-white) !important; /* override: oxpins specificity */
}

.contact-one__single:hover .contact-one__icon {
  background-color: var(--color-primary) !important; /* override: oxpins specificity */
}

.contact-one__single:hover .contact-one__icon span {
  color: var(--color-white) !important; /* override: oxpins specificity */
}

/* Contact Three Section */
.contact-three {
  background-color: var(--color-light) !important; /* override: oxpins specificity */
}

/* Become a Volunteer Page Context */
.become-volunteer-page__left {
  background-color: var(--color-light) !important; /* override: oxpins specificity */
}

.become-volunteer-page__right {
  background-color: var(--color-white) !important; /* override: oxpins specificity */
  box-shadow: var(--shadow-sm) !important; /* override: oxpins specificity */
}

/* Scripture Anchor Section */
.scripture-section {
  background-color: var(--color-accent) !important; /* override: oxpins specificity */
  padding-block: var(--space-xl);
}

.scripture-section__quote {
  font-family: var(--font-heading) !important; /* override: oxpins specificity */
  font-style: italic !important; /* override: oxpins specificity */
  font-size: 30px !important; /* override: oxpins specificity */
  line-height: 40px !important; /* override: oxpins specificity */
  color: var(--color-white) !important; /* override: oxpins specificity */
  font-weight: 700 !important; /* override: oxpins specificity */
}

.scripture-section__ref {
  font-family: var(--font-body) !important; /* override: oxpins specificity */
  font-size: 20px !important; /* override: oxpins specificity */
  font-weight: 700 !important; /* override: oxpins specificity */
  color: rgba(255, 255, 255, 0.85) !important; /* override: oxpins specificity */
}

/* Feature Four Section (Core Values) */
.feature-four {
  background-color: var(--color-light) !important; /* override: oxpins specificity */
}

.feature-four__single {
  background-color: var(--color-primary) !important; /* override: oxpins specificity */
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
}

.feature-four__single:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.feature-four__icon span {
  color: var(--color-accent) !important; /* override: oxpins specificity */
}

.feature-four__title {
  color: var(--color-white) !important; /* override: oxpins specificity */
}

/* About Two Section */
.about-two {
  background-color: var(--color-white);
}

.about-two__progress-title {
  font-family: var(--font-heading) !important; /* override: oxpins specificity */
  color: var(--color-heading) !important; /* override: oxpins specificity */
}

.about-two__progress .bar-inner {
  background-color: var(--color-accent) !important; /* override: oxpins specificity */
}

/* Scholarship / Donation Details Page elements */
.donation-details__donate {
  background-color: var(--color-light) !important; /* override: oxpins specificity */
  border: 1px solid var(--color-border) !important; /* override: oxpins specificity */
  border-radius: var(--radius-md);
}

.donation-details__donate-list li .icon span {
  color: var(--color-accent) !important; /* override: oxpins specificity */
}

.donation-details__summary-list li .icon {
  background-color: var(--color-accent) !important; /* override: oxpins specificity */
  color: var(--color-white) !important; /* override: oxpins specificity */
}

/* Team Section overrides */
.team-one__content {
  background-color: var(--color-primary) !important; /* override: oxpins specificity */
}

.team-one__name a {
  color: var(--color-white) !important; /* override: oxpins specificity */
}

.team-one__name a:hover {
  color: var(--color-accent) !important; /* override: oxpins specificity */
}

.team-one__sub-title {
  color: var(--color-accent) !important; /* override: oxpins specificity */
}

/* Sidebar elements */
.sidebar__post {
  background-color: var(--color-light) !important; /* override: oxpins specificity */
  border: 1px solid var(--color-border);
}

.sidebar__post-content h3 a {
  color: var(--color-heading) !important; /* override: oxpins specificity */
}

.sidebar__post-content h3 a:hover {
  color: var(--color-accent) !important; /* override: oxpins specificity */
}

/* Centering Block Utility */
.text-block-centered {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

/* Founder quote customization */
.founder-quote__text {
  font-family: var(--font-body) !important; /* override: oxpins specificity */
  font-size: 18px !important; /* override: oxpins specificity */
  line-height: 34px !important; /* override: oxpins specificity */
  color: var(--color-white) !important; /* override: oxpins specificity */
  font-style: italic !important; /* override: oxpins specificity */
}