/* Portfolio-specific styles */

/* Override text justification for portfolio page */
.portfolio-page {
  text-align: left !important;
}

/* Center CTA section */
.portfolio-page .portfolio-cta {
  text-align: center !important;
}

.portfolio-page .portfolio-cta .cta-content {
  text-align: center !important;
}

.portfolio-page .portfolio-cta .cta-content * {
  text-align: center !important;
}

/* Override text justification for footer elements */
.portfolio-page .footer {
  text-align: left !important;
}

.portfolio-page .footer-grid {
  text-align: left !important;
}

.portfolio-page .footer p {
  text-align: left !important;
}

.portfolio-page .footer ul {
  text-align: left !important;
}

.portfolio-page .footer li {
  text-align: left !important;
}

.portfolio-page .footer a {
  text-align: left !important;
  display: inline-block;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 0.9rem !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.portfolio-page .footer a:hover {
  color: var(--gold) !important;
  background: none !important;
  border: none !important;
}

.portfolio-page .footer h4 {
  text-align: left !important;
}

.portfolio-page .footer-bottom {
  text-align: left !important;
}

.portfolio-page .footer-bottom span {
  text-align: left !important;
}

/* Hero styles for portfolio page */
.portfolio-page .portfolio-hero {
  text-align: left !important;
}

.portfolio-page .portfolio-hero .container {
  text-align: left !important;
}

/* Override for mobile */
@media (max-width: 768px) {
  .portfolio-page .portfolio-hero {
    text-align: center !important;
  }
  
  .portfolio-page .portfolio-hero .container {
    text-align: center !important;
  }
  
  .portfolio-page .footer {
    text-align: center !important;
  }
  
  .portfolio-page .footer-grid {
    text-align: center !important;
  }
  
  .portfolio-page .footer p {
    text-align: center !important;
  }
  
  .portfolio-page .footer ul {
    text-align: center !important;
  }
  
  .portfolio-page .footer li {
    text-align: center !important;
  }
  
  .portfolio-page .footer a {
    text-align: center !important;
  }
  
  .portfolio-page .footer h4 {
    text-align: center !important;
  }
  
  .portfolio-page .footer-bottom {
    text-align: center !important;
  }
  
  .portfolio-page .footer-bottom span {
    text-align: center !important;
  }
}