/* immagenAI overrides — loaded AFTER PixelR CSS to win specificity */

/* Internal pages: clear the fixed header */
.breadcrumb-page-area-one {
  padding-top: 140px !important;
}

.breadcrumb-page-area-one .blog-text,
.breadcrumb-page-area-one .text {
  font-size: 13px !important;
  text-align: left !important;
  color: rgba(255,255,255,0.5) !important;
}

main.min-h-screen {
  padding-top: 120px !important;
}

/* FAQ dark mode fixes */
.faq-page-area .section-title .title,
.faq-page-area .section-title .sub-title,
.faq-page-area .accordion-button,
.faq-page-area .accordion-body {
  color: #fff !important;
}

.faq-page-area .accordion-button.collapsed {
  color: rgba(255,255,255,0.7) !important;
}

.faq-page-area .accordion-item {
  border-color: rgba(255,255,255,0.08) !important;
  background: transparent !important;
}

.faq-page-area .accordion-button {
  background: transparent !important;
}

.faq-page-area .accordion-button::after {
  filter: invert(1) !important;
}

/* Blog titles and text — force white in dark theme */
.blog-content .title,
.blog-content a.title {
  color: #fff !important;
}

.blog-content .title:hover,
.blog-content a.title:hover {
  color: #6c5ce7 !important;
}

.blog-content .meta-content .post-date span {
  color: rgba(255,255,255,0.5) !important;
}

.blog-content .meta-content .post-date .type {
  color: #6c5ce7 !important;
}

.gt-btn-circle-text-2 {
  color: #fff !important;
}

/* Footer logo size and centering */
.footer-area-four .bottom-title img,
.footer-center img {
  height: 28px !important;
  width: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

.footer-center .bottom-title {
  text-align: center !important;
}

.footer-center .row {
  justify-content: center !important;
}

.footer-center .col-xl-8 {
  text-align: center !important;
}

/* Logo size */
.logo img,
.header-logo-2 img {
  height: 48px !important;
  width: auto !important;
  max-width: 160px !important;
}

/* Force dark background and visible content */
body {
  background-color: #000 !important;
  color: #fff !important;
  overflow-y: auto !important;
  height: auto !important;
}

/* Kill the PixelR loader completely */
body.loaded {
  overflow: auto !important;
  height: auto !important;
}

.loader-wrap {
  display: none !important;
}

/* Dark text overrides */
h1, h2, h3, h4, h5, h6 {
  color: #fff !important;
  letter-spacing: normal !important;
}

p {
  color: #9E9EA3 !important;
}

/* Theme color: purple instead of green */
:root {
  --gt-theme: #6c5ce7 !important;
  --gt-theme-2: #6c5ce7 !important;
  --gt-theme-3: #6c5ce7 !important;
}

/* Ensure main content is visible */
main {
  position: relative;
  z-index: 1;
}

/* Selection color */
::selection {
  background: rgba(108, 92, 231, 0.3);
  color: #fff;
}

/* Auth pages — prevent PixelR/Bootstrap from stretching the card */
.auth-page {
  min-height: 100vh !important;
  height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #0a0a14 !important;
}

.auth-card {
  width: 100% !important;
  max-width: 360px !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  margin: 0 16px !important;
  padding: 1.25rem !important;
}

.auth-card h1,
.auth-card h2,
.auth-card h3 {
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

.auth-card > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.auth-card > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.auth-card p {
  margin-top: 0 !important;
}

.auth-card form {
  margin-top: 0 !important;
}