/*
 * Mavi Pera Galeri - Custom Blue Theme
 * Sanat galerisi icin mavi renk paleti
 * Ana renk: #1B5AAF (Mavi)
 * Koyu: #0F2A4A
 * Acik: #E8F0FE
 */

:root {
    --theme-color: #1B5AAF;
    --assistant-color: #2A7DE1;
    --theme-color-dark: #0F2A4A;
    --border-color: rgba(27, 90, 175, 0.15);
    --heading-color: #0F2A4A;
    --bg-color: #F8FAFF;
}

/* ========== Theme Color Overrides ========== */
.v-light {
    --theme-color: #1B5AAF;
    --assistant-color: #2A7DE1;
    --heading-color: #0F2A4A;
    --border-color: rgba(27, 90, 175, 0.12);
}

/* Theme accent color */
.theme-color,
.theme-color i {
    color: #1B5AAF !important;
}

/* Background main */
.background-main {
    background-color: #1B5AAF !important;
}

/* Buttons */
.dsn-button {
    color: #0F2A4A;
}

.dsn-button:hover {
    color: #000;
}

.dsn-button .dsn-border,
.dsn-button .dsn-border-rdu {
    border-color: #1B5AAF;
}

.dsn-button:hover .dsn-border,
.dsn-button:hover .dsn-border-rdu {
    border-color: #1B5AAF;
}

/* Border dekoratif toplar */
.dsn-button .dsn-border:after,
.dsn-button .dsn-border:before,
.dsn-button .dsn-border-rdu:after,
.dsn-button .dsn-border-rdu:before {
    background-color: #1B5AAF;
}

/* Dolgulu buton (iletisim formu submit) */
.dsn-button.background-main {
    background-color: #1B5AAF !important;
    color: #fff !important;
    border-radius: 4px;
}

.dsn-button.background-main:hover {
    background-color: #0F2A4A !important;
}

/* Border-color-reverse butonlar */
.dsn-button .border-color-reverse-color {
    border-color: #0F2A4A;
}

.dsn-button:hover .border-color-reverse-color {
    border-color: #1B5AAF;
}

a.dsn-button {
    display: inline-block;
    text-decoration: none;
}

a.dsn-button:hover {
    color: #000;
}

/* Line shapes */
.line-shap::before,
.line-shap::after {
    background-color: #1B5AAF;
}

/* Sub heading */
.sub-heading {
    color: #1B5AAF;
}

/* Section titles */
.section-title {
    color: #0F2A4A;
}

/* Links */
a:hover {
    color: #1B5AAF;
}

.link-hover::after {
    color: #1B5AAF;
}

/* Preloader */
.preloader .percent {
    color: #1B5AAF;
}

.preloader .preloader-progress {
    background-color: #1B5AAF;
}

.preloader .title .text-fill {
    -webkit-text-stroke-color: #1B5AAF;
    color: #1B5AAF;
}

/* Menu */
.site-header .menu-icon .icon-m .menu-icon-line {
    background-color: #0F2A4A;
}

.accent-menu .dsn-title-menu {
    color: #0F2A4A;
}

.accent-menu li:hover .dsn-title-menu,
.accent-menu li.dsn-active .dsn-title-menu {
    color: #1B5AAF;
}

.nav-social a:hover {
    color: #1B5AAF;
}

/* Facts / Counters */
.facts-item .number {
    color: #1B5AAF;
    -webkit-text-stroke-color: #1B5AAF;
}

/* Work items */
.work-item .box-content .sec-title a:hover {
    color: #1B5AAF;
}

.work-item .metas span {
    color: #1B5AAF;
}

/* Services list */
.service-lest-item .block-number {
    color: #1B5AAF;
}

.service-lest-item .icon svg {
    fill: #1B5AAF;
}

/* Team */
.team-item .box-text h5 {
    color: #1B5AAF !important;
}

.team-item .box-social a:hover {
    color: #1B5AAF;
}

/* Footer */
.footer .footer-social a:hover {
    color: #1B5AAF;
}

.footer .column-right a:hover {
    color: #1B5AAF;
}

.footer .scroll-top {
    color: #1B5AAF;
}

/* Contact */
.form-box .line {
    background-color: rgba(27, 90, 175, 0.2);
}

.box-info-contact .title-block {
    color: #0F2A4A;
}

/* Scroll to top */
.scroll-to-top .box-numper span {
    color: #1B5AAF;
}

/* Cursor */
.cursor .cursor-helper span {
    background-color: #1B5AAF;
}

