﻿/*==============================================================================
  Çözümbu Civata — ziyaretçi arayüzü tamamlayıcı biçimleri.
  Theme/Admin/css/style.css (Verdicta) üzerine gelir; yalnızca temada karşılığı
  olmayan parçaları ve site verisine göre gereken küçük düzeltmeleri tanımlar.
==============================================================================*/

/* Logo: header (açık zemin) ve koyu zeminler (footer, yan panel, mobil) */
.site-logo img { width: 230px; max-width: 100%; height: auto; }
.site-logo-light img { width: 210px; max-width: 100%; height: auto; background: #fff; border-radius: 8px; padding: 10px 16px; }
.main-header-one--two .logo-one a.site-logo { display: block; width: 230px; }

/* Üst şeritte adres yalnızca geniş ekranda */
@media (max-width: 1500px) { .header-style1__contact-address { display: none; } }
@media (max-width: 1199px) { .header-style1__contact li + li { margin-left: 25px; } .header-style1__contact li:before { left: -13px; } }

/* Dil seçici: nice-select devreye girene kadar ham select gizli kalmasın */
.language-select { background: transparent; border: 0; color: #fff; font-size: 15px; }

/* Sosyal bağlantılar (anchor listesi; kapsayıcıya göre biçim) */
.site-social { display: flex; align-items: center; gap: 10px; margin-top: 27px; }
.site-social a { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; background: #fff; color: var(--verdicta-black); font-size: 15px; transition: all 500ms ease; }
.site-social a:hover { background: var(--verdicta-base); color: #fff; }
.thm-social-link1 { display: flex; gap: 6px; margin-top: 30px; }
.thm-social-link1 a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, .10); color: #fff; font-size: 15px; transition: all 500ms ease; }
.thm-social-link1 a:hover { background: var(--verdicta-base); }
.mobile-nav__contact-box { margin: 25px 0 20px; }

/* Buton türevleri */
.thm-btn--dark { background: var(--verdicta-black); }
.thm-btn--light { background: #fff; color: var(--verdicta-black); }
.thm-btn--light:hover { color: var(--verdicta-black); }
.cta-one__btns { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; line-height: 0; }
@media (max-width: 991px) { .cta-one__btns { justify-content: flex-start; margin-top: 25px; } }

/* CTA alt bilginin üstüne biner; footer'a boşluk açılır */
.site-footer--two { padding-top: 220px; }
.footer-widget__contact, .footer-widget__services { margin-left: 0; }
.footer-widget__recent-posts-list li .img-box img { height: 70px; object-fit: cover; }

/* Slider */
.main-slider-one--two .main-slider-one__single { padding: 170px 0 220px; }
.main-slider-one__content .text-box p { max-width: 640px; }
.main-slider__video-text { color: #fff; margin-left: 14px; font-size: 15px; font-weight: 500; }
@media (max-width: 767px) { .main-slider-one--two .main-slider-one__single { padding: 110px 0 140px; } .main-slider-one__content .title-box h2 { font-size: 40px; } }

/* Ürün grupları (services-two) tam genişlik satır */
.services-two__bottom { width: 100%; }
.services-two__single { margin-bottom: 30px; }
@media (max-width: 1199px) { .services-two__top { margin-left: 0; } .services-two__bg { display: none; } }

/* Hakkımızda görsel ızgarası */
.about-two { padding-top: 40px; }
.about-two__img-single-img img { height: 100%; object-fit: cover; }
.about-two__img-single-img.is-tall img { height: 555px; }
.about-two__img-single-img.is-top img { height: 300px; }
.about-two__img-single-img.is-bottom img { height: 240px; }
.about-two__content-text { max-height: 210px; overflow: hidden; }
.about-two__round-text svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.about-two__round-text-img i { color: var(--verdicta-base); font-size: 40px; line-height: 105px; }
@media (max-width: 991px) { .about-two__content { margin: 40px 0 0; } .about-two__img-single-img.is-tall img { height: 400px; } }

/* Neden biz: orta görsel */
.why-choose-two__img-inner img { height: 560px; object-fit: cover; }
.why-choose-two .sec-title { text-align: center; }

/* Öne çıkan ürünler (case-two) — ürün görselleri beyaz zeminde, kare */
.case-two__single-img .inner img { aspect-ratio: 1 / 1; object-fit: contain; background: #fff; padding: 24px; }
.case-two__single-content { padding-top: 90px; }
.case-two__single-content .text-box p { font-size: 15px; }

/* Kayan standart şeridi */
.sliding-text-one__wrap { overflow: hidden; }
.sliding-text-one__list { padding-left: 35px; }
.sliding-text-one__title { white-space: nowrap; }

/* Marka logoları */
.brand-one__single-inner a img { opacity: .75; }
.brand-one__single-inner a img:nth-child(2) { max-height: 70px; object-fit: contain; }

/* Haberler */
.blog-two { padding-top: 120px; }
.blog-two__content { padding-left: 0; }
.blog-two__img img { height: 260px; object-fit: cover; }
.blog-two__text { max-height: 78px; overflow: hidden; }

/* Dokümanlar (ana sayfa) */
.site-docs { position: relative; display: block; background: var(--verdicta-gray-bg); padding: 90px 0 60px; }
.site-doc { position: relative; display: flex; align-items: center; gap: 18px; background: #fff; border: 1px solid var(--verdicta-bdr-color); border-radius: var(--verdicta-bdr-radius); padding: 22px 24px; margin-bottom: 30px; transition: all 500ms ease; }
.site-doc:hover { box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); border-color: var(--verdicta-base); }
.site-doc__icon { flex: 0 0 auto; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: rgba(var(--verdicta-base-rgb), .15); color: var(--verdicta-base); font-size: 24px; }
.site-doc__text { flex: 1 1 auto; min-width: 0; }
.site-doc__text h3 { font-size: 18px; line-height: 26px; font-weight: 700; margin-bottom: 4px; }
.site-doc__text p { font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-doc__btn { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--verdicta-black); color: #fff; }
.site-doc__btn:hover { background: var(--verdicta-base); color: #fff; }
.site-doc__meta { color: var(--verdicta-base); font-size: 13px; font-weight: 500; }

/* Sayfa başlığı (iç sayfalar) */
.page-header { padding: 120px 0 118px; }
.page-header__inner h2 { font-size: 44px; }
@media (max-width: 767px) { .page-header { padding: 80px 0 78px; } .page-header__inner h2 { font-size: 32px; } }

/* Ürün listesi kartları */
.product { padding: 100px 0 100px; }
.single-product-style1__img img { aspect-ratio: 4 / 3; object-fit: contain; background: #fff; padding: 22px; }
.single-product-style1__content { align-items: center; }
.single-product-style1__content-left h4 { line-height: 26px; }
.single-product-style1__content-left p { font-size: 14px; margin-top: 4px; }
.single-product-style1__badge { display: inline-block; background: #fff; color: var(--verdicta-base); font-size: 13px; font-weight: 600; padding: 4px 10px; border-radius: 3px; white-space: nowrap; }
.product__showing-result { padding-right: 0; }
.product__showing-text strong { color: var(--verdicta-black); }
.product__empty { background: var(--verdicta-gray-bg); border: 1px solid var(--verdicta-bdr-color); border-radius: var(--verdicta-bdr-radius); padding: 60px 30px; text-align: center; }
.product__empty i { font-size: 40px; color: var(--verdicta-base); margin-bottom: 15px; }

/* PagedList çıktısı temanın styled-pagination diline çevrilir */
.site-pagination .pagination-container { text-align: center; }
.site-pagination ul.pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; padding-top: 30px; }
.site-pagination ul.pagination li a, .site-pagination ul.pagination li span { position: relative; display: inline-block; min-width: 45px; height: 45px; padding: 0 12px; border: 1px solid rgba(var(--verdicta-gray-rgb), .50); color: rgba(var(--verdicta-gray-rgb), .70); font-size: 16px; line-height: 43px; font-weight: 600; text-align: center; transition: all 500ms ease; }
.site-pagination ul.pagination li a:hover, .site-pagination ul.pagination li.active span, .site-pagination ul.pagination li.active a { color: #fff; background: var(--verdicta-base); border-color: var(--verdicta-base); }
.site-pagination ul.pagination li.disabled span { opacity: .4; }

/* Kenar çubuğu */
.sidebar__single { padding: 40px 30px 40px; }
.sidebar__categories-list li a { font-size: 16px; line-height: 50px; padding: 0 20px; }
.sidebar__contact-bg { background-color: var(--verdicta-black); }

/* Ürün detay */
.product-details { padding: 100px 0 60px; }
.product-details__img img { aspect-ratio: 1 / 1; object-fit: contain; background: #fff; padding: 30px; }
.product-details__thumb-list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; }
.product-details__thumb-list img { width: 90px; height: 90px; object-fit: cover; border-radius: 10px; border: 2px solid transparent; cursor: pointer; background: var(--verdicta-gray-bg); }
.product-details__thumb-list img.is-active, .product-details__thumb-list img:hover { border-color: var(--verdicta-base); }
.product-details__category { display: inline-block; color: var(--verdicta-base); font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 12px; }
.product-details__title { font-size: 32px; line-height: 42px; }
.product-details__stock { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; }
.product-details__stock.is-in { background: #e7f5ef; color: #1f9d6b; }
.product-details__stock.is-low { background: #fbf3e2; color: #c8912f; }
.product-details__stock--btn { border: 0; cursor: pointer; }
.product-details__stock--btn:hover { background: #f5e6c6; }
.site-stock-modal .modal-content { border: 0; border-radius: var(--verdicta-bdr-radius); }
.site-stock-modal .modal-header { padding: 20px 28px; }
.site-stock-modal .modal-body { padding: 24px 28px 28px; }
.site-stock-modal__product { display: flex; flex-direction: column; margin-bottom: 20px; line-height: 1.4; }
.site-stock-modal__product span { font-size: 12px; font-weight: 600; text-transform: uppercase; color: #c8912f; }
.site-stock-modal__product strong { font-size: 20px; }
.site-stock-modal__hint { font-size: 13px; margin: 0 0 16px; opacity: .75; }
/* Tema yalnızca text/email kutularını stillendiriyor; tel ve number da aynı görünsün */
.contact-page__form .input-box input[type="tel"],
.contact-page__form .input-box input[type="number"] { position: relative; display: block; height: 50px; width: 100%; background-color: var(--verdicta-white); border: 1px solid var(--verdicta-bdr-color); padding-left: 20px; padding-right: 40px; outline: none; font-size: 14px; font-weight: 400; color: var(--verdicta-gray); border-radius: var(--verdicta-bdr-radius); font-family: var(--verdicta-font); }
.contact-page__form .input-box input[type="number"] { -moz-appearance: textfield; }
.contact-page__form .input-box input[type="number"]::-webkit-outer-spin-button,
.contact-page__form .input-box input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.contact-page__form .input-box input:focus,
.contact-page__form .input-box textarea:focus { border-color: var(--verdicta-base); }
.site-stock-modal .input-box__hint { display: block; margin: -22px 0 22px; font-size: 12px; opacity: .7; }
.product-details__spec { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 28px 0; }
.product-details__spec div { background: var(--verdicta-gray-bg); border: 1px solid var(--verdicta-bdr-color); border-radius: var(--verdicta-bdr-radius); padding: 16px 20px; }
.product-details__spec span { display: block; color: var(--verdicta-base); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 4px; }
.product-details__spec strong { color: var(--verdicta-black); font-size: 16px; }
.product-description { padding-bottom: 100px; }
.product-details__tab-content-inner table { width: 100%; }
.product-details__tab-content-inner table td, .product-details__tab-content-inner table th { padding: 8px 12px; border: 1px solid var(--verdicta-bdr-color); }
.product-details__tab-content-inner img { max-width: 100%; height: auto; }
.product-usage { display: flex; gap: 25px; align-items: center; background: var(--verdicta-gray-bg); border: 1px solid var(--verdicta-bdr-color); border-radius: var(--verdicta-bdr-radius); padding: 20px; margin-bottom: 20px; }
.product-usage img { width: 200px; height: 150px; object-fit: cover; border-radius: 8px; flex: 0 0 auto; }
@media (max-width: 767px) { .product-usage { flex-direction: column; align-items: flex-start; } .product-usage img { width: 100%; height: auto; } .product-details__spec { grid-template-columns: 1fr; } }
.product-details__right { margin-top: 0; }
@media (max-width: 991px) { .product-details__right { margin-top: 40px; } .product-details__left { margin-right: 0; } }

/* İletişim */
.contact-page-info { padding: 100px 0 70px; }
.contact-page-info__single { padding-bottom: 30px; }
.contact-page-info__single-text { text-align: center; }
.contact-page-info__single-text h2 { font-size: 20px; line-height: 30px; }
.contact-page { padding-bottom: 100px; }
.contact-page__google-map-one { height: 100%; min-height: 480px; }
.contact-page__map-empty { display: flex; align-items: center; justify-content: center; min-height: 480px; background: var(--verdicta-gray-bg); border-radius: 10px; color: var(--verdicta-gray); }
@media (max-width: 991px) { .contact-page__google-map { margin: 0 0 40px; } }
.site-alert { display: flex; align-items: flex-start; gap: 10px; padding: 14px 18px; border-radius: 6px; margin-bottom: 24px; font-size: 15px; line-height: 22px; }
.site-alert--success { background: #e7f5ef; color: #14704b; }
.site-alert--error { background: #fbeceb; color: #8f322b; }
.contact-page__form .input-box textarea { height: 150px; }

/* Belgeler / fiyat listesi */
.site-files { padding: 100px 0 70px; }

/* Kullanım alanları */
.site-usage { padding: 100px 0 70px; background: var(--verdicta-gray-bg); }
.site-usage .feature-one__single { margin-top: 30px; }

/* Haber detay */
.blog-details { padding: 100px 0 100px; }
.blog-details__content-top .img-box img { max-height: 520px; object-fit: cover; }
.blog-details__body img { max-width: 100%; height: auto; border-radius: 10px; }
.blog-details__body p { margin-bottom: 16px; }

/* SSS */
.faq-one--faq { padding: 100px 0 100px; }
.faq-one--faq .faq-one__inner { max-width: 900px; float: none; margin: 0 auto; }
.faq-one--faq .faq-one__content { margin-left: 0; }

/* Hata sayfası */
.error-page__content h2 { font-size: 160px; }
.error-page__content h3 { font-size: 40px; }

/* Hakkımızda detay */
.about-three { padding: 100px 0 60px; }
.about-three__img1 img { max-height: 560px; object-fit: cover; }
.about-three__content-text { line-height: 28px; }
.about-three__content-text img { max-width: 100%; height: auto; }
.site-offices { padding: 0 0 70px; }

/* Açılış penceresi */
.site-popup .modal-content { border: 0; border-radius: var(--verdicta-bdr-radius); }
.site-popup .modal-body { padding: 0; }
.site-popup .modal-body img { width: 100%; display: block; border-radius: 0 0 var(--verdicta-bdr-radius) var(--verdicta-bdr-radius); }

/* Baş harfli avatar (fotoğrafsız kişi/kurum) */
.site-avatar { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: var(--verdicta-black); color: #fff; font: 600 18px var(--verdicta-font-two); }

/* Arama sonuç sayfası vurgusu */
.site-query { color: var(--verdicta-base); }

/* Üst bilgi: dar ekranlarda üst şerit gizlenir (bilgiler mobil menüde), buton ve boşluklar daralır */
.header-style1__social-links:not(:has(a)) { display: none; }
@media (max-width: 1500px) { .main-header__btn { display: none; } }
@media (max-width: 1400px) { .main-menu .main-menu__list > li + li { margin-left: 18px; } .main-menu .main-menu__list > li > a { font-size: 16px; } }
@media (max-width: 1199px) {
    .main-header-one__top { display: none; }
    .main-header-one--two .main-header-one__bottom-right { gap: 0; }
    .main-header-one--two .main-header-one__bottom-right .mobile-nav__toggler { display: flex; align-items: center; height: 40px; line-height: 1; margin-right: 22px; }
    .main-header-one--two .logo-one { padding-right: 60px; }
    .site-logo img { width: 200px; }
}
@media (max-width: 767px) {
    /* responsive.css sağ ikon grubunu telefonlarda gizler; hamburger bu grupta olduğu için grup görünür kalır */
    .main-header-one__bottom-right { display: flex !important; align-items: center; }
    .main-header-one__bottom-right .sidebar-icon { display: none; }
    .main-header-one--two .main-header-one__bottom-right .mobile-nav__toggler { margin-right: 0; margin-left: 16px; order: 2; }
}
@media (max-width: 575px) {
    .main-header-one--two .logo-one { padding-right: 40px; }
    .site-logo img { width: 170px; }
    .main-slider-one--two .main-slider-one__btn { flex-wrap: wrap; gap: 15px; }
    .main-slider__video { margin-left: 0; }
}

/* Yan bilgi paneli: iletişim listesi ve logo */
.xs-sidebar-group .content-inner .logo { max-width: 210px; }
.sidebar-contact-info .footer-widget__contact-list li { display: flex; align-items: flex-start; line-height: 26px; }
.sidebar-contact-info .footer-widget__contact-list li .icon-box span { width: auto; }
.sidebar-contact-info .footer-widget__contact-list li .text-box { margin-left: 12px; }

/* Mobil menü paneli üst bilginin (z-index 999) üstünde durur */
.mobile-nav__wrapper { z-index: 1001; }
.mobile-nav__content .logo-box a { display: inline-block; }
.site-logo-mobile img { width: 180px; padding: 6px 10px; border-radius: 6px; }

/* Sayfa formları (İK başvurusu vb.): temanın iletişim formu diliyle etiketli alanlar */
.site-form .input-box { margin-bottom: 24px; }
.site-form .input-box label { display: block; color: var(--verdicta-black); font-size: 14px; font-weight: 600; margin-bottom: 8px; }
.site-form .input-box input:not([type="checkbox"]):not([type="radio"]), .site-form .input-box textarea, .site-form .input-box select { display: block; width: 100%; height: 50px; background: #fff; border: 1px solid var(--verdicta-bdr-color); border-radius: var(--verdicta-bdr-radius); padding: 0 20px; font-family: var(--verdicta-font); font-size: 14px; color: var(--verdicta-gray); outline: none; }
.site-form .input-box textarea { height: 120px; padding-top: 12px; resize: none; }
.site-form .input-box input[type="file"] { padding: 12px 20px; line-height: 24px; cursor: pointer; }
.site-form .input-box input[type="file"]::file-selector-button { margin-right: 12px; padding: 0 12px; height: 26px; border: 0; border-radius: 4px; background: var(--verdicta-black); color: #fff; font-family: var(--verdicta-font); font-size: 12px; cursor: pointer; }
.site-form .input-box input:focus, .site-form .input-box textarea:focus { border-color: var(--verdicta-base); }
.site-form__captcha { display: flex; align-items: center; gap: 12px; }
.site-form__captcha img { height: 50px; border: 1px solid var(--verdicta-bdr-color); border-radius: var(--verdicta-bdr-radius); background: #fff; }
.site-form__captcha button { color: var(--verdicta-base); font-weight: 600; font-size: 14px; }
.site-form__actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; line-height: 0; margin-top: 6px; }
.site-form__hint { color: var(--verdicta-gray); font-size: 13px; margin-top: 6px; }
.site-form-wrap { background: var(--verdicta-gray-bg); border: 1px solid var(--verdicta-bdr-color); border-radius: var(--verdicta-bdr-radius); padding: 40px; }
@media (max-width: 575px) { .site-form-wrap { padding: 24px 18px; } }
.site-success { padding: 100px 0; text-align: center; }
.site-success__icon { width: 90px; height: 90px; margin: 0 auto 26px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #e7f5ef; color: #1f9d6b; font-size: 38px; }
.site-success h2 { font-size: 34px; margin-bottom: 14px; }
.site-success p { max-width: 560px; margin: 0 auto 30px; }
