/*--------------------------------------------------------------
# Yabidev Nakliyat - tema uzerine ek stiller
# Tanspot temasinin kendi degiskenlerini kullanir (mavi/beyaz palet
# assets/css/style.css icindeki :root blogunda tanimlidir).
--------------------------------------------------------------*/

/* Turkce yazim duzeltmesi ------------------------------------
   Tema bircok baslikta "text-transform: capitalize" kullaniyor.
   Turkcede "ve / ile / de" gibi baglaclar buyuk harfle baslamamali,
   bu yuzden metni yazildigi gibi birakiyoruz. */
.thm-btn,
.feature-one__title,
.feature-one__title a,
.services-one__title,
.services-two__title h3,
.services-three__single-inner h3,
.why-choose-two__content h4,
.why-choose-one__form-distance .title p,
.about-two__counter p,
.office-location__location-single .content-box .text-box h4,
.main-menu__call-sub-title,
.main-menu-two__call-sub-title,
.main-menu__top-welcome-text,
.process-one__title,
.team-one__title,
.team-two__name,
.blog-one__title,
.blog-two__title,
.blog-two__title a,
.sidebar__title,
.footer-widget__title,
.footer-widget__link li a,
.footer-widget-two__title,
.footer-widget-two__link li a,
.footer-widget-three__title,
.footer-widget-three__link li a,
.shop-category ul li,
.shop-category ul li a,
.project-details__title-1,
.project-details__title-2,
.project-details__title-3,
.review-one__title h3,
.review-form-one__title,
.error-page__content h2 {
    text-transform: none;
}

/* Teklif formundaki telefon alani ve mesaj kutusu ------------- */
.contact-one__input-box input[type="tel"] {
    position: relative;
    display: block;
    height: 55px;
    width: 100%;
    background-color: rgba(var(--tanspot-white-rgb), .01);
    border: 1px solid rgba(var(--tanspot-white-rgb), .03);
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    color: rgba(var(--tanspot-white-rgb), .60);
    border-radius: 10px;
    font-family: var(--tanspot-font);
}

.contact-one__input-box--full textarea {
    position: relative;
    display: block;
    height: 96px;
    width: 100%;
    background-color: rgba(var(--tanspot-white-rgb), .01);
    border: 1px solid rgba(var(--tanspot-white-rgb), .03);
    padding: 15px 20px;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    color: rgba(var(--tanspot-white-rgb), .60);
    border-radius: 10px;
    font-family: var(--tanspot-font);
    resize: none;
    margin-bottom: 20px;
}

/* Hatali alan uyarisi ---------------------------------------- */
.yabidev-form .is-invalid {
    border-color: #e04f4f !important;
    box-shadow: 0 0 0 1px rgba(224, 79, 79, .35);
}

/* Form sonuc mesaji ------------------------------------------ */
.yabidev-form .result:empty {
    display: none;
}

.yabidev-form .result {
    margin-top: 15px;
    font-size: 14px;
    line-height: 22px;
}

.yabidev-note {
    display: block;
    padding: 12px 16px;
    border-radius: 10px;
    font-family: var(--tanspot-font);
}

.yabidev-note--ok {
    background-color: rgba(21, 104, 224, .12);
    border: 1px solid rgba(21, 104, 224, .35);
    color: var(--tanspot-base);
}

.yabidev-note--info {
    background-color: rgba(var(--tanspot-black-rgb), .06);
    border: 1px solid rgba(var(--tanspot-black-rgb), .12);
    color: var(--tanspot-black);
}

.yabidev-note--err {
    background-color: rgba(224, 79, 79, .10);
    border: 1px solid rgba(224, 79, 79, .30);
    color: #c33b3b;
}

.contact-one .yabidev-note--info,
.contact-one .yabidev-note--ok {
    color: var(--tanspot-white);
    border-color: rgba(var(--tanspot-white-rgb), .25);
    background-color: rgba(var(--tanspot-white-rgb), .08);
}

.yabidev-note a {
    color: inherit;
    text-decoration: underline;
    font-weight: 600;
}

/* Video bolumu: tema arka plani %10 opaklikta birakiyor, fotograf
   neredeyse gorunmuyordu. Metin kontrastini bozmadan biraz actik. */
