/* _content/TurktechOtomasyon/Pages/Index.razor.rz.scp.css */
.stat-item .stat-icon[b-rtvosgz323] {
    width: 64px;
    height: 64px;
    font-size: 1.4rem;
    /* make icon container subtle so white icons are visible on primary background */
    background: transparent;
    border: 2px solid rgba(255,255,255,0.16);
    box-shadow: none;
}

.stat-item h3[b-rtvosgz323] {
    margin-bottom: 0.25rem;
    font-weight: 700;
}

.stat-item p[b-rtvosgz323] {
    margin: 0;
    opacity: 0.95;
}

/* Ensure the icon color remains white on primary background */
.stat-item .stat-icon .bi[b-rtvosgz323] {
    font-size: 1.4rem;
    color: #fff;
}

@media (max-width: 576px) {
    .stat-item .stat-icon[b-rtvosgz323] {
        width: 56px;
        height: 56px;
        font-size: 1.25rem;
    }
}

/* Responsive images for cards: keep aspect ratio and automatically fit the box */
.responsive-card-img[b-rtvosgz323] {
    width: 100%;
    display: block;
    object-fit: cover; /* fill the box while preserving aspect ratio */
}

/* Specific heights for different card types (can be adjusted) */
.services-img[b-rtvosgz323] {
    height: 140px; /* recommended source: 560x420 (4:3) or 800x600 */
}

.project-img[b-rtvosgz323] {
    height: 200px; /* recommended source: 800x500 (16:10) or 1200x750 */
}

/* Reference logos: keep contained and centered */
.ref-logo[b-rtvosgz323] {
    max-width: 100%;
    height: 60px;
    object-fit: contain;
}

@media (max-width: 576px) {
    .services-img[b-rtvosgz323] { height: 110px; }
    .project-img[b-rtvosgz323] { height: 140px; }
    .ref-logo[b-rtvosgz323] { height: 48px; }
}

/* Guidance: use images with same aspect ratio as above for best results. */

/* Aspect-ratio wrappers to ensure consistent fitting (supports modern browsers) */
.img-wrapper[b-rtvosgz323] {
    width: 100%;
    overflow: hidden;
    display: block;
    background: #f8f9fa;
}

.img-wrapper img[b-rtvosgz323] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Use 4:3 ratio for service images (800x600) and 16:10 for project images */
.services-wrapper[b-rtvosgz323] {
    aspect-ratio: 4 / 3;
}

.project-wrapper[b-rtvosgz323] {
    aspect-ratio: 16 / 10;
}

/* Fallback for browsers not supporting aspect-ratio */
@supports not (aspect-ratio: 1 / 1) {
    .services-wrapper[b-rtvosgz323] { height: 140px; }
    .project-wrapper[b-rtvosgz323] { height: 200px; }
}

/* Industry band styles */
.industry-band[b-rtvosgz323] {
    border-top: 4px solid rgba(0,0,0,0.04);
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

.industry-list[b-rtvosgz323] {
    gap: 0.5rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0.25rem 0;
}

.industry-item[b-rtvosgz323] {
    min-width: 200px;
    max-width: 260px;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    cursor: pointer;
}

.industry-item .industry-icon[b-rtvosgz323] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
}

.industry-item:hover[b-rtvosgz323] {
    transform: translateY(-3px);
    transition: transform .12s ease-in-out;
}

.industry-item.active[b-rtvosgz323] {
    background: rgba(255,255,255,0.12);
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

@media (max-width: 576px) {
    .industry-item[b-rtvosgz323] { min-width: 160px; }
    .industry-item .industry-icon[b-rtvosgz323] { width: 40px; height: 40px; font-size: 1rem; }
}
/* _content/TurktechOtomasyon/Shared/IndustryStrip.razor.rz.scp.css */
.industry-strip .industry-list[b-75q20kmug2] {
.industry-strip .industry-list {
    gap: 0.5rem;
}

.industry-item[b-75q20kmug2] {
    background: rgba(255,255,255,0.06);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.06);
    white-space: nowrap;
}

.industry-item .bi[b-75q20kmug2] {
    font-size: 1.15rem;
    color: #fff;
}

/* Make the strip horizontally scrollable on small screens */
.industry-list[b-75q20kmug2] {
    -webkit-overflow-scrolling: touch;
}

/* layout and buttons */
.industry-strip .container[b-75q20kmug2] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.industry-strip .industry-list[b-75q20kmug2] {
    overflow: hidden;
}

.industry-strip .industry-inner[b-75q20kmug2] {
    display: flex;
    gap: 0.5rem;
}

.industry-nav[b-75q20kmug2] {
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    opacity: 0.95;
}

.industry-item[b-75q20kmug2] {
    background: rgba(255,255,255,0.06);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.06);
    white-space: nowrap;
}

