/*-----------------------------------------------------------------------------------
 *
 * Theme Name: Monity
 * Theme URI: https://monitywp.websitelayout.net/
 * Author: Website Design Templates
 * Author URI: https://www.websitelayout.net/
 * Description: CCTV & Security WordPress Theme - Customized for Quantum Processing Systems (QPS)
 * Version: 1.5
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: monity
 *
 * ----------------------------------------------------------------------------------- */

/* ==========================================================================
   1. CORE DESIGN SYSTEM & BRAND PALETTE (QPS)
   ========================================================================== */

:root {
    --qps-accent: #F5B027;
    --qps-accent-hover: #E09F1C;
    --qps-dark-bg: #0B132B;
    --qps-card-bg: #1C2541;
    --qps-light-bg: #F8FAFC;
    --qps-heading-dark: #FFFFFF;
    --qps-heading-light: #1C2541;
    --qps-text-dark: #E2E8F0;
    --qps-text-light: #4A5568;
    --bs-primary: #F5B027;
    --bs-primary-rgb: 245, 176, 39;
}

/* Image Responsiveness */
img {
    max-width: 100%;
    height: auto;
}

.project-featured-image img,
.service-featured-image img,
.team-featured-image img {
    width: 100%;
    object-fit: cover;
}

/* Base Typography & Background Colors */
body {
    background-color: var(--qps-light-bg);
    color: var(--qps-text-light);
    font-family: 'Outfit', 'Inter', system-ui, -apple-system, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--qps-heading-light);
    font-weight: 700;
}

p {
    color: var(--qps-text-light);
}

/* Dark Section Overrides */
.bg-dark,
.qps-bg-dark,
section.bg-dark {
    background-color: #0B132B !important;
}

.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6,
.qps-bg-dark h1, .qps-bg-dark h2, .qps-bg-dark h3, .qps-bg-dark h4, .qps-bg-dark h5, .qps-bg-dark h6 {
    color: #FFFFFF !important;
}

.bg-dark p, .bg-dark span, .bg-dark li,
.qps-bg-dark p, .qps-bg-dark span, .qps-bg-dark li {
    color: #E2E8F0 !important;
}

/* Primary Color Utilities */
.text-primary, 
a.text-primary:hover, 
.widget-title h3::before,
.navbar-nav .nav-item.active > .nav-link,
.navbar-nav .nav-item:hover > .nav-link {
    color: #F5B027 !important;
}

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

.border-primary {
    border-color: #F5B027 !important;
}

/* Button & CTA Styling */
.butn, 
.butn-style02, 
.btn-primary, 
.butn.primary,
button[type="submit"],
.attr-nav .butn-style02 {
    background-color: #F5B027 !important;
    border-color: #F5B027 !important;
    color: #0B132B !important;
    font-weight: 700 !important;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.butn:hover, 
.butn-style02:hover, 
.btn-primary:hover, 
.butn.primary:hover,
button[type="submit"]:hover,
.attr-nav .butn-style02:hover {
    background-color: #E09F1C !important;
    border-color: #E09F1C !important;
    color: #0B132B !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(245, 176, 39, 0.35) !important;
}

.butn-style02.secondary, 
.butn-outline-gold {
    background-color: transparent !important;
    border: 2px solid #F5B027 !important;
    color: #F5B027 !important;
}

.butn-style02.secondary:hover, 
.butn-outline-gold:hover {
    background-color: #F5B027 !important;
    color: #0B132B !important;
}

/* QPS Cards & Badges */
.qps-card {
    background-color: #1C2541;
    border: 1px solid rgba(245, 176, 39, 0.15);
    border-radius: 12px;
    padding: 30px;
    transition: all 0.3s ease;
}

.qps-card:hover {
    border-color: #F5B027;
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

.qps-badge {
    background: rgba(245, 176, 39, 0.15);
    color: #F5B027;
    padding: 6px 16px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

.qps-icon-box {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    background: rgba(245, 176, 39, 0.15);
    color: #F5B027;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.qps-client-badge {
    background: #1C2541;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.qps-client-badge:hover {
    border-color: #F5B027;
    color: #F5B027;
}

/* ==========================================================================
   2. LOGO SIZING & DEMO BUTTON REMOVAL
   ========================================================================== */

.navbar-brand,
.navbar-brand img, #default_logo, #redux_logo, #default_scroll_logo, #redux_scroll_logo {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    max-height: 55px;
    width: auto;
    object-fit: contain;
    transition: all 0.3s ease;
}


.buy-now-btn,
.buy-theme,
.purchase-theme,
.demo-option,
.quicker-demo,
.all-demo,
.sticky-demo,
.floating-btn-custom,
.theme-buy-now,
.envato-buy-now,
[class*="click-here"],
[id*="click-here"],
[class*="buy-now"],
[class*="purchase-btn"],
[id*="buy-now"],
.style-customizer,
.customizer-option,
.btn-success,
a.btn.btn-success,
.btn-green,
.floating-green-btn,
.stray-btn,
.click-here-btn,
.click_here {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* ==========================================================================
   3. CLIENT LOGOS & PORTFOLIO ALIGNMENT ('OUR INNOVATION PROJECTS')
   ========================================================================== */

.client-logo-carousel,
.client-logo-wrapper,
.client-logos,
.portfolio-logos,
.qps-client-logos-wrapper,
.clients-carousel,
.our-clients-logos,
.partner-logos,
.brands-carousel,
.portfolio-section .row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 30px !important;
    flex-wrap: wrap !important;
    margin: 0 auto !important;
}

.client-logo-carousel img,
.client-logo-wrapper img,
.client-logos img,
.portfolio-logos img,
.qps-client-logos-wrapper img,
.clients-carousel img,
.our-clients-logos img,
.partner-logos img,
.brands-carousel img,
.qps-client-badge img,
.portfolio-section img,
.portfolio-item img,
[class*="client"] img,
[class*="partner"] img,
[class*="brand"] img {
    max-height: 65px !important;
    width: auto !important;
    max-width: 160px !important;
    object-fit: contain !important;
    margin: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Circular Progress Scroll Indicator Offset */
.scroll-top,
.progress-wrap,
.circular-progress,
[class*="progress-wrap"],
[class*="scroll-top"] {
    z-index: 99 !important;
    bottom: 30px !important;
    right: 30px !important;
}