.video-two__inner-bg {
    opacity: .28;
}

/* Blog detay: yazar rozeti sabit 110px genislikte, Turkce isimler
   tastigi icin icerige gore genisliyor. --------------------- */
.blog-details__user {
    width: auto;
    min-width: 110px;
    padding: 0 16px;
}

.blog-details__user p {
    white-space: nowrap;
}

/* Blogda "tum yazilar" butonu -------------------------------- */
.yabidev-blog-more {
    margin-top: 20px;
}

/* Footer: e-bulten yerine dogrudan iletisim ------------------ */
.yabidev-footer-cta {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    margin-top: 26px;
}

.yabidev-footer-phone {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--tanspot-white);
    font-family: var(--tanspot-font);
    font-size: 16px;
    font-weight: 600;
}

.yabidev-footer-phone span {
    color: var(--tanspot-base);
    font-size: 18px;
}

.yabidev-footer-phone:hover {
    color: var(--tanspot-base);
}

/* Blog detay sonundaki iletisim kutusu ----------------------- */
.yabidev-post-cta {
    position: relative;
    display: block;
    margin-top: 50px;
    padding: 42px 45px;
    border-radius: var(--tanspot-bdr-radius);
    background-color: var(--tanspot-primary);
    border: 1px solid rgba(var(--tanspot-base-rgb), .18);
}

.yabidev-post-cta h3 {
    font-size: 26px;
    line-height: 36px;
    color: var(--tanspot-black);
    margin-bottom: 12px;
}

.yabidev-post-cta p {
    max-width: 520px;
}

.yabidev-post-cta__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    margin-top: 28px;
}

.yabidev-post-cta__phone {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--tanspot-black);
    font-family: var(--tanspot-font);
    font-size: 17px;
    font-weight: 600;
}

.yabidev-post-cta__phone span {
    color: var(--tanspot-base);
    font-size: 19px;
}

.yabidev-post-cta__phone:hover {
    color: var(--tanspot-base);
}

@media only screen and (max-width: 575px) {
    .yabidev-post-cta {
        padding: 30px 25px;
    }
}

/* Blog sayfasi arama kutusu ---------------------------------- */
.yabidev-blog-search {
    position: relative;
    display: block;
    max-width: 520px;
    margin: 0 auto 18px;
}

.yabidev-blog-search input[type="search"] {
    width: 100%;
    height: 56px;
    padding: 0 60px 0 24px;
    border: 1px solid var(--tanspot-bdr-color);
    border-radius: 30px;
    outline: none;
    background-color: var(--tanspot-white);
    color: var(--tanspot-black);
    font-family: var(--tanspot-font);
    font-size: 15px;
    transition: border-color 300ms ease;
}

.yabidev-blog-search input[type="search"]:focus {
    border-color: var(--tanspot-base);
}

.yabidev-blog-search button {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background-color: var(--tanspot-base);
    color: var(--tanspot-white);
    cursor: pointer;
    transition: background-color 300ms ease;
}

.yabidev-blog-search button:hover {
    background-color: var(--tanspot-black);
}

.yabidev-blog-status {
    text-align: center;
    margin-bottom: 34px;
    font-size: 15px;
}

.yabidev-blog-status:empty {
    margin-bottom: 20px;
}

.yabidev-blog-empty {
    display: none;
    text-align: center;
    padding: 40px 0 10px;
}

.yabidev-blog-empty a {
    font-weight: 600;
}

/* WhatsApp hizli erisim butonu ------------------------------- */
.yabidev-wa {
    position: fixed;
    right: 30px;
    bottom: 110px;
    z-index: 99;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 50%;
    background-color: #25d366;
    color: var(--tanspot-white);
    font-size: 24px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, .18);
    transition: all 400ms ease;
}

.yabidev-wa:hover {
    color: var(--tanspot-white);
    transform: translateY(-3px);
}

@media only screen and (max-width: 767px) {
    .yabidev-wa {
        right: 20px;
        bottom: 90px;
        width: 46px;
        height: 46px;
        line-height: 46px;
        font-size: 21px;
    }
}