@media (min-width: 768px) {
    .industry-strip .industry-list[b-75q20kmug2] {
        justify-content: center;
        flex-wrap: nowrap; /* keep items in a single line on larger screens */
    }
    .industry-item[b-75q20kmug2] {
        margin-bottom: 0.25rem;
    }
}

@media (max-width: 767px) {
    .industry-nav[b-75q20kmug2] { display: none; }
    .industry-strip .container[b-75q20kmug2] { padding-left: 1rem; padding-right: 1rem; }
}

@media (min-width: 768px) {
    .industry-list[b-75q20kmug2] {
        justify-content: center;
        flex-wrap: wrap;
    }
    .industry-item[b-75q20kmug2] {
        margin-bottom: 0.25rem;
    }
}
/* _content/TurktechOtomasyon/Shared/MainLayout.razor.rz.scp.css */
.page[b-l7xg2o1p08] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-l7xg2o1p08] {
    flex: 1 0 auto;
}

/* Make navbar sticky and ensure banner stays under it */
header > nav.navbar[b-l7xg2o1p08] {
    position: sticky;
    top: 0;
    z-index: 1020;
}

.page-banner[b-l7xg2o1p08] {
    margin-top: 0;
}


.page-footer[b-l7xg2o1p08] {
    /*    background: linear-gradient(180deg, #8f1a1a 0%, #6f1515 100%);*/
    background: linear-gradient(180deg, #b32121 0%, #9e1c1c 100%) !important;
    color: #fff;
    padding-top: 3rem;
    padding-bottom: 2rem;
}

/* Red footer inner area that should have black text */
.footer-red[b-l7xg2o1p08] {
    background: linear-gradient(180deg, #8f1a1a 0%, #6f1515 100%); /* match page-footer */
    color: #000 !important;
    padding: 1rem;
    border-radius: 4px;
}

.page-footer h6[b-l7xg2o1p08] {
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.06em;
}

.page-footer a[b-l7xg2o1p08] {
    color: rgba(255,255,255,0.95);
    text-decoration: none;
}

.page-footer a:hover[b-l7xg2o1p08] { color: #fff; text-decoration: underline; }

.page-footer .social-icons .bi[b-l7xg2o1p08] { color: rgba(255,255,255,0.95); }

.page-footer .text-center.small[b-l7xg2o1p08] { margin-top: 1.5rem; }

/* Ensure any .text-muted inside footer is overridden to visible white */
.page-footer .text-muted[b-l7xg2o1p08] {
    color: rgba(255,255,255,0.85) !important;
}

@media (max-width: 767.98px) {
    .page-banner .container[b-l7xg2o1p08] { padding-left: 1rem; padding-right: 1rem; }
}

/* _content/TurktechOtomasyon/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-zap2ygf5d2] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-zap2ygf5d2] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-zap2ygf5d2] {
    font-size: 1.1rem;
}

.oi[b-zap2ygf5d2] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-zap2ygf5d2] {
    font-size: 0.95rem;
    margin-left: 0.5rem;
}

/* Ensure icons align nicely with link text */
.nav-link .bi[b-zap2ygf5d2] {
    font-size: 1.05rem;
    vertical-align: -2px;
}

/* Top navbar items: ensure consistent spacing and vertical alignment */
.navbar .nav-item[b-zap2ygf5d2] {
    padding: 0;
}
.navbar .nav-link[b-zap2ygf5d2] {
    color: #333;
    padding: 0.5rem 0.75rem;
}
.navbar .nav-link.active[b-zap2ygf5d2] {
    background-color: rgba(0,0,0,0.04);
    color: #000;
}
.navbar .nav-link:hover[b-zap2ygf5d2] {
    background-color: rgba(0,0,0,0.02);
}

@media (min-width: 641px) {
    .navbar-toggler[b-zap2ygf5d2] {
        display: none;
    }

    .collapse[b-zap2ygf5d2] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-zap2ygf5d2] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}