/* Cameron Ashley — branded overrides for the Dixor v1.5 template
   Load after assets/css/style.css so these win the cascade.
*/

/* ============================================================
   LOGO
   ============================================================ */
/* Use !important here to beat .validnavs a { color: #232323; font-weight: 600 } in validnavs.css line 569 */
.navbar-brand .ca-logo-text {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 22px !important;
    font-weight: 500 !important;
    letter-spacing: -0.3px;
    color: #1a1a1a !important;
    line-height: 1;
    padding: 6px 0;
    display: inline-block;
    white-space: nowrap;
    transition: color 0.25s ease;
}

.navbar-brand .ca-logo-text strong {
    font-weight: 700 !important;
    color: var(--color-primary, #C9F31D) !important;
}

.navbar.validnavs.logo-less.on-light .navbar-brand .ca-logo-text {
    color: #ffffff !important;
}

.navbar.validnavs.logo-less.on-light .navbar-brand .ca-logo-text strong {
    color: var(--color-sec, #84e1bc);
}

.navbar.validnavs .navbar-brand .ca-logo-text {
    display: inline-block;
    max-width: 220px;
}

/* Mobile menu logo (in the off-canvas panel) */
.mobile-menu .ca-logo-light {
    color: #ffffff;
}

.mobile-menu .ca-logo-light strong {
    color: var(--color-sec, #84e1bc);
}

/* ============================================================
   HERO
   ============================================================ */
.hero-section h1,
.hero-section .title {
    color: #1a1a1a;
}

.hero-section p.lead {
    color: #4a4a4a;
}

/* Hero illustration (the abstract swirl) — tone it down a bit */
.hero-section .illustration img {
    filter: saturate(0.85);
}

/* ============================================================
   ABOUT / BIO SECTION
   ============================================================ */
.about-style-three .thumb img {
    object-fit: cover;
    aspect-ratio: 4/5;
}

.about-style-three .info h2 {
    color: #1a1a1a;
}

/* ============================================================
   SERVICES GRID
   ============================================================ */
.services-style-three .item {
    background: #ffffff;
    border-radius: 16px;
    padding: 36px 30px;
    box-shadow: 0 2px 24px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.services-style-three .item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

.services-style-three .item i,
.services-style-three .item .icon i {
    color: var(--color-sec, #84e1bc);
}

/* ============================================================
   PRICING BLOCK
   ============================================================ */
.ca-price-tag {
    display: flex;
    flex-direction: column;
    padding: 28px 22px;
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.ca-price-tag .label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #888;
    font-weight: 600;
    margin-bottom: 8px;
}

.ca-price-tag .price {
    font-size: 26px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.1;
}

.ca-price-tag .sub {
    font-size: 13px;
    color: #666;
    margin-top: 6px;
}

/* ============================================================
   STATS COUNTER
   ============================================================ */
.fun-fact .counter {
    color: #ffffff;
}

.fun-fact .count-num {
    color: var(--color-sec, #84e1bc);
}

/* ============================================================
   CTA / AUDIT BOX
   ============================================================ */
.cta-section h2 {
    color: #1a1a1a;
}

/* ============================================================
   FOOTER
   ============================================================ */
footer .footer-bottom p {
    color: #b9b9b9;
}

footer h4,
footer h5 {
    color: #ffffff;
}

footer a:hover {
    color: var(--color-sec, #84e1bc);
}

/* ============================================================
   COMING SOON (blog replacement)
   ============================================================ */
.blog-coming-soon {
    text-align: center;
    padding: 60px 30px;
    background: #fafafa;
    border-radius: 18px;
    border: 1px dashed rgba(0, 0, 0, 0.08);
}

.blog-coming-soon h3 {
    color: #1a1a1a;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 12px;
}

.blog-coming-soon p {
    color: #6b6b6b;
    margin: 0;
}

/* ============================================================
   PORTFOLIO CAROUSEL — make SVG cards sit nicely
   ============================================================ */
.portfolio-style-three .swiper-slide .item .thumb img {
    border-radius: 14px;
    aspect-ratio: 4/3;
    object-fit: cover;
}