/* ABOUT US */

.about__hero {
    	height: 100vh;
	min-height: 100vh;
	position: relative;
}

.about__hero .wp-block-cover__inner-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--container-p-y) var(--container-p-x) 0;
	height: 100%;
}

@media (max-width: 900px) {
	.about__hero .wp-block-cover__inner-container {
		flex-direction: column;
		padding-top: calc(var(--p-y) * 10) ;
	}

	.about__hero {
	max-height: 200vh;
	height: fit-content;

}
}

/* text content */

.about__hero .fil__eyebrow {
	margin-bottom: var(--m-y);
	font-family: var(--font-primary);
	font-weight: 500;

}

.about__hero .fil__h1 {
	font-size: var(--h1-size) !important;
	font-family: var(--font-playfair);
	margin-bottom: var(--m-y);
	text-transform: capitalize;
	font-weight: 400;
	line-height: var(--h1-line-height);
	
}

/* .about__hero h1 .h1-crash {
	font-size: clamp(52px, 52.27px + 2.73vw, 90px);
} */

.about__hero .fil__h1 .h1-got-your-back {
	color: var(--primary-yellow);
	font-style: italic;
}

.about__hero .fil__subheading {
	font-family: var(--font-primary);
	margin-bottom: var(--m-y);
    font-size: clamp(15px, 14.27px + 0.23vw, 20px);
	
}


/* benefits row */ 
.about__hero .about__hero-benefits-row {
	height: fit-content;
	display: flex;
	gap: 16px;
}



@media (max-width: 900px) {
	.about__hero .about__hero-benefits-row {	
		margin-top: 24px;
		flex-direction: column;
		margin-bottom: var(--m-y);
	}
}

.about__hero .about__hero-benefits-row .about__hero-single-benefit {
	display: flex;
	align-items: center;
	gap: 8px;
	text-transform: uppercase;
	font-family: var(--font-primary);
	font-weight: 500;
	color: var(--gray);
	
}

.about__hero .about__hero-benefits-row svg{
	height: 16px;
	width: 16px;
	fill: var(--gray);
}



.about__hero .about__hero-lawyer-image {
	height: 80%;
	width: 40%;
	align-self: end;

}

.about__hero .about__hero-lawyer-image img {
	height: 100% !important;
	width: 100% !important;
	object-fit: contain !important;
}

.about__hero-millions-recovered {
	position: absolute;
	font-family: var(--font-literata);
	font-weight: 200;
	font-size: var(--h1-size);
	line-height: 1;
	bottom: var(--container-p-x);
	left: var(--container-p-y);
	text-transform:uppercase ;
	border-bottom: 2px solid var(--primary-yellow);
}


@media (max-width: 900px) {
	.about__hero .about__hero-lawyer-image {
		height: 40vh;
		width: 100%;
	}

	.about__hero-millions-recovered {
		background-color: rgba(149, 106, 21, 0.6);
		padding: 12px 16px;
		left: 0;
		bottom: 0;
		font-size: 36px;
		text-wrap: pretty;
		text-align: center;
	}

	.about__hero .about__hero-lawyer-image img {
		object-fit: contain !important;
	}
	
}

/* STATS */

.about-stats-container {
    height: 100vh;
    width: 100%;
    position: relative;
  
}

.about-stats-page .wp-block-cover {

}


.about-stats-page .masked-text-container {
    /* position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    min-height: 100vh;
    height: 100vh; */
}


.about-stats-page .fil__review-section {
    background-color: var(--white-alt);
}



.about-stats-page .fil__review-section p, .about-stats-page .fil__review-section h2 {
    color: var(--black-alt);
}


/* ABOUT TEXT */
.about-text-section {
	height: fit-content;
	width: 100%;
	padding: var(--container-p-y) var(--container-p-x);
	display: flex;
	justify-content: space-between;
}

.about-text-section .about-text-section__content {
	width: 50%;
	height: 100%;
	padding-right: 16px;
}



.about-text-section .fil__video-row-section__video-container {
	width: 40%;
	height: 70vh;
	border-radius: var(--radius-base);
	position: relative;
}

.about-text-section  .fil__video-row-section__video-container video {
	width: 100%;
	height: 70vh;
	object-fit: cover;
	border-radius: var(--radius-base);
}

.about-text-section .wp-block-video [poster] {
    object-fit: cover;
    object-position: top;
}


.about-text-section .about-text-section__content p {
	margin-bottom: 16px ;
	text-wrap: pretty;
}

.about-text-section .about-text-section__content ul {
	margin-bottom: 16px;
	/* list-style: none; */
	list-style-position: inside;
}

