/* Softbae customizations on top of the Extech template */

/* rotate360 decorative badges (e.g. heroShape1_3 "Explore More") ship in the
   template's original blue, which is invisible against our blue hero card.
   Force them to solid white so they read on any theme-color background. */
.rotate360 {
    filter: brightness(0) invert(1);
}

/* Hero: product tile grid replacing the stock hero photo */
.product-tile-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    padding: 40px;
}
.product-tile {
    background: #fff;
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 20px;
    min-height: 110px;
    transition: transform .25s ease;
}
.product-tile:hover { transform: translateY(-6px); }
.product-tile img { max-width: 100%; max-height: 42px; width: auto; height: auto; object-fit: contain; }

/* Bottom spacing under the hero CTA button — previously came from the removed
   stat boxes' margin-top:115px, so the hero card looked cramped without it. */
.hero-content.style1 .contact-meta {
    margin-bottom: 40px;
}
@media (max-width: 1199px) {
    .hero-content.style1 .contact-meta {
        margin-bottom: 60px;
    }
}

/* Center every image inside the swiper sliders (brand marquee + product cards) */
.swiper.gt-slider img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Service cards showing wordmark logos instead of square icons */
.service-card.style1 .icon.brand-icon {
    width: auto;
    min-width: 140px;
    height: 56px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border: none;
}
.service-card.style1 .icon.brand-icon img {
    width: auto;
    height: 100%;
    max-height: 36px;
    object-fit: contain;
}

/* Header logo on transparent/dark header state keeps legibility */
.header-logo img,
.offcanvas__logo img,
.footer-logo-img {
    object-fit: contain;
}

/* About section: stat panel replacing the stock photo pair */
.about-visual-panel {
    background: linear-gradient(155deg, #1b3a5c 0%, #16294a 100%);
    border-radius: 24px;
    padding: 56px 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 28px;
}
.about-visual-panel .avp-logo {
    height: 34px;
    width: auto;
    filter: brightness(0) invert(1);
    opacity: .92;
    margin-bottom: 8px;
}
.about-visual-panel .avp-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.about-visual-panel .avp-stat {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 14px;
    padding: 20px 12px;
    text-align: center;
}
.about-visual-panel .avp-stat h3 {
    color: #fff;
    font-family: var(--title-font);
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 4px;
}
.about-visual-panel .avp-stat span {
    color: rgba(255,255,255,0.7);
    font-size: 13px;
}
.about-visual-panel .avp-tech {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.about-visual-panel .avp-tech span {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 30px;
}

/* Work process: support more than 4 cards gracefully */
.work-process-wrapper .row > [class*="col-"] {
    display: flex;
}
.work-process-card.style1 {
    width: 100%;
}

/* Kurumsal Çözümler (custom solutions grid, replaces template's portfolio slider) */
.solutions-section { position: relative; }
.solutions-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.solution-card {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 28px 24px;
    box-shadow: var(--box-shadow);
    transition: transform .25s ease, box-shadow .25s ease;
}
.solution-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--box-shadow-2);
}
.solution-card img {
    height: 30px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: left;
    margin-bottom: 18px;
}
.solution-card p {
    font-size: 14px;
    color: var(--text-color);
    margin: 0;
    line-height: 1.6;
}

@media (max-width: 1199px) {
    .solutions-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
    .solutions-grid { grid-template-columns: 1fr; }
    .product-tile-grid { padding: 16px; gap: 14px; }
    .about-visual-panel { padding: 36px 24px; }
    .about-visual-panel .avp-stats { grid-template-columns: 1fr; }
}

/* The template overlaps this CTA card -185px into the next section (designed for the
   testimonial section it originally preceded). Our contact section sits right after it
   instead, so cancel the overlap to avoid the CTA painting over the contact heading. */
.cta-wrap.style1 {
    overflow: hidden;
    margin-bottom: 0;
}

/* Footer form note (mailto contact form feedback) */
.form-note {
    font-size: 13px;
    color: var(--text-color);
    margin-top: 10px;
}