/* =========================================================
   PETZA HOMEPAGE LAYER
   A distinct homepage presentation using the existing
   Petza/animal-site assets, interactions and page routes.
   Load this AFTER the existing homepage CSS files.
========================================================= */

:root{
  --petza-ink:#10231d;
  --petza-muted:#5f716a;
  --petza-green:#147a5a;
  --petza-green-dark:#0d5d45;
  --petza-lime:#dff4e8;
  --petza-cream:#f7fbf8;
  --petza-gold:#d8a84e;
  --petza-border:#dce9e2;
  --petza-shadow:0 24px 70px rgba(16,35,29,.12);
}

body.home-professional{
  background:var(--petza-cream);
  color:var(--petza-ink);
}

/* Header */
.home-professional .header{
  background:rgba(247,251,248,.88);
  border-bottom:1px solid rgba(220,233,226,.9);
  backdrop-filter:blur(16px);
}

.home-professional .logo h2{
  letter-spacing:-.045em;
  font-size:1.45rem;
}

.home-professional .logo-full span:first-child{color:var(--petza-ink)}
.home-professional .logo-hub{color:var(--petza-green)!important}

.home-professional .nav-links > li > a,
.home-professional .nav-dropdown-toggle{
  color:var(--petza-ink);
  font-weight:700;
}

.home-professional .nav-links > li > a:hover,
.home-professional .nav-dropdown-toggle:hover,
.home-professional .nav-dropdown.open .nav-dropdown-toggle{
  color:var(--petza-green);
}

/* Hero - deliberately different composition from the original */
.home-professional .hero{
  min-height:760px;
  padding:150px 0 115px;
  position:relative;
  overflow:hidden;
  align-items:center;
  background-image:
    linear-gradient(90deg,rgba(7,30,22,.93) 0%,rgba(10,55,40,.76) 48%,rgba(10,55,40,.28) 100%),
    url('../images/wild-cats/lynx.jpg');
  background-position:center;
  background-size:cover;
}

.home-professional .hero::before{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  right:-120px;
  top:-150px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.02);
}

.home-professional .hero-overlay{display:none}

.home-professional .hero-content{
  max-width:760px;
  position:relative;
  z-index:2;
}

.home-professional .hero-tag{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:9px 15px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.09);
  color:#dff7ea;
  backdrop-filter:blur(8px);
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.72rem;
  font-weight:800;
}

.home-professional .hero h1{
  max-width:13ch;
  margin:22px 0 20px;
  color:#fff;
  font-size:clamp(3.3rem,6vw,5.8rem);
  line-height:.98;
  letter-spacing:-.055em;
}

.home-professional .hero p{
  max-width:650px;
  color:#e5f0eb;
  font-size:1.08rem;
  line-height:1.85;
}

.home-professional .hero-buttons{margin-top:30px;gap:12px}

.home-professional .hero-main-btn,
.home-professional .primary-btn{
  background:var(--petza-green)!important;
  box-shadow:0 16px 34px rgba(20,122,90,.25)!important;
}

.home-professional .hero-main-btn:hover,
.home-professional .primary-btn:hover{
  background:var(--petza-green-dark)!important;
}

.home-professional .hero-secondary-btn{
  color:#fff!important;
  border-color:rgba(255,255,255,.35)!important;
  background:rgba(255,255,255,.08)!important;
}

.home-professional .hero-assurance{
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  margin-top:28px;
  color:#d6e8df;
}

.home-professional .hero-assurance li::before{
  color:#a7e8c8;
}

/* Search */
.home-professional .search-section{
  margin-top:-64px;
  position:relative;
  z-index:5;
}

.home-professional .search-card{
  border:1px solid var(--petza-border);
  border-radius:26px;
  background:#fff;
  box-shadow:var(--petza-shadow);
  padding:30px;
}

.home-professional .search-card-heading span,
.home-professional .section-title > span{
  color:var(--petza-green);
}

.home-professional .search-card-heading h2,
.home-professional .section-title h2{
  color:var(--petza-ink);
  letter-spacing:-.035em;
}

.home-professional .search-card-heading h2{font-size:2.05rem}

.home-professional .search-card-heading p,
.home-professional .section-title p{color:var(--petza-muted)}

.home-professional .field label{color:var(--petza-ink);font-weight:800}
.home-professional .field input,
.home-professional .field select{
  border-color:var(--petza-border);
  background:#fbfdfc;
}
.home-professional .field input:focus,
.home-professional .field select:focus{
  border-color:var(--petza-green);
  box-shadow:0 0 0 4px rgba(20,122,90,.10);
}