.about-text-section .about-text-section__content ul li {
	margin-bottom: 4px;
}

.about-text-section .about-text-section__content-text {
	margin-bottom: var(--m-y);
}

@media (max-width: 900px) {
	.about-text-section {
		flex-direction: column;
}


.about-text-section .about-text-section__content {
	width: 100%;
}



.about-text-section .fil__video-row-section__video-container {
	width: 100%;
}
}

/* Single Post Page Styles */

.single-post-page {
  background-color: var(--white);
  width: 100%;
}

/* --- Hero Section --- */
.single-post-page .single-post-hero {
  background-color: #030f1a; /* Matching blog-page hero bg */
  color: var(--white);
  padding: calc(var(--container-p-y) * 1.5) var(--container-p-x)
    calc(var(--container-p-y) * 2);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.single-post-page .single-post-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: var(--font-primary);
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 1px;
  color: var(--primary-yellow);
  margin-bottom: var(--m-y);
}

.single-post-page .single-post-meta .separator {
  color: var(--gray);
  margin: 0;
}

.single-post-page .single-post-title {
  font-family: var(--font-playfair);
  font-size: var(--h1-size);
  line-height: var(--h1-line-height);
  font-weight: 400;
  max-width: 1000px;
  margin: 0 auto;
}

/* --- Featured Image --- */
.single-post-page .single-post-featured-image-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--p-x);
  margin-top: -4rem; /* Pull image up into hero */
  position: relative;
  z-index: 10;
}

.single-post-page .single-post-image img {
  width: 100%;
  height: auto;
  max-height: 600px;
  object-fit: cover;
  border-radius: var(--radius-base);
  box-shadow: var(--shadow-elevation-high);
}

/* --- Content Area --- */
.single-post-page .single-post-content-wrapper {
  max-width: 800px;
  margin: 0 auto;
  padding: calc(var(--container-p-y)) var(--p-x);
  font-family: var(--font-inter);
  color: var(--text);
  font-size: var(--p-size-large);
  line-height: var(--line-height);
}

/* Typography within content */
.single-post-page .wp-block-post-content > * {
  margin-bottom: var(--m-y);
}

.single-post-page .wp-block-post-content h2 {
  font-family: var(--font-secondary);
  font-size: var(--h2-size);
  line-height: var(--h2-line-height);
  margin-top: calc(var(--m-y) * 3);
  margin-bottom: var(--m-y);
  font-weight: 400;
}

.single-post-page .wp-block-post-content h3 {
  font-family: var(--font-secondary);
  font-size: var(--h3-size);
  line-height: var(--h3-line-height);
  margin-top: calc(var(--m-y) * 2);
  margin-bottom: var(--m-y);
  font-weight: 400;
}

.single-post-page .wp-block-post-content p {
  margin-bottom: calc(var(--m-y) * 1.5);
  font-weight: 300;
}

.single-post-page .wp-block-post-content blockquote {
  border-left: 4px solid var(--primary-yellow);
  padding-left: var(--spacing-24);
  margin: calc(var(--m-y) * 2) 0;
  font-family: var(--font-playfair);
  font-style: italic;
  font-size: 1.25em;
  color: var(--black-alt);
}

.single-post-page .wp-block-post-content ul,
.single-post-page .wp-block-post-content ol {
  margin-bottom: calc(var(--m-y) * 1.5);
  padding-left: var(--spacing-2x);
}

.single-post-page .wp-block-post-content li {
  margin-bottom: 0.5rem;
}

/* --- Navigation --- */
.single-post-page .single-post-navigation-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 var(--p-x) calc(var(--container-p-y) * 2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}

.single-post-page .wp-block-post-navigation-link {
  flex: 1;
  min-width: 200px;
}

