/* Template Name: United Pets - Miztli Maine Coons Boutique Scheme
   Palette: Luxury Gold & Deep Charcoal
*/

/* Primary Gold / Bronze Accent (#C5A059) */
.feature-with-icon:hover i,
.btn-quaternary,
.badge-default,
.btn-primary,
.back-to-top i:hover,
.alert-secondary,
.badge-secondary,
.nav-pills .nav-link.active,
.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus,
.nav-pills .show>.nav-link,
.list-group-item.active,
figure.team-style2 figcaption .icons i,
.page-link:hover,
.page-link.active,
.team-style1 .social,
.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #C5A059;
}

.bg-secondary {
    background-color: #C5A059 !important;
}

.section-heading h2:after,
ul.social-media i,
.owl-prev i:hover,
.owl-next i:hover,
.breadcrumb a:hover,
.widget1 .colored-icons i,
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus,
.navbar .nav-link:focus,
.navbar .nav-item:hover,
.navbar .nav-item .active,
.team-style2 .img-box a:hover li,
.section-heading h2:before,
.navbar-brand i,
.serviceBox:hover .service-icon i,
a,
figure.team-style3 h6,
figure.team-style2 .name h6,
ul.custom li:before,
.testimonial .content:before,
.owl-theme .owl-nav [class*='owl-']:hover,
.spinner .bounce1:after,
.team-style2 span {
    color: #C5A059;
}

.testimonial-pic > img,
.text-secondary {
    color: #C5A059 !important;
}

.custom-link,
.form-control:focus,
.btn-primary,
.list-group-item.active,
.alert-secondary,
.adopt-image,
.team-style2 .img-box .social-icons li {
    border-color: #C5A059;
}

.lds-ring div {
    border: 6px solid #C5A059;
    border-color: #C5A059 transparent transparent transparent;
}

/* Deep Charcoal / Onyx (#161B22) */
.btn-quaternary:hover,
.btn-quaternary:focus,
.top-bar,
.btn-tertiary,
.nav-tabs .nav-link,
.accordion-cards .card-body,
.navbar-toggler:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.back-to-top i,
.accordion-cards .card-header,
.page-item.active .page-link,
.progress-bar,
.service-hover-box .service-hover-caption,
figure.team-style2 .name,
.team-style1:hover .team-image,
.page-link,
footer,
.nav-pills .nav-link {
    background-color: #161B22;
}

.bg-primary {
    background-color: #161B22 !important;
}

.accordion .card-link,
.serviceBox1 .title a:hover,
.text-tertiary,
.icon-box i,
.blog-card .post-info:before,
.color1,
.header-text:before,
ul.social-media li:hover i,
.navbar-brand span,
.adopt-card-info i,
.counter .counter-icon {
    color: #161B22;
}

.text-primary {
    color: #161B22 !important;
}

.dropdown-menu:before {
    border-bottom-color: #161B22;
}

.blog-card .card-img-top:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.page-item.active .page-link {
    border-color: #161B22;
}

/* Warm Amber Bronze Secondary (#B38E46) */
.blog-box .date,
.feature-with-icon i,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.breadcrumb,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover,
.btn-tertiary:hover,
.bg-tertiary,
.accordion .card-header a.collapsed:before,
.accordion:before,
.accordion a:before,
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.active,
.accordion-cards .card-header:hover,
.accordion-cards .card-header:focus,
.badge-primary,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.alert-primary,
.btn-secondary,
.list-group-item-action:focus,
.list-group-item-action:hover,
.team-style1 .title:after,
.team-style1 .title:before,
.contact-icon .top-icon {
    background-color: #B38E46;
}

.accordion .card-link:hover,
.accordion .card-link:focus,
.navbar .nav-item.active a,
.team-style1 .post:before,
.owl-prev i,
.owl-next i,
.serviceBox2 .service-icon,
.contact-image i,
blockquote:after,
blockquote:before,
.team-style1:hover .social li a,
figure.team-style3 i,
.serviceBox .service-icon i,
ul.checkmark li:before,
.colored-icons i,
a:hover,
a:focus,
.team-style1:hover .social li a:hover,
a h5:hover,
a h4:hover {
    color: #B38E46;
}

.contact-form3.bg-secondary .form-control:focus,
.custom-link:hover,
.custom-link:focus,
.form-control,
.alert-primary,
.list-group-item-action:focus,
.list-group-item-action:hover {
    border-color: #C5A059;
}

/* ==========================================================================
   Miztli Brand Enhancements
   ========================================================================== */
.nav-brand img, .navbar-brand img {
    max-height: 52px;
    width: auto;
    object-fit: contain;
}
.preloader-logo img {
    max-height: 75px;
    width: auto;
    margin-bottom: 15px;
}
.logo-footer {
    max-height: 65px;
    width: auto;
    object-fit: contain;
    margin-bottom: 15px;
}
.top-bar {
    background-color: #0f1318 !important;
    color: #e2e8f0;
    font-size: 13px;
    letter-spacing: 0.3px;
}
.top-bar a {
    color: #C5A059;
}
.top-bar a:hover {
    color: #ffffff;
}
.top-bar .contact-details li i,
.top-bar .social-list li a i {
    color: #C5A059;
}
.top-bar .social-list li a:hover i {
    color: #ffffff;
}
.badge-reg {
    background: rgba(197, 160, 89, 0.2);
    border: 1px solid #C5A059;
    color: #C5A059;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
}
.adopt-card {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.adopt-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.15);
}
.adopt-image img {
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
    height: 240px;
}
.status-pill {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.status-pill.available {
    background: #e6f4ea;
    color: #137333;
    border: 1px solid #34a853;
}
.status-pill.reserved {
    background: #fef7e0;
    color: #b06000;
    border: 1px solid #f9ab00;
}
.status-pill.upcoming {
    background: #e8f0fe;
    color: #1a73e8;
    border: 1px solid #4285f4;
}
.cattery-badge-icon {
    font-size: 32px;
    color: #C5A059;
    margin-bottom: 10px;
}