/*--------------------------------------------------------------
# Agenzia Bassanese - Brand Customization
--------------------------------------------------------------*/

:root {
  /* Brand Colors */
  --agenzia-primary: #ad4d4d;
  --agenzia-primary-dark: #8b3a3a;
  --agenzia-primary-light: #c96565;
  --agenzia-secondary: #2c1f1f;

  /* Override template colors */
  --espartyox-base: #ad4d4d;
  --espartyox-base-rgb: 173, 77, 77;
  --espartyox-primary: #8b3a3a;
  --espartyox-primary-rgb: 139, 58, 58;
  --espartyox-black: #2c1f1f;
  --espartyox-black-rgb: 44, 31, 31;
}

/* Primary color applications */
.btn-primary,
.main-header__btn,
.main-menu__btn {
  background-color: var(--agenzia-primary);
  border-color: var(--agenzia-primary);
}

.btn-primary:hover,
.main-header__btn:hover,
.main-menu__btn:hover {
  background-color: var(--agenzia-primary-dark);
  border-color: var(--agenzia-primary-dark);
}

/* Links */
a {
  color: var(--agenzia-primary);
}

a:hover {
  color: var(--agenzia-primary-dark);
}

/* Section titles */
.section-title__title,
.section-title--two__title,
.section-title--three__title {
  color: var(--agenzia-secondary);
}

/* Headers and navigation */
.main-header__logo-text {
  color: var(--agenzia-secondary);
  font-weight: 700;
}

.topbar-three {
  background-color: var(--agenzia-secondary);
}

/* Feature cards */
.feature-three__item:hover {
  background-color: var(--agenzia-primary);
}

/* Service items */
.service-three__icon,
.service-area-three__icon {
  color: var(--agenzia-primary);
}

/* Testimonials */
.testimonials-card--three {
  border-left-color: var(--agenzia-primary);
}

/* Page header adjustments - Centered with red line */
.page-header {
  min-height: 400px !important;
  display: flex !important;
  align-items: center !important;
}

.page-header__content {
  text-align: center !important;
  width: 100% !important;
  padding: 60px 20px !important;
  display: block !important;
  align-items: center !important;
}

.page-header__title {
  font-size: 58px !important;
  font-weight: 700 !important;
  margin-bottom: 0 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  display: inline-block;
}

/* Red decorative line under title */
.page-header__title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background-color: var(--agenzia-primary, #ad4d4d);
  margin: 20px auto 0;
}

/* Hide the vertical line */
.page-header__line {
  display: none !important;
}

/* Mobile responsive */
@media (max-width: 767px) {
  .page-header {
    min-height: 300px !important;
  }

  .page-header__content {
    padding: 40px 15px !important;
  }

  .page-header__title {
    font-size: 40px !important;
    letter-spacing: 1px;
  }

  .page-header__title::after {
    width: 60px;
    height: 3px;
    margin-top: 15px;
  }
}

/* Footer - maintain white text for good contrast on dark background */
.footer-widget__title {
  color: #fff;
  font-weight: 700;
}

.footer-widget__links li {
  color: rgba(255, 255, 255, 0.9);
}

