/* Custom overrides (loaded after css/styles.css) */

/* Stop page-specific styles (added at end of styles.css) from leaking everywhere */
body { background: #ffffff; }

/* Business page background */
body.page-business { background: #f8f9fa; }

/* Consistent, visible keyboard focus */
:focus-visible {
  outline: 3px solid rgba(255, 200, 0, 0.75);
  outline-offset: 2px;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

/* Utility classes to replace inline styles (benimisletmem.html) */
.da-lead-wide { font-size: 1.3rem; max-width: 800px; margin: 0 auto; }
.da-white-pill { background: #ffffff; padding: 1rem; border-radius: 10px; }
.da-lead-big { font-size: 1.8rem; line-height: 1.8; }
.da-card-soft { background: #ffffff; border-radius: 15px; box-shadow: 0 10px 40px rgba(0,0,0,0.08); }

/* Improve placeholder contrast on dark contact background */
#contact ::placeholder { color: rgba(255,255,255,0.75); }


/* TAKILI KALAN LOADER'I KAPAT */
#preloader,
.preloader,
.loader,
#loader {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}





/* =========================
   MOBİL TIMELINE FIX
========================= */

@media only screen and (max-width: 768px){

    ul.timeline:before{
        left:40px !important;
    }

    ul.timeline > li{
        min-height:120px !important;
        margin-bottom:40px !important;
    }

    ul.timeline > li .timeline-image{
        left:0 !important;
        margin-left:0 !important;
        width:80px !important;
        height:80px !important;
    }

    ul.timeline > li .timeline-image img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
    }

    ul.timeline > li .timeline-panel{
        width:calc(100% - 110px) !important;
        float:right !important;
        padding:0 10px 0 25px !important;
        text-align:left !important;
    }

    ul.timeline > li.timeline-inverted > .timeline-panel{
        float:right !important;
        text-align:left !important;
    }

    ul.timeline > li .timeline-heading h4{
        font-size:22px !important;
        line-height:1.3 !important;
    }

    ul.timeline > li .timeline-body p{
        font-size:16px !important;
        line-height:1.6 !important;
    }

}