.home-professional .search-btn{background:var(--petza-green)!important}

/* Trust notice */
.home-professional .home-trust-notice{background:#eaf6ef!important}
.home-professional .trust-notice-box{
  border-left:0!important;
  border:1px solid #cfe5d8;
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 55px rgba(16,35,29,.08);
}
.home-professional .trust-notice-box span{
  color:var(--petza-green-dark);
  background:var(--petza-lime);
}
.home-professional .trust-notice-box h2{color:var(--petza-ink)}
.home-professional .trust-notice-box p{color:var(--petza-muted)}

/* Category browsing */
.home-professional .premium-browse-section{
  background:linear-gradient(180deg,#f7fbf8,#fff)!important;
}

.home-professional .premium-category-grid{
  gap:20px;
}

.home-professional .premium-category-card{
  border:1px solid var(--petza-border);
  border-radius:24px;
  background:#fff;
  box-shadow:0 12px 35px rgba(16,35,29,.06);
  overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}

.home-professional .premium-category-card:hover{
  transform:translateY(-7px);
  border-color:#b8d9c8;
  box-shadow:0 22px 55px rgba(16,35,29,.13);
}

.home-professional .premium-category-content span{color:var(--petza-green)}
.home-professional .premium-category-content h3{color:var(--petza-ink)}
.home-professional .premium-category-content p{color:var(--petza-muted)}
.home-professional .premium-category-footer strong{color:var(--petza-green-dark)}

/* Featured profiles */
.home-professional .featured-pets{background:#fff}
.home-professional .pet-card{
  border:1px solid var(--petza-border);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 12px 35px rgba(16,35,29,.06);
  background:#fff;
}
.home-professional .pet-category{color:var(--petza-green)}
.home-professional .pet-card h3{color:var(--petza-ink)}
.home-professional .pet-card p{color:var(--petza-muted)}
.home-professional .pet-info{color:#6b7d75}
.home-professional .pet-footer h4{color:var(--petza-green-dark)}
.home-professional .secondary-btn{border-color:#bcd8ca!important;color:var(--petza-green-dark)!important}
.home-professional .wishlist-add-btn{background:#e7f2ec!important;color:var(--petza-green-dark)!important}

/* About */
.home-professional .about-CompanionReviewHub{background:#f7fbf8}
.home-professional .about-image img{border-radius:30px;box-shadow:var(--petza-shadow)}
.home-professional .about-content h3{color:var(--petza-ink)}
.home-professional .about-content p{color:var(--petza-muted)}
.home-professional .feature-icon{background:var(--petza-lime)!important;color:var(--petza-green)!important}
.home-professional .about-content .primary-btn{margin-top:18px}

/* Stats */
.home-professional .stats-section{background:#fff}
.home-professional .stat-card{
  border:1px solid var(--petza-border);
  background:#f8fcfa;
  border-radius:22px;
}
.home-professional .stat-icon{background:#e5f4eb!important;color:var(--petza-green)!important}
.home-professional .stat-card h3{color:var(--petza-ink)}
.home-professional .stat-card p{color:var(--petza-muted)}

/* Testimonials */
.home-professional .testimonials{background:#f7fbf8}
.home-professional .testimonial-card{
  border:1px solid var(--petza-border);
  background:#fff;
  border-radius:22px;
  box-shadow:0 12px 35px rgba(16,35,29,.06);
}
.home-professional .testimonial-card p{color:var(--petza-muted)}
.home-professional .stars{color:var(--petza-gold)!important}

/* Gallery */
.home-professional .gallery-section{background:#fff}
.home-professional .gallery-item{
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(16,35,29,.08);
}

/* Contact */
.home-professional .contact-section{background:#f7fbf8}
.home-professional .contact-info h3{color:var(--petza-ink)}
.home-professional .contact-info p,
.home-professional .contact-item p{color:var(--petza-muted)}
.home-professional .contact-item h4{color:var(--petza-green-dark)}
.home-professional .contact-form-container{
  border:1px solid var(--petza-border);
  border-radius:26px;
  background:#fff;
  box-shadow:0 18px 55px rgba(16,35,29,.08);
}

/* Newsletter */
.home-professional .newsletter-section{background:#fff}
.home-professional .newsletter-box{
  border-radius:28px;
  background:linear-gradient(135deg,#0d5d45,#147a5a);
  box-shadow:0 22px 55px rgba(13,93,69,.22);
}
.home-professional .newsletter-content span{color:#bcefd3}
.home-professional .newsletter-content h2,
.home-professional .newsletter-content p{color:#fff}
.home-professional .newsletter-form input{border:0!important}

/* Footer */
.home-professional .site-footer{
  background:linear-gradient(145deg,#09261d,#102f25)!important;
}
.home-professional .site-footer-logo{color:#a9e5c5!important}
.home-professional .site-footer-badge{color:#c9f0da!important;background:#123b2e!important;border-color:#285846!important}
.home-professional .site-footer-column a:hover{color:#a9e5c5!important}
.home-professional .site-footer-highlight{color:#a9e5c5!important}

/* Mobile */
@media(max-width:900px){
  .home-professional .hero{min-height:720px;padding:135px 0 105px;background-position:64% center}
  .home-professional .hero h1{max-width:14ch;font-size:clamp(3rem,10vw,4.5rem)}
}

@media(max-width:680px){
  .home-professional .hero{min-height:auto;padding:125px 0 90px;background-image:linear-gradient(90deg,rgba(7,30,22,.94),rgba(10,55,40,.78)),url('../images/wild-cats/lynx.jpg')}
  .home-professional .hero h1{font-size:2.65rem;line-height:1.03}
  .home-professional .hero p{font-size:.98rem}
  .home-professional .search-section{margin-top:-32px}
  .home-professional .search-card{padding:23px 18px;border-radius:22px}
}


/* =========================================================
   PETZA FINAL HOMEPAGE POLISH
   Loaded last on purpose.
   Fixes mixed dark/light sections and restores the hero image.
========================================================= */

/* ---------- HERO IMAGE ---------- */

body.home-professional .hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(3, 15, 11, .94) 0%,
      rgba(5, 38, 27, .78) 45%,
      rgba(5, 38, 27, .34) 100%
    ),
    url("../images/wild-cats/lynx.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Keep the hero image visible on smaller screens too. */
@media (max-width: 680px) {
  body.home-professional .hero {
    background-image:
      linear-gradient(
        90deg,
        rgba(3, 15, 11, .95) 0%,
        rgba(5, 38, 27, .78) 100%
      ),
      url("../images/wild-cats/lynx.jpg");
    background-position: center center;
  }
}

/* ---------- LIGHT MODE BASE ---------- */

body.home-professional {
  background: #f7fbf8;
  color: #10231d;
}

body.home-professional .featured-pets,
body.home-professional .stats-section,
body.home-professional .gallery-section,
body.home-professional .newsletter-section {
  background: #ffffff;
  color: #10231d;
}

body.home-professional .premium-browse-section,
body.home-professional .about-CompanionReviewHub,
body.home-professional .testimonials,
body.home-professional .contact-section {
  background: #f7fbf8;
  color: #10231d;
}

/* ---------- DARK MODE: EVERY HOMEPAGE SECTION ---------- */

body.home-professional.dark-mode {
  background: #020617 !important;
  color: #f8fafc !important;
}

/* Large section backgrounds */
body.home-professional.dark-mode .search-section,
body.home-professional.dark-mode .premium-browse-section,
body.home-professional.dark-mode .featured-pets,
body.home-professional.dark-mode .about-CompanionReviewHub,
body.home-professional.dark-mode .stats-section,
body.home-professional.dark-mode .testimonials,
body.home-professional.dark-mode .gallery-section,
body.home-professional.dark-mode .contact-section,
body.home-professional.dark-mode .newsletter-section {
  background: #020617 !important;
  color: #f8fafc !important;
}

/* Alternating sections use a slightly lifted surface. */
body.home-professional.dark-mode .home-trust-notice {
  background: #07111f !important;
}

body.home-professional.dark-mode .trust-notice-box,
body.home-professional.dark-mode .search-card,
body.home-professional.dark-mode .premium-category-card,
body.home-professional.dark-mode .pet-card,
body.home-professional.dark-mode .stat-card,
body.home-professional.dark-mode .testimonial-card,
body.home-professional.dark-mode .contact-form-container {
  background: #0f172a !important;
  color: #f8fafc !important;
  border-color: #26364d !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .30) !important;
}

/* Headings */
body.home-professional.dark-mode .section-title h2,
body.home-professional.dark-mode .search-card-heading h2,
body.home-professional.dark-mode .trust-notice-box h2,
body.home-professional.dark-mode .premium-category-content h3,
body.home-professional.dark-mode .pet-card h3,
body.home-professional.dark-mode .about-content h3,
body.home-professional.dark-mode .stat-card h3,
body.home-professional.dark-mode .testimonial-card h4,
body.home-professional.dark-mode .contact-info h3,
body.home-professional.dark-mode .newsletter-content h2 {
  color: #f8fafc !important;
}

/* Body copy */
body.home-professional.dark-mode .section-title p,
body.home-professional.dark-mode .search-card-heading p,
body.home-professional.dark-mode .trust-notice-box p,
body.home-professional.dark-mode .premium-category-content p,
body.home-professional.dark-mode .pet-card p,
body.home-professional.dark-mode .pet-info,
body.home-professional.dark-mode .about-content p,
body.home-professional.dark-mode .stat-card p,
body.home-professional.dark-mode .testimonial-card p,
body.home-professional.dark-mode .contact-info p,
body.home-professional.dark-mode .contact-item p {
  color: #cbd5e1 !important;
}

/* Small labels and green accents */
body.home-professional.dark-mode .pet-category,
body.home-professional.dark-mode .premium-category-content > span,
body.home-professional.dark-mode .section-title > span,
body.home-professional.dark-mode .search-card-heading > span,
body.home-professional.dark-mode .contact-item h4,
body.home-professional.dark-mode .premium-category-footer strong,
body.home-professional.dark-mode .pet-footer h4 {
  color: #6ee7b7 !important;
}

/* Search fields */
body.home-professional.dark-mode .field label {
  color: #e2e8f0 !important;
}

body.home-professional.dark-mode .field input,
body.home-professional.dark-mode .field select,
body.home-professional.dark-mode .newsletter-form input {
  background: #111827 !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
  color-scheme: dark;
}

body.home-professional.dark-mode .field input::placeholder,
body.home-professional.dark-mode .newsletter-form input::placeholder {
  color: #94a3b8 !important;
}

/* Buttons */
body.home-professional.dark-mode .secondary-btn {
  color: #f8fafc !important;
  border-color: #475569 !important;
  background: #111827 !important;
}

body.home-professional.dark-mode .secondary-btn:hover {
  background: #1e293b !important;
}

body.home-professional.dark-mode .wishlist-add-btn {
  background: #1e293b !important;
  color: #6ee7b7 !important;
}

/* Category cards with images */
body.home-professional.dark-mode .premium-category-card:hover,
body.home-professional.dark-mode .pet-card:hover,
body.home-professional.dark-mode .testimonial-card:hover {
  border-color: #3b536e !important;
}

/* About/stat icon surfaces */
body.home-professional.dark-mode .feature-icon,
body.home-professional.dark-mode .stat-icon {
  background: #1e293b !important;
  color: #6ee7b7 !important;
}

/* Gallery captions/overlays */
body.home-professional.dark-mode .gallery-item {
  background: #0f172a !important;
  border-color: #26364d !important;
}

/* Newsletter remains intentionally branded, but text stays readable. */
body.home-professional.dark-mode .newsletter-box {
  background: linear-gradient(135deg, #064e3b, #047857) !important;
}

body.home-professional.dark-mode .newsletter-content h2,
body.home-professional.dark-mode .newsletter-content p {
  color: #ffffff !important;
}

/* Trust notice */
body.home-professional.dark-mode .trust-notice-box span {
  background: #123b2e !important;
  color: #86efac !important;
}

body.home-professional.dark-mode .trust-notice-box {
  border-color: #234537 !important;
}

/* Header */
body.home-professional.dark-mode .header {
  background: rgba(2, 6, 23, .94) !important;
  border-bottom-color: #1e293b !important;
}

body.home-professional.dark-mode .nav-links > li > a,
body.home-professional.dark-mode .nav-dropdown-toggle {
  color: #f8fafc !important;
}

body.home-professional.dark-mode .nav-links > li > a:hover,
body.home-professional.dark-mode .nav-dropdown-toggle:hover,
body.home-professional.dark-mode .nav-dropdown.open .nav-dropdown-toggle {
  color: #6ee7b7 !important;
}

body.home-professional.dark-mode .nav-dropdown-menu {
  background: #0f172a !important;
  border-color: #26364d !important;
}

body.home-professional.dark-mode .nav-dropdown-group a {
  color: #f8fafc !important;
}

body.home-professional.dark-mode .nav-dropdown-group a small {
  color: #94a3b8 !important;
}

body.home-professional.dark-mode .nav-dropdown-group a:hover,
body.home-professional.dark-mode .nav-dropdown-group a:focus-visible {
  background: #162235 !important;
}

/* Mobile menu */
body.home-professional.dark-mode .mobile-menu {
  background: #0f172a !important;
  border-color: #26364d !important;
}

body.home-professional.dark-mode .mobile-menu a {
  color: #f8fafc !important;
}

body.home-professional.dark-mode .mobile-menu a:hover {
  background: #162235 !important;
  color: #6ee7b7 !important;
}

/* Footer */
body.home-professional.dark-mode .site-footer {
  background: #020617 !important;
  border-top-color: #1e293b !important;
}

/* ---------- HERO TEXT IN BOTH MODES ---------- */

body.home-professional .hero h1,
body.home-professional .hero p,
body.home-professional .hero-tag,
body.home-professional .hero-assurance {
  position: relative;
  z-index: 3;
}

body.home-professional .hero h1 {
  color: #ffffff !important;
}

body.home-professional .hero p {
  color: #e2e8f0 !important;
}

body.home-professional .hero-tag {
  color: #d1fae5 !important;
}

body.home-professional .hero-assurance {
  color: #dbeafe !important;
}

/* ---------- ACCESSIBILITY / MOTION ---------- */

@media (prefers-reduced-motion: reduce) {
  body.home-professional .premium-category-card,
  body.home-professional .pet-card,
  body.home-professional .testimonial-card {
    transition: none !important;
  }
}

/* =========================================================
   PETZA HERO — DARK MODE IMAGE FIX
========================================================= */

/* Light mode */
body.home-professional:not(.dark-mode) .hero {
    background-image:
        linear-gradient(
            90deg,
            rgba(7, 12, 22, 0.88) 0%,
            rgba(7, 12, 22, 0.68) 45%,
            rgba(7, 12, 22, 0.38) 100%
        ),
        url("../images/wild-cats/lynx.jpg") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Dark mode */
body.home-professional.dark-mode .hero {
    background-image:
        linear-gradient(
            90deg,
            rgba(2, 6, 23, 0.88) 0%,
            rgba(2, 6, 23, 0.70) 45%,
            rgba(2, 6, 23, 0.40) 100%
        ),
        url("../images/wild-cats/lynx.jpg") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* If dark-mode is placed directly on <html> or <body> */
.dark-mode .hero {
    background-image:
        linear-gradient(
            90deg,
            rgba(2, 6, 23, 0.88) 0%,
            rgba(2, 6, 23, 0.70) 45%,
            rgba(2, 6, 23, 0.40) 100%
        ),
        url("../images/wild-cats/lynx.jpg") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Mobile */
@media (max-width: 680px) {
    body.home-professional.dark-mode .hero,
    .dark-mode .hero {
        background-image:
            linear-gradient(
                90deg,
                rgba(2, 6, 23, 0.92),
                rgba(2, 6, 23, 0.70)
            ),
            url("../images/wild-cats/lynx.jpg") !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
}


/* =========================================================
   PETZA — EXOTIC FELINES LIGHT MODE FIX
========================================================= */

/* Light mode */
body.home-professional:not(.dark-mode) .premium-category-content {
    background: #ffffff !important;
    color: #10231d !important;
}

body.home-professional:not(.dark-mode) .premium-category-content h3,
body.home-professional:not(.dark-mode) .premium-category-content h3 a {
    color: #10231d !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.home-professional:not(.dark-mode) .premium-category-content p {
    color: #52665f !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.home-professional:not(.dark-mode) .premium-category-content a {
    color: #287a55 !important;
    opacity: 1 !important;
}

/* The small category label */
body.home-professional:not(.dark-mode) .premium-category-content > span {
    color: #287a55 !important;
    background: #f8f4ed !important;
    opacity: 1 !important;
}

/* Bottom links */
body.home-professional:not(.dark-mode) .premium-category-content .premium-category-footer,
body.home-professional:not(.dark-mode) .premium-category-content .premium-category-footer a {
    color: #287a55 !important;
}

/* Orange secondary link */
body.home-professional:not(.dark-mode) .premium-category-content .premium-category-footer a:last-child {
    color: #e8790b !important;
}


/* =========================================================
   DARK MODE
   Keep the card readable when dark mode is enabled.
========================================================= */

body.home-professional.dark-mode .premium-category-content {
    background: #0f172a !important;
    color: #f8fafc !important;
}

body.home-professional.dark-mode .premium-category-content h3,
body.home-professional.dark-mode .premium-category-content h3 a {
    color: #f8fafc !important;
}

body.home-professional.dark-mode .premium-category-content p {
    color: #cbd5e1 !important;
}

body.home-professional.dark-mode .premium-category-content > span {
    color: #6ee7b7 !important;
    background: #123b2e !important;
}

body.home-professional.dark-mode .premium-category-content .premium-category-footer a {
    color: #6ee7b7 !important;
}

body.home-professional.dark-mode .premium-category-content .premium-category-footer a:last-child {
    color: #f59e0b !important;
}