﻿/* Conen corporate: accessible accents and photo-backed content. */
:root { --conen-blue: #1464a5; --conen-green: #087b57; --conen-ink: #283441; }
body { color: #505b65; font-weight: 400; }
a:hover, a:focus, .main-color { color: var(--conen-blue); }
.alt-color { color: var(--conen-green); }
.navbar.navbar-static .nav-link.active,
.navbar.navbar-static .nav-link:hover,
.portfolio1 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active,
.portfolio1 .cbp-l-filters-button .cbp-filter-item:hover { color: var(--conen-blue); }
.btn.btn-blue, .btn.btn-nav { background: var(--conen-blue); border-color: var(--conen-blue); color: #fff; }
.btn.btn-green { background: var(--conen-green); border-color: var(--conen-green); color: #fff; }
.btn.btn-blue:hover, .btn.btn-blue:focus, .btn.btn-nav:hover, .btn.btn-nav:focus { background: #104f83 !important; border-color: #104f83; color: #fff !important; }
.btn.btn-green:hover, .btn.btn-green:focus { background: #065e43 !important; border-color: #065e43; color: #fff !important; }
.btn.btn-hvr-white:hover, .btn.btn-hvr-white:focus { background: #fff !important; border-color: #fff; color: #283441 !important; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #1464a5; outline-offset: 4px; }
.bg-blue, .price-item .price-list.blue li i, .content-list li i,
#js-grid-mosaic-flat .p-icon, .scroll-top-arrow { background-color: var(--conen-blue); }
.price-item .price-list.green li i { background-color: var(--conen-green); }
.counters .counter-item i { opacity: .8; }
#home .bg-overlay { background: linear-gradient(90deg, rgba(13,25,37,.30), rgba(13,25,37,.56) 35%, rgba(13,25,37,.56) 70%, rgba(13,25,37,.26)); opacity: 1; }
#services::before, #contact::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(13,25,37,.69) 0%, rgba(13,25,37,.58) 58%, rgba(13,25,37,.12) 100%); }
#services .container, #contact .container { position: relative; }
#services .half-right { z-index: 1; }
.parallax.bg-img2 > .bg-overlay { background: rgba(13,25,37,.55); opacity: 1; }
.feature-box .feature-item, .price-item, .blog-item { border: 1px solid #e3e8ec; box-shadow: 0 8px 28px rgba(24,43,61,.06); }
.feature-box .feature-item h4 { white-space: normal; }
.contact-form .form-control { border-color: #89949e; color: var(--conen-ink); }
.contact-form .form-control::placeholder { color: #59646e; opacity: 1; }
.footer-mail > input, .footer-mail > input:focus { background: #fff; color: var(--conen-ink); }
.footer-mail > input::placeholder { color: #59646e; opacity: 1; }
.footer-area a:hover, .footer-area a:focus, .header-social a:hover, .header-social a:focus { color: #b9defb !important; }
#js-grid-mosaic-flat.cbp-caption-zoom .cbp-caption-activeWrap { background-color: rgba(255,255,255,.96); }
@media (max-width: 991px) {
  .btn.btn-nav { padding: 12px 16px !important; }
  #services::before, #contact::before { background: rgba(13,25,37,.62); }
}
/* Photo replacements are local to this demo; shared originals remain untouched. */
.bg-img1 { background-image: url('original-corporate-conen/project-table.jpg'); }
.bg-img2 { background-image: url('original-corporate-conen/studio-hero.jpg'); }
#home li[data-index="rs-95"] .bg-overlay { background: linear-gradient(90deg, rgba(13,25,37,.15), rgba(13,25,37,.35) 35%, rgba(13,25,37,.35) 70%, rgba(13,25,37,.12)); }
.parallax.bg-img2 > .bg-overlay { background: rgba(13,25,37,.38); }
