/*
 * Pangisha Brand Overrides
 * Colors: #231f20 (dark) · #fbaf34 (amber) · #a7a9ab (gray) · #d1d2d4 (light gray) · #fff
 */

/* ── Navbar ──────────────────────────────────────────────────── */
.navbar {
    background: #fff !important;
    border-bottom: 2px solid #d1d2d4;
}
.main-menu .nav-link {
    color: #231f20 !important;
    font-weight: 600;
}
.main-menu .nav-link:hover {
    color: #fbaf34 !important;
}
.dropdown-menu {
    border-top: 3px solid #fbaf34 !important;
}
.dropdown-link:hover .drop-title,
.dropdown-link:hover {
    color: #fbaf34 !important;
}

/* ── Nav buttons (shared) ─────────────────────────────────────── */
.pbrand-btn-dark {
    border: 1.5px solid #231f20;
    color: #231f20;
    background: transparent;
    border-radius: 6px;
    padding: 7px 16px;
    font-weight: 600;
    font-size: .875rem;
    text-decoration: none;
    display: inline-block;
    transition: background .2s, color .2s;
}
.pbrand-btn-dark:hover {
    background: #231f20;
    color: #fff !important;
    text-decoration: none;
}
.pbrand-btn-amber {
    border: 1.5px solid #fbaf34;
    color: #231f20;
    background: #fbaf34;
    border-radius: 6px;
    padding: 7px 16px;
    font-weight: 600;
    font-size: .875rem;
    text-decoration: none;
    display: inline-block;
    transition: background .2s, color .2s;
}
.pbrand-btn-amber:hover {
    background: #e9a02e;
    border-color: #e9a02e;
    color: #231f20 !important;
    text-decoration: none;
}
.pbrand-btn-outline-amber {
    border: 1.5px solid #fbaf34;
    color: #fbaf34;
    background: transparent;
    border-radius: 6px;
    padding: 7px 16px;
    font-weight: 600;
    font-size: .875rem;
    text-decoration: none;
    display: inline-block;
    transition: background .2s, color .2s;
}
.pbrand-btn-outline-amber:hover {
    background: #fbaf34;
    color: #231f20 !important;
    text-decoration: none;
}

/* ── Hero / Banner ───────────────────────────────────────────── */
.hero-section,
.main-banner {
    background-color: #231f20 !important;
}
.hero-section h1,
.main-banner h1 {
    color: #fff !important;
}
.hero-section p.lead,
.main-banner p.lead {
    color: #a7a9ab !important;
}

/* ── Page header (quiety_page layout) ───────────────────────── */
.page-header {
    background-color: #231f20 !important;
}
.page-header h1 { color: #fff !important; }
.page-header p.lead { color: #a7a9ab !important; }
.bg-circle.bg-dark-light { background: rgba(251,175,52,.08) !important; }

/* ── Section accent labels (.text-primary) ───────────────────── */
.text-primary {
    color: #fbaf34 !important;
}

/* ── Promo cards (Why Pangisha) ──────────────────────────────── */
.promo-section .bg-dark,
section .bg-dark {
    background-color: #231f20 !important;
}

/* ── Feature tabs ────────────────────────────────────────────── */
.feature-tab-list-2 .nav-link {
    color: #231f20 !important;
    border-color: #d1d2d4 !important;
    font-weight: 600;
}
.feature-tab-list-2 .nav-link.active,
.feature-tab-list-2 .nav-link:hover {
    background-color: #fbaf34 !important;
    border-color: #fbaf34 !important;
    color: #231f20 !important;
}

/* ── Testimonial / pill tab indicators ──────────────────────── */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #fbaf34 !important;
}

/* ── Preloader bar ───────────────────────────────────────────── */
.loading-bar {
    background: linear-gradient(90deg, #231f20, #fbaf34) !important;
}

/* ── Footer ──────────────────────────────────────────────────── */
.footer-bottom {
    background-color: #231f20 !important;
    border-top: 3px solid #fbaf34;
}
.footer-bottom p,
.footer-bottom .copyright-text p {
    color: #a7a9ab !important;
    margin: 0;
}
.footer-social-list a {
    color: #a7a9ab !important;
    width: 32px; height: 32px;
    display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid #a7a9ab;
    border-radius: 50%;
    transition: color .2s, border-color .2s;
}
.footer-social-list a:hover {
    color: #fbaf34 !important;
    border-color: #fbaf34;
}

/* ── sign-up / register section bg-dark ─────────────────────── */
.sign-up-in-section.bg-dark {
    background-color: #231f20 !important;
}

/* ── Bootstrap btn-primary → amber ──────────────────────────── */
.btn-primary,
.btn-primary:focus,
.btn-primary:active {
    background-color: #fbaf34 !important;
    border-color: #fbaf34 !important;
    color: #231f20 !important;
}
.btn-primary:hover {
    background-color: #e9a02e !important;
    border-color: #e9a02e !important;
    color: #231f20 !important;
}

/* ── Form focus ring → amber ─────────────────────────────────── */
.form-control:focus,
.form-select:focus {
    border-color: #fbaf34 !important;
    box-shadow: 0 0 0 .2rem rgba(251,175,52,.25) !important;
}

/* ── Offcanvas (mobile menu) ─────────────────────────────────── */
.offcanvas {
    border-left: 3px solid #fbaf34 !important;
}
.offcanvas .main-menu .nav-link { color: #231f20 !important; }
.offcanvas .main-menu .nav-link:hover { color: #fbaf34 !important; }