/* Swiper pagination */
.dsn-pagination .swiper-pagination-bullet-active {
    background-color: #1B5AAF;
}

.dsn-pagination .swiper-next .triangle,
.dsn-pagination .swiper-prev .triangle {
    border-left-color: #1B5AAF;
}

.dsn-pagination .circle-wrap {
    stroke: #1B5AAF;
}

/* Contact button */
.contact-btn {
    color: #1B5AAF;
}

.contact-btn:hover {
    color: #0F2A4A;
}

/* Background section (light gray-blue tint) */
.v-light .background-section {
    background-color: #F4F7FC;
}

/* Box gallery vertical title cover */
.title-cover {
    color: rgba(27, 90, 175, 0.06);
}

/* Awards */
.award-item .award-number {
    color: #1B5AAF;
}

/* Check icons */
.fas.fa-check {
    color: #1B5AAF !important;
}

.fas.fa-check-circle {
    color: #1B5AAF !important;
}

/* Selection color */
::selection {
    background-color: #1B5AAF;
    color: #fff;
}

/* Next page section */
.next-page .dsn-button {
    color: #0F2A4A;
}

.next-page .dsn-button:hover {
    color: #000;
}

.next-page .dsn-border-rdu {
    border-color: #1B5AAF;
}

/* Contact form submit button */
.contact-modal .dsn-button.background-main {
    padding: 12px 30px;
    border: none;
    cursor: pointer;
    font-weight: 500;
}

.contact-modal .dsn-button.background-main:hover {
    background-color: #2A7DE1 !important;
}

/* Footer design link */
.footer .column-right h5 {
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

.footer .column-right h5 a {
    color: #1B5AAF;
    text-decoration: none;
    font-weight: 500;
}

.footer .column-right h5 a:hover {
    color: #0F2A4A;
}

/* Slider hero text shadow for readability */
.main-slider .slide-content .title {
    text-shadow: 0 2px 20px rgba(15, 42, 74, 0.3);
}

.main-slider .slide-content .metas span {
    background-color: #1B5AAF;
    color: #fff;
    padding: 4px 12px;
}

/* Slider: hide non-active slide contents */
.dsn-slider-content .slide-content {
    display: none !important;
}

.dsn-slider-content .slide-content.dsn-active {
    display: block !important;
}

/* Slider CTA button */
.slider-cta-btn {
    display: inline-block;
    padding: 14px 36px;
    background-color: #1B5AAF;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-decoration: none;
    border: 2px solid #1B5AAF;
    border-radius: 0;
    transition: all 0.3s ease;
}

.slider-cta-btn:hover {
    background-color: transparent;
    color: #fff !important;
    border-color: #fff;
}

/* Gallery popup overlay */
.has-popup .mfp-bg {
    background-color: #0F2A4A;
}

/* ========== Layout Fixes ========== */

/* 1. Logo - larger size */
.site-header .inner-header .main-logo {
    width: 200px !important;
}

.main-logo img {
    max-height: 110px !important;
    width: auto !important;
}

/* 2. cover-bg-img fallback - ensure images display even without JS lazy load */
img.cover-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

img.cover-bg-img[data-dsn-src] {
    min-height: 100%;
}

/* 3. Work items (services + gallery) - ensure box-img has height */
.work-item .box-img {
    height: 350px;
    overflow: hidden;
    border-radius: 2px;
}

.work-item .box-content {
    position: relative;
    padding: 20px 15px 10px;
}

/* Services 2-column layout */
.work-section:not(.dsn-filter) .work-item .box-img {
    height: 400px;
}

/* Gallery 3-column layout */
.dsn-filter .work-item .box-img {
    height: 300px;
}

/* 4. Image head (hakkimizda hero image) */
.image-head .before-z-index {
    height: 60vh;
    overflow: hidden;
}

/* 5. About section image */
.about-section .box-img {
    height: 500px;
    overflow: hidden;
    border-radius: 2px;
}

/* 6. Team item images */
.team-item .box-img {
    width: 120px;
    height: 120px;
    min-width: 120px;
    border-radius: 50%;
    overflow: hidden;
}

/* 7. Responsive fixes */
@media (max-width: 991px) {
    .work-item .box-img,
    .work-section:not(.dsn-filter) .work-item .box-img {
        height: 280px;
    }
    .about-section .box-img {
        height: 350px;
    }
}

@media (max-width: 576px) {
    .work-item .box-img,
    .dsn-filter .work-item .box-img {
        height: 220px;
    }
}