.agenzia-bassanese-btn {
  color: var(--espartyox-white, #fff);
  font-family: var(--espartyox-font3, "Work Sans", sans-serif);
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  border: none;
  outline: none !important;
  background-color: var(--espartyox-base, #ad4d4d);
  border-radius: 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-transform: uppercase;
  padding: 23px 50px;
  transition: all 500ms ease;
  white-space: nowrap;
}

.agenzia-bassanese-btn__text {
  z-index: 20;
  position: relative;
}

.agenzia-bassanese-btn__icon {
  z-index: 20;
  position: relative;
}

.agenzia-bassanese-btn::after {
  background-color: var(--agenzia-primary-dark, #8b3a3a);
  content: "";
  height: 155px;
  left: -75px;
  position: absolute;
  top: -50px;
  transform: rotate(45deg);
  transition: all 500ms ease;
  width: 50px;
  z-index: 10;
}

.agenzia-bassanese-btn:hover::after {
  width: 130%;
}

.agenzia-bassanese-btn:hover {
  color: rgba(255, 255, 255, 0.9);
}

/* Responsive button sizing for footer CTA */
@media (max-width: 1199px) and (min-width: 992px) {
  .footer-cta .agenzia-bassanese-btn {
    padding: 20px 35px;
    font-size: 16px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .footer-cta .agenzia-bassanese-btn {
    padding: 18px 30px;
    font-size: 15px;
  }
}

@media (max-width: 767px) and (min-width: 576px) {
  .footer-cta .agenzia-bassanese-btn {
    padding: 18px 35px;
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .footer-cta .agenzia-bassanese-btn {
    padding: 20px 40px;
    font-size: 16px;
    width: 100%;
    text-align: center;
  }
}

/* Disable large custom cursor, keep only small one */
.custom-cursor__cursor {
  display: none !important;
}

/* Fixed size for SVG icons */
.about-four__list__image img,
.service-three__list__image img {
  width: 24px;
  height: 24px;
}

.service-area-three__item__icon img {
  width: 60px;
  height: 60px;
}

/* Center funfact items when only one is visible */
.funfact-one__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* Custom text color utilities */
.text-primary-brand {
  color: var(--agenzia-primary) !important;
}

.text-secondary-brand {
  color: var(--agenzia-secondary) !important;
}

.bg-primary-brand {
  background-color: var(--agenzia-primary) !important;
}

.bg-secondary-brand {
  background-color: var(--agenzia-secondary) !important;
}

/* Buttons customization */
.btn-brand {
  background-color: var(--agenzia-primary);
  border-color: var(--agenzia-primary);
  color: white;
  padding: 15px 40px;
  border-radius: 5px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-brand:hover {
  background-color: var(--agenzia-primary-dark);
  border-color: var(--agenzia-primary-dark);
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(173, 77, 77, 0.3);
}

/* Hide arrow for menu items without dropdown */
.main-menu .main-menu__list li ul li:not(.dropdown) > a::after {
  display: none !important;
}

/* Testimonials avatar initials */
.avatar-initials {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Testimonials cards equal height */
.testimonials-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.testimonials-card__text {
  flex-grow: 1;
}

/* Testimonials page bottom section - spacing */
.testimonials-page__bottom {
  margin-top: 60px;
}

/* Service details buttons - spacing */
.service-details__btn {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 60px;
}

/* Service details title with partner logo */
.service-details__title-with-logo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}

.service-details__title-with-logo .service-details__title {
  margin-bottom: 0;
}

.service-details__partner-logo img {
  max-width: 180px;
  height: auto;
}

@media (max-width: 767px) {
  .service-details__title-with-logo {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
  }
}

@media (max-width: 767px) {
  .service-details__btn {
    flex-direction: column;
    gap: 15px;
  }

  .service-details__btn .agenzia-bassanese-btn {
    width: 100%;
    text-align: center;
  }
}

/* News article content styling */
.blog-list__card__text h3,
.blog-list__card__text h4 {
  margin-top: 30px;
  margin-bottom: 15px;
  color: var(--agenzia-secondary, #2c1f1f);
}

.blog-list__card__text h3 {
  font-size: 24px;
}

.blog-list__card__text h4 {
  font-size: 20px;
}

.blog-list__card__text p {
  margin-bottom: 15px;
}

.blog-list__card__text ul.blog-list__card__list {
  margin-top: 15px;
  margin-bottom: 25px;
}

.blog-list__card__text ul.blog-list__card__list li {
  margin-bottom: 10px;
}

/* Blog cards equal height */
.blog-page .row {
  display: flex;
  flex-wrap: wrap;
}

.blog-page .row > [class*="col-"] {
  display: flex;
}

.blog-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.blog-card__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.blog-card__content__inner {
  flex-grow: 1;
}

.blog-card__title {
  min-height: 60px;
}

.blog-card__text {
  min-height: 48px;
}

/* Breadcrumb styling */
.breadcrumb {
  font-size: 14px;
}

.breadcrumb-item a {
  color: var(--agenzia-primary);
  text-decoration: none;
}

.breadcrumb-item a:hover {
  color: var(--agenzia-primary-dark);
  text-decoration: underline;
}

.breadcrumb-item.active {
  color: var(--agenzia-secondary);
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #999;
}