.single-post-page .wp-block-post-navigation-link a {
  display: block;
  text-decoration: none;
  color: var(--black);
  font-family: var(--font-primary);
  font-weight: 700;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

.single-post-page .wp-block-post-navigation-link a:hover {
  color: var(--primary-yellow);
}

/* Blog Page Styles */

/* --- Hero Section --- */
.blog-page .about__hero {
  position: relative;
  min-height: 400px;
  height: 60vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #fff;
  /* Ensure background covers area if image fails */
  background-color: #030f1a;
}

.blog-page .fil__content-wrapper {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 4rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.blog-page .about__hero-content-group {
  max-width: 650px;
  margin-bottom: 2.5rem;
}

.blog-page .fil__eyebrow {
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  color: #e0e0e0;
}

.blog-page .fil__h1 {
  font-size: 4.5rem;
  font-weight: 900;
  line-height: 1.1;
  margin: 0 0 1.5rem 0;
}

.blog-page .fil__subheading {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #f0f0f0;
  max-width: 500px;
}

/* --- Buttons --- */
.blog-page .fil__cta-row {
  display: flex;
  gap: 1rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}

.blog-page .fil__btn .wp-block-button__link {
  border-radius: 4px;
  padding: 14px 28px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.blog-page .fil__btn-primary .wp-block-button__link {
  background-color: #c5a059; /* Gold accent based on context */
  color: #000;
  border: 2px solid #c5a059;
}

.blog-page .fil__btn-primary .wp-block-button__link:hover {
  background-color: transparent;
  color: #c5a059;
}

.blog-page .fil__btn-secondary .wp-block-button__link {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
}

.blog-page .fil__btn-secondary .wp-block-button__link:hover {
  background-color: #fff;
  color: #000;
}

/* --- Benefits Row --- */
.blog-page .about__hero-benefits-row {
  display: flex;
  gap: 3rem;
  margin-top: 2rem;
}

.blog-page .about__hero-single-benefit {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.blog-page .about__hero-single-benefit svg {
  width: 20px;
  height: 20px;
  fill: #c5a059;
}

.blog-page .about__hero-single-benefit p {
  margin: 0;
  font-size: 0.85rem;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}

/* --- Lawyer Image --- */
.blog-page .about__hero-lawyer-image {
  position: absolute;
  bottom: 0;
  right: 5%;
  width: 45%;
  max-width: 600px;
  z-index: 1;
  margin: 0;
}

.blog-page .about__hero-lawyer-image img {
  display: block;
  width: 100%;
  height: auto;
}

/* --- Blog Grid Section --- */
.blog-page .posts-group {
  max-width: 1200px;
  margin: 5rem auto;
  padding: 0 2rem;
}

/* Force Grid Layout for Posts */
.blog-page .wp-block-post-template {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  list-style: none;
  padding: 0;
}

/* Post Card Styling */
.blog-page .wp-block-post {
  display: flex;
  flex-direction: column;
}

.blog-page .wp-block-post-title a {
  text-decoration: none;
  color: #1a1a1a;
  transition: color 0.2s;
}

.blog-page .wp-block-post-title a:hover {
  color: #c5a059;
}

/* --- Pagination --- */
.blog-page .wp-block-query-pagination {
  display: flex;
  flex-direction: row;
  margin-top: 4rem;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}

.blog-page .wp-block-query-pagination-previous,
.blog-page .wp-block-query-pagination-next {
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 1px;
  color: #1a1a1a;
  transition: color 0.3s ease;
}

/* Ensure numbers container is also horizontal */
.blog-page .wp-block-query-pagination-numbers {
  display: flex;
  align-items: center;
}

.blog-page .wp-block-query-pagination-previous:hover,
.blog-page .wp-block-query-pagination-next:hover {
  color: #c5a059;
}

.blog-page .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  text-decoration: none;
  color: #1a1a1a;
  font-weight: 600;
  transition: all 0.3s ease;
  margin: 0 2px;
}

.blog-page .page-numbers.current {
  background-color: #c5a059;
  border-color: #c5a059;
  color: #fff;
}

.blog-page .page-numbers:not(.current):hover {
  border-color: #c5a059;
  color: #c5a059;
}

.blog-page .wp-block-post .wp-block-post-title  {
	margin: 16px 0 !important;
}

.blog-page .wp-block-post   .wp-block-post-date  {
	margin-bottom: 16px !important;
}



/* --- Responsive Adjustments --- */
@media (max-width: 992px) {
  .blog-page .fil__h1 {
    font-size: 3.5rem;
  }
  .blog-page .about__hero-lawyer-image {
    width: 40%;
    right: 0;
  }
  .blog-page .wp-block-post-template {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .blog-page .fil__h1 {
    font-size: 2.5rem;
  }
  .blog-page .about__hero {
    flex-direction: column;
    text-align: center;
    padding-top: 4rem;
  }
  .blog-page .fil__content-wrapper {
    align-items: center;
  }
  .blog-page .fil__cta-row {
    justify-content: center;
  }
  .blog-page .about__hero-benefits-row {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }
  .blog-page .about__hero-lawyer-image {
    position: relative;
    width: 80%;
    margin-top: 2rem;
    right: auto;
  }
  .blog-page .wp-block-post-template {
    grid-template-columns: 1fr;
  }
}


.contact-page {
  padding-top: 150px;
  background-color: var(--black-alt);
}

.leaflet-control-attribution {
  display: none !important;
}