/* TiklaWeb: tema üzerine eklemeler (Swiper, Font Awesome 6 Free, erişilebilirlik, panelden yüklenen görseller yokken nötr zemin). */

/* Erişilebilirlik */
.tw-atla { position: absolute; left: -9999px; top: 8px; z-index: 100000; background: #fff; color: #111; padding: 10px 16px; border-radius: 4px; }
.tw-atla:focus { left: 8px; }
.main-menu .navigation a:focus-visible, .theme-btn:focus-visible, button:focus-visible, .filter:focus-visible, .tw-buyut:focus-visible {
    outline: 3px solid var(--tw-ikinci); outline-offset: 2px;
}
.tw-tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
img { max-width: 100%; }

/* Metin yoksa logo yerine firma adı */
.tw-logo-metin { display: inline-block; font-family: "Rubik", sans-serif; font-size: 26px; font-weight: 700; line-height: 1.2; color: var(--tw-ana-metin); letter-spacing: -.3px; }
.main-footer .tw-logo-metin { color: #fff; }
.main-header .logo img { max-height: 56px; max-width: 250px; width: auto; }
.main-footer .logo img { max-height: 56px; width: auto; background: #fff; padding: 8px 14px; border-radius: 6px; }
@media only screen and (min-width: 1024px) {
    .main-header .header-upper .outer-container { display: flex; flex-wrap: nowrap; align-items: center; }
    .main-header .header-upper .outer-container::after { display: none; }
    .main-header .nav-outer { margin-left: auto; }
}

/* Simge yazı tipi (Flaticon yerine Font Awesome Free 6) */
.main-header .header-top .contact-list li i, .main-header .header-top .link-box i { margin-right: 8px; color: var(--tw-ana-metin); }
.main-header .call-btn a i { margin-right: 8px; }
.theme-btn i { margin-right: 8px; }

/* Düğme yazı rengi: ana renk açıksa koyu yazı */
.theme-btn.btn-style-one, .theme-btn.btn-style-one:hover { color: var(--tw-ana-yazi); }
.theme-btn.btn-style-two { color: var(--tw-ikinci-yazi); }

/* Düğme olarak kullanılan öğelerin sıfırlanması (kaydırıcı okları, noktalar, alt menü, yukarı çık) */
:where(.swiper) :where(button.owl-prev, button.owl-next, button.owl-dot) { appearance: none; padding: 0; margin-top: 0; cursor: pointer; font: inherit; background: none; border: 0; }
.swiper .owl-prev, .swiper .owl-next { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.banner-carousel .owl-prev, .banner-carousel .owl-next { height: 65px; width: 65px; }
.news-carousel .owl-prev, .news-carousel .owl-next { height: 45px; width: 45px; }
.banner-carousel .owl-prev:focus-visible, .banner-carousel .owl-next:focus-visible { background-color: #fff; color: #222; }
.banner-carousel .owl-dot, .testimonial-carousel .owl-dot { padding: 0; background: transparent; appearance: none; cursor: pointer; }
.banner-carousel .owl-dots, .testimonial-carousel .owl-dots { z-index: 5; }
.banner-carousel .owl-nav { pointer-events: none; }
.banner-carousel .owl-nav button { pointer-events: auto; }
.swiper.banner-carousel, .swiper.testimonial-carousel, .swiper.news-carousel { overflow: hidden; }
.swiper.news-carousel .swiper-slide { height: auto; }
.testimonial-carousel.swiper { padding-bottom: 40px; }
.scroll-to-top { background: none; border: 0; padding: 0 0 0 25px; }
.main-menu .navigation > li.dropdown > button.dropdown-btn { display: none; background: none; padding: 0; }
.main-header .navbar-toggler { background: none; border: 0; cursor: pointer; }
.main-menu .navigation > li.dropdown:focus-within > ul { visibility: visible; opacity: 1; margin-top: -30px; }
@media only screen and (max-width: 767px) {
    .main-menu .navbar-collapse > .navigation li.dropdown > button.dropdown-btn { display: block; background: transparent; }
    .main-menu .navbar-collapse > .navigation > li.dropdown.tw-acik > ul { display: block; }
    .main-menu .navbar-collapse.collapse:not(.show) { display: none; }
}
@media only screen and (min-width: 768px) {
    .main-menu .navbar-collapse.collapse { display: block; }
}

/* Başlık bandı, bilgi bandı ve kutular: panelden görsel yüklenmediyse nötr koyu zemin */
.page-title { background-color: var(--tw-koyu); }
.contact-info-section .inner-container { background-color: var(--tw-koyu2); }
.service-block-two .image.tw-kutu-zemin { min-height: 340px; padding: 0; }

/* Süs görsellerinde ana renkle değişen zeminler */
.project-block .image-box .overlay-box:before { background-image: none; background-color: color-mix(in srgb, var(--tw-koyu) 88%, transparent); }
.services-list li.active a, .services-list li a:hover { background-image: none; background-color: var(--tw-ana); background-size: auto; }

/* İçerik metni (panelde yazılan zengin metin) */
.tw-icerik-metni { font-size: 16px; line-height: 1.8; color: #555; }
.tw-icerik-metni h1, .tw-icerik-metni h2, .tw-icerik-metni h3, .tw-icerik-metni h4 { font-family: "Rubik", sans-serif; color: #222; margin: 24px 0 12px; line-height: 1.3; }
.tw-icerik-metni p { margin: 0 0 16px; }
.tw-icerik-metni ul, .tw-icerik-metni ol { margin: 0 0 16px 24px; }
.tw-icerik-metni ul { list-style: disc; }
.tw-icerik-metni ol { list-style: decimal; }
.tw-icerik-metni img { height: auto; }
.tw-icerik-metni table { max-width: 100%; border-collapse: collapse; }
.tw-icerik-metni td, .tw-icerik-metni th { border: 1px solid #ddd; padding: 8px 10px; }
.about-us .tw-icerik-metni { max-width: 900px; margin: 0 auto; text-align: center; }
.tw-bos { text-align: center; color: #848484; padding: 40px 0; }
.tw-ortala { display: flex; justify-content: center; margin-top: 20px; }
.tw-ortala .theme-btn { min-width: 10rem; text-align: center; }
.tw-kategori { margin: 0 0 12px; color: #848484; }
.tw-kategori a { color: var(--tw-ana-metin); }
.tw-urun-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.tw-yazi-baslik { margin: 0 0 8px; font-family: "Rubik", sans-serif; font-size: 22px; }
.tw-yazi-baslik a { color: var(--tw-ana-metin); }
.tw-tarih { color: #8e9490; font-size: 14px; margin-bottom: 8px; }
.tw-404-simge { font-size: 140px; line-height: 1; color: var(--tw-ana); opacity: .25; }
.shop-cat li.active a { color: var(--tw-ana-metin); font-weight: 500; }
.styled-pagination { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px; }

/* Formlar */
.tw-uyari { padding: 14px 18px; border-radius: 4px; margin: 0 0 20px; font-size: 15px; line-height: 1.5; }
.tw-uyari-iyi { background: #e8f5ec; color: #14532d; border: 1px solid #b7dfc3; }
.tw-uyari-hata { background: #fdecec; color: #8a1c1c; border: 1px solid #f1b9b9; }
.tw-kvkk { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.5; color: #555; cursor: pointer; margin: 0; }
.contact-form .tw-kvkk input, .contact-section .tw-kvkk input { width: 18px; height: 18px; min-width: 18px; margin-top: 3px; padding: 0; }
.tw-kvkk a { color: var(--tw-ana-metin); text-decoration: underline; }
.contact-section .contact-form .tw-kvkk, .contact-section .tw-kvkk a { color: inherit; }
.contact-section .form-column .tw-uyari { margin-bottom: 20px; }
.contact-form button.theme-btn { border: 0; cursor: pointer; }

/* Büyütme penceresi */
.tw-buyut-kaplama { position: fixed; inset: 0; z-index: 100001; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .86); padding: 24px; cursor: zoom-out; }
.tw-buyut-kaplama img { max-width: 100%; max-height: 100%; width: auto; height: auto; box-shadow: 0 8px 40px rgba(0, 0, 0, .5); }
.tw-buyut-kapat { position: absolute; top: 14px; right: 18px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: #fff; color: #111; font-size: 28px; line-height: 1; cursor: pointer; }

/* Duyarlı düzen */
.page-wrapper { overflow-x: clip; }
@media only screen and (max-width: 767px) {
    .banner-carousel .slide-item { padding: 120px 0; }
    .banner-carousel h2 { font-size: 36px; }
    .banner-carousel h4 { font-size: 24px; }
    .banner-carousel .owl-prev, .banner-carousel .owl-next { height: 44px; width: 44px; font-size: 18px; }
    .banner-carousel .owl-prev { left: 8px; }
    .banner-carousel .owl-next { right: 8px; }
    .tw-404-simge { font-size: 90px; }
}
@media (prefers-reduced-motion: reduce) {
    * { animation: none !important; transition-duration: .01ms !important; }
}

.news-block .tw-yazi-ikon { position: absolute; left: 34px; top: 42px; font-size: 40px; line-height: 1; color: var(--tw-ana); opacity: .85; }

/* Düzen düzeltmeleri (görsel inceleme): eşit kutu yükseklikleri, SSS akordeonu, iletişim kutuları, ekip adı */
.service-block .inner-box, .service-block-two .inner-box, .shop-item .inner-box { height: 100%; }
.service-block .inner-box { display: flex; flex-direction: column; }
.service-block .caption-box { flex: 1 1 auto; }
.service-block-two .image.tw-kutu-zemin { min-height: 200px; height: 100%; }
@media only screen and (min-width: 992px) {
    .service-block-two .image.tw-kutu-zemin { min-height: 0; }
}
.accordion-box .block .acc-btn { display: block; width: 100%; text-align: left; border: 0; border-bottom: 1px solid var(--tw-acik); background: #fff; padding-right: 80px; font-family: inherit; }
.accordion-box .block:last-child .acc-btn { border-bottom: 0; }
.accordion-box .acc-btn .icon { font-family: "Font Awesome 6 Free"; font-weight: 900; }
.accordion-box .block .acc-btn.active .icon:before { content: "\f13a"; }
.contact-info-section .address-box + .address-box { margin-top: 18px; }
.team-block .image-box .name { font-size: 16px; padding: 15px 20px; }
@media only screen and (max-width: 575px) {
    .news-block .tw-yazi-ikon { display: none; }
}

/* Kaydırıcı: açık renkli fotoğraflarda (bulutlu gök, cam sera) beyaz başlığın okunması için hafif koyu katman */
.banner-carousel .slide-item::before { content: ""; position: absolute; inset: 0; background: rgba(6, 24, 12, .28); pointer-events: none; }
.banner-carousel .slide-item > .auto-container { position: relative; z-index: 1; }
.banner-carousel h2, .banner-carousel h4 { text-shadow: 0 2px 14px rgba(0, 0, 0, .35); }

/* Hakkımızda Misyon/Vizyon: metin kutuda her zaman okunur (dokunmatikte hover yok); üzerine gelince kutu ana renge döner */
.statement-block .overlay-box,
.statement-block:hover .overlay-box { position: static; width: auto; height: auto; transform: none; transition: none; }
.statement-block .overlay-box .overlay-inner { position: static; display: block; width: auto; height: auto; background: none; }
.statement-block .overlay-box .overlay-inner .over-content { display: block; padding: 0 40px; }
.statement-block .overlay-box h4 { display: none; }
.statement-block .overlay-box .over-content .text-light, .statement-block .overlay-box .over-content .text-light * { color: #5b6760 !important; font-size: 16px; line-height: 26px; transition: color 500ms ease; }
.statement-block .overlay-box .over-content .text-light > :last-child { margin-bottom: 0; }
.statement-block .inner-box h3 { margin-bottom: 14px; transition: color 500ms ease; }
.statement-block .inner-box .icon { transition: color 500ms ease; }
.statement-block:hover { background-color: var(--tw-ana); }
.statement-block:hover .inner-box .icon,
.statement-block:hover .inner-box h3,
.statement-block:hover .overlay-box .over-content .text-light,
.statement-block:hover .overlay-box .over-content .text-light * { color: var(--tw-ana-yazi) !important; }
@media only screen and (max-width: 575px) {
    .statement-block .overlay-box .overlay-inner .over-content { padding: 0 22px; }
}

/* Başlık yaprak süsü: harflerin üstüne binmesin, başlığın üstünde durur */
.sec-title h2:before { top: -46px; left: 0; width: 40px; height: 40px; background-size: contain; z-index: 0; }
.sec-title.text-center h2:before { left: 0; right: 0; }