/* ==========================================================
   TRANS63 Lojistik – tema eklemeleri
   (Görsel yerine Font Awesome ikon desteği, form mesajları,
   gönderi takip, arama penceresi, WhatsApp butonu vb.)
   ========================================================== */

/* ---------- Genel ---------- */
.header-layout1 { background-color: var(--secondary-color); }
.header-layout1 .header-top { border-bottom: 1px solid rgba(255,255,255,.12); }
.header-logo img, .mobile-logo img, .footer-logo img, .copyright-logo img { max-height: 64px; width: auto; }
.preloader-inner img { max-height: 70px; width: auto; }
.main-menu > ul > li.active > a { color: var(--theme-color); }
.text-theme { color: var(--theme-color) !important; }
.page-content { font-size: 16px; line-height: 1.8; }
.page-content img { max-width: 100%; height: auto; border-radius: 8px; }
.page-content h2, .page-content h3, .page-content h4 { margin-top: 1.4em; margin-bottom: .6em; }
.page-content ul { padding-left: 1.2em; margin-bottom: 1.2em; }
.page-content ul li { list-style: disc; margin-bottom: .4em; }
.page-content table { width: 100%; margin-bottom: 1.5em; border-collapse: collapse; }
.page-content table td, .page-content table th { border: 1px solid #e3e6ee; padding: 10px 14px; }
.page-content blockquote { border-left: 4px solid var(--theme-color); padding: 10px 20px; background: var(--smoke-color); margin: 1.5em 0; }
.vs-btn.is-loading { opacity: .65; pointer-events: none; }
.vs-btn.is-loading:after { content: "\f110"; font-family: var(--icon-font); font-weight: 400; margin-left: 10px; display: inline-block; animation: t63spin 1s linear infinite; }
@keyframes t63spin { to { transform: rotate(360deg); } }

/* ---------- Form mesajları ---------- */
.form-messages { font-size: 15px; font-weight: 500; }
.form-messages:empty { display: none; }
.form-messages.success { color: #1a9b4b; }
.form-messages.error { color: #dc3545; }
.form-control.is-invalid, .form-select.is-invalid, input.is-invalid, textarea.is-invalid { border-color: #dc3545 !important; box-shadow: 0 0 0 2px rgba(220,53,69,.15) !important; }
.newsletter-form .form-messages, .footer-top .form-messages { color: #fff; }
.newsletter-form .form-messages.error, .footer-top .form-messages.error { color: #ffb4b4; }

/* ---------- Görsel yerine ikon (Font Awesome) ---------- */
.service-style1 .service-icon i { position: relative; z-index: 2; font-size: 48px; line-height: 1; color: var(--theme-color); }
.service-style1:hover .service-icon i { color: var(--white-color); }
.service-style2 .service-icon i { font-size: 54px; line-height: 1; color: var(--theme-color); }
.service-style3 .service-icon i { position: relative; z-index: 3; font-size: 46px; color: var(--theme-color); line-height: 1; }
.service-style4 .service-icon i { font-size: 46px; color: var(--theme-color); line-height: 1; }
.service-style5 .service-icon i { font-size: 30px; }
.feature-style1 .feature-icon i { font-size: 34px; color: var(--theme-color); line-height: 1; }
.feature-style2 .feature-icon i { font-size: 40px; color: var(--theme-color); line-height: 1; }
.media-style4 .media-icon i { font-size: 42px; color: var(--theme-color); line-height: 1; }
.media-style3 .media-icon i { font-size: 28px; color: var(--theme-color); }
.process-style1 .process-icon i { font-size: 42px; color: var(--theme-color); line-height: 1; }
.middle-box__icon i { font-size: 32px; color: var(--theme-color); }
.cta-box1 .cta-icon i { font-size: 54px; color: var(--theme-color); }
.package-style2 .package-icon i { font-size: 40px; color: var(--theme-color); }
.contact-box__icon i { font-size: 46px; color: var(--theme-color); line-height: 1; }
.service-counter__icon i { font-size: 40px; color: var(--theme-color); }
.service-counter.active .service-counter__icon i { color: var(--white-color); }
.team-number i { color: var(--theme-color); margin-right: 8px; }

/* Hizmet 5 – görselli kartlar */
.service-style5 { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 35px rgba(10, 25, 55, .07); margin-bottom: 30px; transition: .35s ease; height: calc(100% - 30px); display: flex; flex-direction: column; }
.service-style5:hover { transform: translateY(-6px); box-shadow: 0 18px 45px rgba(10, 25, 55, .12); }
.service-style5 .service-img { position: relative; overflow: hidden; aspect-ratio: 16/10; }
.service-style5 .service-img img { width: 100%; height: 100%; object-fit: cover; transition: .5s ease; }
.service-style5:hover .service-img img { transform: scale(1.06); }
.service-style5 .service-icon { position: absolute; left: 25px; top: -30px; width: 60px; height: 60px; border-radius: 50%; background: var(--theme-color); color: #fff; display: flex; align-items: center; justify-content: center; z-index: 2; box-shadow: 0 8px 20px rgba(var(--theme-rgb), .35); }
.service-style5 .service-body { padding: 45px 28px 28px; flex: 1; display: flex; flex-direction: column; }
.service-style5 .service-title { margin-bottom: 10px; }
.service-style5 .service-text { margin-bottom: 18px; flex: 1; }
.service-style5 .link-btn { color: var(--theme-color); font-weight: 600; }
.service-style5 .link-btn i { margin-left: 6px; transition: .3s; }
.service-style5 .link-btn:hover i { margin-left: 10px; }

/* ---------- Hizmet detay kenar çubuğu ---------- */
.service-sidebar .widget { margin-bottom: 30px; }
.service-menu-list { list-style: none; padding: 0; margin: 0; }
.service-menu-list li { margin-bottom: 10px; }
.service-menu-list a { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: var(--smoke-color); border-radius: 8px; color: var(--title-color); font-weight: 600; transition: .3s; }
.service-menu-list a i { color: var(--theme-color); transition: .3s; }
.service-menu-list a:hover, .service-menu-list a.active { background: var(--theme-color); color: #fff; }
.service-menu-list a:hover i, .service-menu-list a.active i { color: #fff; }
.service-help-box { background: var(--secondary-color); border-radius: 12px; padding: 40px 30px; text-align: center; color: #fff; position: relative; overflow: hidden; }
.service-help-box:before { content: ""; position: absolute; right: -60px; top: -60px; width: 180px; height: 180px; border-radius: 50%; background: rgba(var(--theme-rgb), .25); }
.service-help-box .help-icon { width: 70px; height: 70px; border-radius: 50%; background: var(--theme-color); display: inline-flex; align-items: center; justify-content: center; font-size: 28px; margin-bottom: 18px; position: relative; }
.service-help-box h3 { color: #fff; font-size: 22px; margin-bottom: 10px; position: relative; }
.service-help-box p { color: rgba(255,255,255,.75); position: relative; }
.service-help-box a.phone { color: #fff; font-size: 22px; font-weight: 700; display: block; margin-bottom: 18px; position: relative; }

/* ---------- Gönderi takip ---------- */
.t63-track-box { background: #fff; border-radius: 14px; padding: 45px; box-shadow: 0 15px 50px rgba(10, 25, 55, .08); }
.t63-track-form { display: flex; gap: 12px; flex-wrap: wrap; }
.t63-track-form input { flex: 1; min-width: 220px; height: 60px; border-radius: 8px; border: 2px solid #e6e9f0; padding: 0 22px; font-size: 17px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.t63-track-form input:focus { border-color: var(--theme-color); outline: none; }
.t63-track-form .vs-btn { height: 60px; }
.t63-track-result { margin-top: 35px; }
.t63-track-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px; align-items: center; margin-bottom: 25px; }
.t63-track-no { font-size: 22px; font-weight: 700; color: var(--title-color); }
.t63-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; border-radius: 30px; background: rgba(var(--theme-rgb), .12); color: var(--theme-color); font-weight: 600; }
.t63-badge.done { background: rgba(26, 155, 75, .12); color: #1a9b4b; }
.t63-progress { height: 10px; background: #eef1f6; border-radius: 10px; overflow: hidden; margin-bottom: 30px; }
.t63-progress span { display: block; height: 100%; background: linear-gradient(90deg, var(--theme-color), var(--secondary-color)); border-radius: 10px; }
.t63-track-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; margin-bottom: 30px; }
.t63-track-info div { background: var(--smoke-color); border-radius: 10px; padding: 16px 18px; }
.t63-track-info small { display: block; color: var(--body-color); font-size: 13px; margin-bottom: 4px; }
.t63-track-info strong { color: var(--title-color); }
.t63-timeline { list-style: none; padding: 0; margin: 0; position: relative; }
.t63-timeline:before { content: ""; position: absolute; left: 19px; top: 8px; bottom: 8px; width: 2px; background: #e3e7ef; }
.t63-timeline li { position: relative; padding-left: 58px; margin-bottom: 22px; }
.t63-timeline li .dot { position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 50%; background: #fff; border: 2px solid var(--theme-color); color: var(--theme-color); display: flex; align-items: center; justify-content: center; }
.t63-timeline li:first-child .dot { background: var(--theme-color); color: #fff; }
.t63-timeline li strong { display: block; color: var(--title-color); }
.t63-timeline li span { font-size: 14px; color: var(--body-color); }
.t63-track-section { position: relative; }
.t63-track-section .t63-track-box { position: relative; z-index: 2; }

/* ---------- Teklif formu ---------- */
.t63-quote-wrap { background: #fff; border-radius: 14px; padding: 50px; box-shadow: 0 15px 50px rgba(10, 25, 55, .08); }
.t63-quote-wrap .form-group label { font-weight: 600; color: var(--title-color); font-size: 14px; margin-bottom: 6px; }
.t63-quote-wrap .form-control, .t63-quote-wrap .form-select { height: 54px; border-radius: 8px; border: 1px solid #e3e6ee; background-color: var(--smoke-color); }
.t63-quote-wrap textarea.form-control { height: 130px; }
.t63-quote-side img { border-radius: 14px; width: 100%; object-fit: cover; }
.t63-quote-side .info { margin-top: 25px; }
.t63-quote-side .info li { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 16px; list-style: none; }
.t63-quote-side .info i { width: 46px; height: 46px; border-radius: 50%; background: rgba(var(--theme-rgb), .12); color: var(--theme-color); display: inline-flex; align-items: center; justify-content: center; flex: none; }
.t63-quote-side .info ul { padding: 0; }

/* ---------- Arama penceresi ---------- */
.t63-search-popup { position: fixed; inset: 0; background: rgba(5, 15, 35, .92); z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: .3s; padding: 20px; }
.t63-search-popup.show { opacity: 1; visibility: visible; }
.t63-search-popup form { width: 100%; max-width: 720px; position: relative; }
.t63-search-popup input { width: 100%; height: 70px; border: none; border-bottom: 2px solid var(--theme-color); background: transparent; color: #fff; font-size: 26px; padding: 0 60px 0 0; }
.t63-search-popup input:focus { outline: none; }
.t63-search-popup form button { position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: none; border: none; color: #fff; font-size: 26px; }
.t63-search-close { position: absolute; top: 30px; right: 30px; width: 54px; height: 54px; border-radius: 50%; border: none; background: var(--theme-color); color: #fff; font-size: 22px; }

/* ---------- WhatsApp butonu ---------- */
.t63-whatsapp { position: fixed; left: 25px; bottom: 25px; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 99; box-shadow: 0 8px 25px rgba(37, 211, 102, .4); transition: .3s; }
.t63-whatsapp:hover { color: #fff; transform: scale(1.08); }

/* ---------- Mobil menü ---------- */
.mobile-menu-contact { margin-top: 25px; padding: 0 20px 30px; }
.mobile-menu-contact a { display: inline-flex; align-items: center; gap: 8px; color: var(--title-color); font-weight: 600; }
.mobile-menu-contact i { color: var(--theme-color); }

/* ---------- Blog ---------- */
.vs-blog .blog-img img { width: 100%; object-fit: cover; }
.blog-style1 .blog-img img, .blog-style2 .blog-img img, .blog-style3 .blog-img img { aspect-ratio: 16/11; }
.blog-single .blog-img img { aspect-ratio: 16/8; width: 100%; object-fit: cover; }
.blog-details .blog-content img { max-width: 100%; height: auto; }
.blog-details .blog-content h2, .blog-details .blog-content h3 { margin-top: 30px; }
.blog-details .blog-content ul { margin-bottom: 25px; }
.blog-details .blog-content ul li { list-style: disc; margin-left: 20px; margin-bottom: 6px; }
#reply-info { display: none; margin-bottom: 15px; padding: 10px 15px; background: var(--smoke-color); border-radius: 6px; }
.t63-empty { padding: 50px 30px; text-align: center; background: var(--smoke-color); border-radius: 12px; }
.t63-empty i { font-size: 46px; color: var(--theme-color); margin-bottom: 15px; display: block; }

/* ---------- Ekip / proje görselleri ---------- */
.team-style1 .team-img img, .team-style2 .team-img img { width: 100%; aspect-ratio: 5/6; object-fit: cover; }
.gallery-style3 .gallery-img img, .gallery-style4 .gallery-img img { width: 100%; aspect-ratio: 1/1; object-fit: cover; }
.gallery-style1 .gallery-img img { object-fit: cover; }
.feature-style1 .feature-img img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.event-style1 .event-img img { object-fit: cover; }

/* ---------- SSS 3 ---------- */
.faq-wide .accordion-style1 { max-width: 920px; margin: 0 auto; }

/* ---------- Bakım sayfası ---------- */
.t63-maintenance { min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 30px; background: var(--secondary-color); color: #fff; }
.t63-maintenance h1 { color: #fff; }

@media (max-width: 767px) {
  .t63-track-box, .t63-quote-wrap { padding: 28px 20px; }
  .t63-whatsapp { left: 15px; bottom: 15px; width: 50px; height: 50px; font-size: 26px; }
}

/* LayerSlider başlık katmanları (SEO için h1 yerine div) */
.t63-ls-h { font-family: var(--title-font); font-weight: 700; line-height: 1.15; margin: 0; white-space: nowrap; }
.t63-avatar { width: 100px; height: 100px; border-radius: 50%; background: var(--theme-color); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 36px; font-weight: 700; font-family: var(--title-font); }
.children .t63-avatar { width: 80px; height: 80px; font-size: 28px; }
.blog-meta span { display: inline-block; margin-right: 20px; }
.blog-meta span i { color: var(--theme-color); margin-right: 8px; }

/* ---------- Düzeltmeler (ikon renkleri, menü sığdırma) ---------- */
.service-style1 .service-icon i { color: #fff; }
.service-style1:hover .service-icon i { color: #fff; }
.feature-style1 .feature-icon i { color: #fff; transform: rotate(-45deg); font-size: 36px; }
@media (max-width: 1500px) { .main-menu > ul > li { margin: 0 11px; } }
@media (max-width: 1599px) { .header-layout1 .header-number, .header-layout2 .header-number, .header-layout3 .header-number, .header-layout4 .header-number { display: none; } }
.main-menu > ul { white-space: nowrap; }
.main-menu ul.sub-menu, .main-menu ul.mega-menu { white-space: normal; }
/* Şablondaki sabit çok renkli öğeler panelden seçilen renkleri kullansın */
.progress-multi .progress-style1:nth-child(n) { --theme-color: inherit; }
.feature-multi:nth-child(n) { --theme-color: inherit; }
.feature-multi2 .feature-style2:nth-child(n) { --theme-color: inherit; }
.feature-multi2 .feature-style2:nth-child(2n) { --theme-color: var(--secondary-color); }
.team-number { white-space: nowrap; }
.img-box3 > div { flex: 1 1 0; min-width: 0; }
.img-box3 .img-1 { flex-grow: 1.35; }
.img-box3 img { width: 100%; height: auto; border-radius: 10px; }
.media-style4 .media-icon i { color: #fff; }
.cta-box1 .cta-icon i { color: #fff; transform: rotate(-45deg); }
.service-box-list ul { columns: 2; column-gap: 30px; }
@media (max-width: 575px) { .service-box-list ul { columns: 1; } }
.service-counter__number { font-size: 46px; word-break: break-word; }

/* ---------- Hizmet bölgeleri (dünya haritası) ---------- */
.t63-wmap { position: relative; width: 100%; overflow: hidden; }
.t63-wmap-canvas { position: absolute; }
.t63-wmap-land { position: absolute; inset: 0; background: var(--secondary-color); -webkit-mask: var(--map) center/100% 100% no-repeat; mask: var(--map) center/100% 100% no-repeat; }
.t63-wmap.land-theme .t63-wmap-land { background: var(--theme-color); }
.t63-wmap.land-gray .t63-wmap-land { background: #c9d2de; }
.t63-wmap.land-dark .t63-wmap-land { background: #111; }
.t63-regions-dark .t63-wmap.land-gray .t63-wmap-land { background: rgba(255,255,255,.22); }
.t63-wpin { position: absolute; width: var(--pin, 44px); height: var(--pin, 44px); margin: calc(var(--pin, 44px) * -1.18) 0 0 calc(var(--pin, 44px) / -2); z-index: 2; animation: t63drop .6s cubic-bezier(.3,1.6,.5,1) both; outline: none; }
.t63-wpin::before { content: ""; position: absolute; left: 50%; bottom: calc(var(--pin, 44px) * -.2); width: calc(var(--pin, 44px) * .28); height: calc(var(--pin, 44px) * .28); margin-left: calc(var(--pin, 44px) * -.14); border-radius: 50%; background: var(--theme-color); box-shadow: 0 0 0 0 rgba(var(--theme-rgb), .55); animation: t63ring 2s ease-out infinite; }
.t63-wpin-icon { position: absolute; inset: 0; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--theme-color); box-shadow: 0 6px 14px rgba(0,0,0,.25); display: block; transition: transform .2s; }
.t63-wpin-icon img { position: absolute; left: 12%; top: 12%; width: 76%; height: 76%; border-radius: 50%; background: #fff; object-fit: contain; padding: 12%; transform: rotate(45deg); }
.t63-wpin.is-main .t63-wpin-icon { background: var(--secondary-color); }
.t63-regions-dark .t63-wpin.is-main .t63-wpin-icon { background: #fff; }
.t63-wpin:hover, .t63-wpin:focus { z-index: 5; }
.t63-wpin:hover .t63-wpin-icon, .t63-wpin:focus .t63-wpin-icon { transform: rotate(-45deg) scale(1.15); }
.t63-wpin-name { position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%) translateY(4px); white-space: nowrap; background: var(--title-color); color: #fff; font-size: 13px; font-weight: 600; padding: 5px 10px; border-radius: 6px; opacity: 0; pointer-events: none; transition: .2s; }
.t63-wpin:hover .t63-wpin-name, .t63-wpin:focus .t63-wpin-name { opacity: 1; transform: translateX(-50%) translateY(0); }
.no-names .t63-wpin-name { display: none; }
@keyframes t63drop { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: none; } }
@keyframes t63ring { 0% { box-shadow: 0 0 0 0 rgba(var(--theme-rgb), .55); } 100% { box-shadow: 0 0 0 calc(var(--pin, 44px) * .45) rgba(var(--theme-rgb), 0); } }
.t63-region-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 280px)); justify-content: center; gap: 16px; margin-top: 30px; }
.t63-region-stats > div { background: #fff; border-radius: 14px; padding: 18px 22px; display: flex; align-items: baseline; gap: 10px; box-shadow: 0 8px 24px rgba(11,37,69,.06); }
.t63-region-stats strong { font-family: var(--title-font); font-size: 38px; line-height: 1; color: var(--theme-color); }
.t63-region-stats span { color: var(--title-color); font-weight: 600; }
.t63-region-stats.on-dark > div { background: rgba(255,255,255,.06); box-shadow: none; }
.t63-region-stats.on-dark span { color: #fff; }
.t63-stats-col .t63-region-stats { grid-template-columns: 1fr; margin-top: 0; gap: 10px; }
.t63-regions-dark .sec-subtitle { color: var(--theme-color); }
@media (max-width: 767px) { .t63-wpin { --pin: 30px !important; } .t63-wpin-name { font-size: 11px; } }