/* ============================================================
   Temizlik CMS — Cleanon teması üzerine eklenen düzenlemeler.
   Tema dosyalarına (assets/css/style.css vb.) hiç dokunulmaz;
   gerekli tüm ekler ve düzeltmeler bu dosyada tutulur.
   ============================================================ */

:root{
  --temizlik-renk: #0d7de0;
  --temizlik-renk2: #ffb100;
  --temizlik-metin: #4b5563;
  --temizlik-koyu: #0f1b26;
  --temizlik-cizgi: #e6ebf1;
  --temizlik-yuvarlak: 14px;
}

/* --- Erişilebilirlik: ekran okuyucuya açık, görsel olarak gizli --- */
.gorsel-gizli{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* --- Erişilebilirlik: içeriğe atlama --- */
.temizlik-skip{
  position:absolute; left:-9999px; top:0; z-index:99999;
  background:var(--temizlik-renk); color:#fff; padding:12px 20px; border-radius:0 0 8px 0;
}
.temizlik-skip:focus{ left:0; }

/* --- Görsel oranlarını sabitle -------------------------------
   Panelden farklı en-boy oranında görsel yüklendiğinde temanın
   kart düzeni bozuluyordu; kartlardaki görseller kırpılarak
   sabit orana oturtulur. -------------------------------------- */
.services-two__img img,
.project-one__img img,
.blog-one__img img,
.blog-one__img-two img,
.who-we-serve__single-img img{
  width:100%; aspect-ratio:4/3; object-fit:cover; display:block;
}
.team-one__img img{
  width:100%; aspect-ratio:3/4; object-fit:cover; object-position:center top; display:block;
}
.temizlik-sayfa__gorsel img,
.service-details__img img,
.project-details__img img,
.blog-details__img img{
  width:100%; aspect-ratio:16/9; object-fit:cover; display:block; border-radius:var(--temizlik-yuvarlak);
}
.team-details__img img{
  width:100%; aspect-ratio:3/4; object-fit:cover; display:block; border-radius:var(--temizlik-yuvarlak);
}
.footer-widget-two__instagram-img img{
  width:100%; aspect-ratio:1/1; object-fit:cover; display:block;
}
.main-slider__img img{ max-width:100%; height:auto; }

/* Panelden girilen slider metni uzun olabilir; sağdaki görselin altına
   girmemesi için genişlik sınırlanır. */
.main-slider__title{ max-width:820px; }
.main-slider__text{ max-width:620px; }
@media (max-width:1399px){
  .main-slider__title{ max-width:680px; }
  .main-slider__text{ max-width:540px; }
}
@media (max-width:991px){
  .main-slider__title,
  .main-slider__text{ max-width:100%; }
}
/* Rozet dar ekranlarda görselin arkasında kalmasın. */
.main-slider__discount-box{ z-index:3; }

/* --- İçerik tipografisi (editörden gelen HTML) --- */
.icerik{ color:var(--temizlik-metin); line-height:1.85; font-size:16.5px; }
.icerik h2{ font-size:28px; margin:38px 0 14px; color:var(--temizlik-koyu); }
.icerik h3{ font-size:21px; margin:28px 0 10px; color:var(--temizlik-koyu); }
.icerik p{ margin:0 0 16px; }
.icerik ul, .icerik ol{ margin:0 0 20px; padding-left:22px; }
.icerik li{ margin-bottom:9px; }
.icerik a{ color:var(--temizlik-renk); text-decoration:underline; text-underline-offset:3px; }
.icerik strong{ color:var(--temizlik-koyu); }
.icerik blockquote{
  margin:24px 0; padding:20px 24px; border-left:4px solid var(--temizlik-renk);
  background:#f5f8fc; border-radius:0 10px 10px 0;
}
.icerik-ozet{ font-size:18px; line-height:1.8; color:var(--temizlik-metin); margin-bottom:26px; }
.icerik table{ width:100%; border-collapse:collapse; margin:0 0 22px; }
.icerik th, .icerik td{ border:1px solid var(--temizlik-cizgi); padding:10px 12px; text-align:left; }
.icerik th{ background:#f5f8fc; }

/* --- İç sayfa aralıkları --- */
.temizlik-sayfa,
.services-page, .project-page, .team-page, .pricing-page,
.testimonial-page, .faq-page, .blog-page, .blog-details,
.gallery-page, .contact-page, .request-page,
.service-details, .project-details, .team-details, .error-page{
  padding:100px 0;
}
@media (max-width:991px){
  .temizlik-sayfa, .services-page, .project-page, .team-page, .pricing-page,
  .testimonial-page, .faq-page, .blog-page, .blog-details, .gallery-page,
  .contact-page, .request-page, .service-details, .project-details,
  .team-details, .error-page{ padding:70px 0; }
}

/* --- Sayfa başlığı: h1 stili --- */
.page-header__inner h1{
  font-size:52px; line-height:1.15; color:#fff; margin:0 0 14px; font-weight:700;
}
@media (max-width:767px){ .page-header__inner h1{ font-size:34px; } }

/* --- Filtre şeridi (kategori seçimi) --- */
.temizlik-filtre{
  display:flex; flex-wrap:wrap; gap:10px; margin:0 0 38px; padding:0;
}
.temizlik-filtre li a{
  display:inline-block; padding:9px 20px; border-radius:40px;
  background:#f2f6fa; color:var(--temizlik-koyu); font-weight:600; font-size:14.5px;
  transition:all .25s ease;
}
.temizlik-filtre li a span{ opacity:.6; font-weight:500; }
.temizlik-filtre li a:hover{ background:#e3ecf6; }
.temizlik-filtre li.aktif a{ background:var(--temizlik-renk); color:#fff; }
.temizlik-filtre li.aktif a span{ opacity:.8; }

/* --- Hizmet detay: özet kutuları --- */
.temizlik-ozet-kutu{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px;
  margin:30px 0 10px; padding:0;
}
.temizlik-ozet-kutu li{
  background:#f5f8fc; border-radius:var(--temizlik-yuvarlak); padding:22px 20px; text-align:center;
}
.temizlik-ozet-kutu li span{ font-size:30px; color:var(--temizlik-renk); display:block; margin-bottom:10px; }
.temizlik-ozet-kutu li em{ display:block; font-style:normal; font-size:13.5px; color:#8794a3; margin-bottom:4px; }
.temizlik-ozet-kutu li strong{ display:block; font-size:17px; color:var(--temizlik-koyu); }
.temizlik-fiyat-not{ font-size:14px; color:#8794a3; margin:10px 0 0; }

/* --- Madde listeleri (kapsam / avantaj) --- */
.temizlik-liste-kutu{ margin:44px 0 0; }
.temizlik-liste-kutu h2{ font-size:26px; margin:0 0 20px; color:var(--temizlik-koyu); }
.temizlik-liste-kutu ul{ margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:14px 26px; }
.temizlik-liste-kutu ul li{ display:flex; gap:12px; align-items:flex-start; }
.temizlik-liste-kutu ul li .icon{ flex:0 0 auto; }
.temizlik-liste-kutu ul li .icon span{
  width:26px; height:26px; border-radius:50%; background:var(--temizlik-renk); color:#fff;
  display:grid; place-items:center; font-size:11px;
}
.temizlik-liste-kutu ul li p{ margin:0; color:var(--temizlik-metin); line-height:1.65; }
.temizlik-liste-kutu--vurgu{
  background:#f5f8fc; border-radius:var(--temizlik-yuvarlak); padding:32px 30px;
}
.temizlik-liste-kutu--vurgu ul li .icon span{ background:var(--temizlik-renk2); }

.temizlik-mahalle{ display:flex; flex-wrap:wrap; gap:10px 20px; margin:0; padding:0; }
.temizlik-mahalle li{ display:flex; align-items:center; gap:8px; color:var(--temizlik-metin); }
.temizlik-mahalle li span{ color:var(--temizlik-renk); font-size:12px; }

.temizlik-uzmanlik{ margin:0 0 24px; padding:0; }
.temizlik-uzmanlik li{ display:flex; gap:10px; align-items:center; margin-bottom:10px; color:var(--temizlik-metin); }
.temizlik-uzmanlik li span{ color:var(--temizlik-renk); }

/* --- SSS akordiyonu --- */
.temizlik-sss{ margin:50px 0 0; }
.temizlik-sss h2{ font-size:26px; margin:0 0 20px; color:var(--temizlik-koyu); }
.temizlik-sss-baslik{ font-size:24px; margin:44px 0 18px; color:var(--temizlik-koyu); }
.temizlik-sss-baslik:first-child{ margin-top:0; }
.faq-one__accrodion .accrodion{
  background:#fff; border:1px solid var(--temizlik-cizgi); border-radius:var(--temizlik-yuvarlak);
  margin-bottom:14px; overflow:hidden;
}
.faq-one__accrodion .accrodion-title{ padding:20px 56px 20px 24px; cursor:pointer; position:relative; }
.faq-one__accrodion .accrodion-title h4{
  font-size:17.5px; line-height:1.55; margin:0; color:var(--temizlik-koyu); font-weight:600;
}
.faq-one__accrodion .accrodion-icon{
  position:absolute; right:22px; top:50%; transform:translateY(-50%);
  width:26px; height:26px; border-radius:50%; background:#f2f6fa;
}
.faq-one__accrodion .accrodion-icon::before,
.faq-one__accrodion .accrodion-icon::after{
  content:''; position:absolute; background:var(--temizlik-renk); transition:transform .25s ease;
}
.faq-one__accrodion .accrodion-icon::before{ left:7px; top:12px; width:12px; height:2px; }
.faq-one__accrodion .accrodion-icon::after{ left:12px; top:7px; width:2px; height:12px; }
.faq-one__accrodion .accrodion.active .accrodion-icon::after{ transform:scaleY(0); }
.faq-one__accrodion .accrodion.active{ border-color:var(--temizlik-renk); }
.faq-one__accrodion .accrodion-content .inner{ padding:0 24px 22px; }
.faq-one__accrodion .accrodion-content p{ margin:0; color:var(--temizlik-metin); line-height:1.8; }

/* --- Fiyat paketleri --- */
.temizlik-paket{
  position:relative; background:#fff; border:1px solid var(--temizlik-cizgi);
  border-radius:20px; padding:36px 28px 30px; height:100%; margin-bottom:30px;
  display:flex; flex-direction:column; transition:all .3s ease;
}
.temizlik-paket:hover{ box-shadow:0 18px 44px rgba(15,27,38,.10); transform:translateY(-4px); }
.temizlik-paket--populer{ border-color:var(--temizlik-renk); box-shadow:0 18px 44px rgba(13,125,224,.13); }
.temizlik-paket__rozet{
  position:absolute; top:-13px; left:50%; transform:translateX(-50%);
  background:var(--temizlik-renk2); color:var(--temizlik-koyu); font-size:12.5px; font-weight:700;
  padding:6px 16px; border-radius:30px; white-space:nowrap;
}
.temizlik-paket__ikon span{ font-size:38px; color:var(--temizlik-renk); }
.temizlik-paket__ust h3{ font-size:22px; margin:14px 0 8px; color:var(--temizlik-koyu); }
.temizlik-paket__alt{ font-size:14.5px; color:#8794a3; line-height:1.65; margin:0; }
.temizlik-paket__fiyat{ margin:22px 0; padding:18px 0; border-top:1px solid var(--temizlik-cizgi); border-bottom:1px solid var(--temizlik-cizgi); }
.temizlik-paket__fiyat strong{ font-size:32px; color:var(--temizlik-koyu); display:block; line-height:1.2; }
.temizlik-paket__fiyat em{ font-style:normal; font-size:14px; color:#8794a3; }
.temizlik-paket__liste{ margin:0 0 24px; padding:0; flex:1; }
.temizlik-paket__liste li{ display:flex; gap:10px; align-items:flex-start; margin-bottom:11px; font-size:14.8px; color:var(--temizlik-metin); line-height:1.6; }
.temizlik-paket__liste li span{ color:var(--temizlik-renk); font-size:11px; margin-top:5px; flex:0 0 auto; }
.temizlik-paket__liste li.yok{ color:#adb7c2; text-decoration:line-through; }
.temizlik-paket__liste li.yok span{ color:#adb7c2; text-decoration:none; }

.temizlik-fiyat-notlar{ margin-top:56px; }
.temizlik-fiyat-tablo{ width:100%; border-collapse:collapse; }
.temizlik-fiyat-tablo th, .temizlik-fiyat-tablo td{
  border-bottom:1px solid var(--temizlik-cizgi); padding:14px 12px; text-align:left; font-size:15px;
}
.temizlik-fiyat-tablo th{ background:#f5f8fc; color:var(--temizlik-koyu); font-weight:600; }
.temizlik-fiyat-tablo a{ color:var(--temizlik-renk); }

/* --- Müşteri yorumu kartı --- */
.temizlik-yorum{
  background:#fff; border:1px solid var(--temizlik-cizgi); border-radius:20px;
  padding:32px 28px; height:100%; margin-bottom:30px; position:relative;
}
.temizlik-yorum__quote span{ font-size:34px; color:var(--temizlik-renk); opacity:.25; }
.temizlik-yorum__metin{ color:var(--temizlik-metin); line-height:1.85; margin:14px 0 18px; }
.temizlik-yorum__ratting span{ color:var(--temizlik-renk2); font-size:14px; }
.temizlik-yorum__kisi{ display:flex; align-items:center; gap:14px; margin-top:20px; padding-top:20px; border-top:1px solid var(--temizlik-cizgi); }
.temizlik-yorum__kisi img{ width:56px; height:56px; border-radius:50%; object-fit:cover; }
.temizlik-yorum__kisi h3{ font-size:17px; margin:0 0 2px; color:var(--temizlik-koyu); }
.temizlik-yorum__kisi p{ font-size:14px; color:#8794a3; margin:0; }

/* --- Bölge (yerel SEO) --- */
.temizlik-bolgeler{ padding:90px 0; background:#f5f8fc; }
.temizlik-bolge-listesi{ display:flex; flex-wrap:wrap; gap:10px; margin:0; padding:0; }
.temizlik-bolge-listesi li a{
  display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:40px;
  background:#fff; border:1px solid var(--temizlik-cizgi); color:var(--temizlik-koyu);
  font-size:14.5px; font-weight:500; transition:all .25s ease;
}
.temizlik-bolge-listesi li a span{ color:var(--temizlik-renk); font-size:13px; }
.temizlik-bolge-listesi li a:hover{ background:var(--temizlik-renk); border-color:var(--temizlik-renk); color:#fff; }
.temizlik-bolge-listesi li a:hover span{ color:#fff; }
.temizlik-bolge-baglanti{ margin:44px 0 0; }
.temizlik-bolge-baglanti h2{ font-size:24px; margin:0 0 18px; color:var(--temizlik-koyu); }

.temizlik-bolge-kart{
  background:#fff; border:1px solid var(--temizlik-cizgi); border-radius:20px;
  padding:30px 26px; margin-bottom:30px; height:100%;
}
.temizlik-bolge-kart__ikon span{ font-size:30px; color:var(--temizlik-renk); }
.temizlik-bolge-kart h3{ font-size:21px; margin:14px 0 10px; }
.temizlik-bolge-kart h3 a{ color:var(--temizlik-koyu); }
.temizlik-bolge-kart h3 a:hover{ color:var(--temizlik-renk); }
.temizlik-bolge-kart p{ color:var(--temizlik-metin); font-size:15px; line-height:1.7; margin:0 0 10px; }
.temizlik-bolge-kart__mahalle{ font-size:13.5px !important; color:#8794a3 !important; }
.temizlik-bolge-kart__hizmet{ margin:16px 0; padding:0; }
.temizlik-bolge-kart__hizmet li{ margin-bottom:6px; }
.temizlik-bolge-kart__hizmet li a{ color:var(--temizlik-renk); font-size:14.5px; }
.temizlik-bolge-kart__link{ font-weight:600; color:var(--temizlik-koyu); font-size:14.5px; }
.temizlik-bolge-kart__link span{ margin-left:6px; color:var(--temizlik-renk); }

.temizlik-hizmet-mini{
  display:block; padding:20px 22px; border:1px solid var(--temizlik-cizgi);
  border-radius:var(--temizlik-yuvarlak); margin-bottom:16px; transition:all .25s ease;
}
.temizlik-hizmet-mini:hover{ border-color:var(--temizlik-renk); background:#f5f8fc; }
.temizlik-hizmet-mini > span{ font-size:26px; color:var(--temizlik-renk); display:block; margin-bottom:10px; }
.temizlik-hizmet-mini strong{ display:block; color:var(--temizlik-koyu); font-size:16.5px; margin-bottom:6px; }
.temizlik-hizmet-mini em{ display:block; font-style:normal; color:#8794a3; font-size:14px; line-height:1.6; }

/* --- Alt çağrı bloğu (CTA) --- */
.temizlik-cta{ padding:70px 0; background:var(--temizlik-koyu); }
.temizlik-cta__inner{ display:flex; align-items:center; gap:30px; flex-wrap:wrap; }
.temizlik-cta__icon span{ font-size:54px; color:var(--temizlik-renk2); }
.temizlik-cta__content{ flex:1; min-width:260px; }
.temizlik-cta__content h2{ color:#fff; font-size:28px; margin:0 0 8px; line-height:1.35; }
.temizlik-cta__content p{ color:#9fb3c6; margin:0; line-height:1.7; }
.temizlik-cta__btn{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.temizlik-cta__tel{ color:#fff; font-size:18px; font-weight:600; display:inline-flex; align-items:center; gap:9px; }
.temizlik-cta__tel span{ color:var(--temizlik-renk2); }

/* --- Yan sütun --- */
.service-details__sidebar-single{
  background:#f5f8fc; border-radius:20px; padding:30px 26px; margin-bottom:30px;
}
.service-details__sidebar-title{ font-size:21px; margin:0 0 18px; color:var(--temizlik-koyu); }
.service-details__services-list-box{ margin:0; padding:0; }
.service-details__services-list-box li{ margin-bottom:9px; }
.service-details__services-list-box li a{
  display:flex; justify-content:space-between; align-items:center; gap:10px;
  background:#fff; border-radius:10px; padding:14px 18px; color:var(--temizlik-koyu);
  font-size:15px; font-weight:500; transition:all .25s ease;
}
.service-details__services-list-box li a span{ color:var(--temizlik-renk); font-size:13px; }
.service-details__services-list-box li a:hover,
.service-details__services-list-box li.active a{ background:var(--temizlik-renk); color:#fff; }
.service-details__services-list-box li a:hover span,
.service-details__services-list-box li.active a span{ color:#fff; }

.service-details__sidebar-contact{ position:relative; overflow:hidden; color:#fff; background:var(--temizlik-koyu); }
.service-details__sidebar-contact-bg{
  position:absolute; inset:0; background-size:cover; background-position:center; opacity:.22;
}
.service-details__sidebar-contact > *{ position:relative; }
.service-details__sidebar-contact h3{ color:#fff; font-size:23px; margin:0 0 10px; line-height:1.4; }
.service-details__sidebar-contact p{ color:#c2d1de; font-size:14.5px; line-height:1.7; }
.service-details__sidebar-contact-number{ display:flex; align-items:center; gap:10px; margin:16px 0; font-size:19px; font-weight:700; }
.service-details__sidebar-contact-number span{ color:var(--temizlik-renk2); }
.service-details__sidebar-contact-number a{ color:#fff; }
.temizlik-yan-form input{
  width:100%; border:0; border-radius:9px; padding:13px 16px; margin-bottom:10px;
  background:rgba(255,255,255,.12); color:#fff; font-size:14.5px;
}
.temizlik-yan-form input::placeholder{ color:#a9bccd; }
.temizlik-yan-form .thm-btn{ width:100%; text-align:center; margin-top:4px; }

.project-details__info-box{ background:#f5f8fc; border-radius:20px; padding:30px 26px; margin-bottom:30px; }
.project-details__info-box h3{ font-size:21px; margin:0 0 18px; color:var(--temizlik-koyu); }
.project-details__info-box ul{ margin:0; padding:0; }
.project-details__info-box li{
  display:flex; justify-content:space-between; gap:14px; padding:11px 0;
  border-bottom:1px solid #e2e9f1; font-size:15px;
}
.project-details__info-box li:last-child{ border-bottom:0; }
.project-details__info-box li span{ color:#8794a3; }
.project-details__info-box li strong{ color:var(--temizlik-koyu); text-align:right; }

/* --- Blog yan sütunu --- */
.sidebar__single{ background:#f5f8fc; border-radius:20px; padding:30px 26px; margin-bottom:30px; }
.sidebar__title{ font-size:21px; margin:0 0 18px; color:var(--temizlik-koyu); }
.sidebar__search-form{ display:flex; }
.sidebar__search-form input{ flex:1; border:0; border-radius:10px 0 0 10px; padding:14px 16px; font-size:14.5px; }
.sidebar__search-form button{ border:0; background:var(--temizlik-renk); color:#fff; padding:0 18px; border-radius:0 10px 10px 0; }
.sidebar__category-list{ margin:0; padding:0; }
.sidebar__category-list li{ margin-bottom:8px; }
.sidebar__category-list li a{
  display:flex; justify-content:space-between; background:#fff; border-radius:10px;
  padding:13px 18px; color:var(--temizlik-koyu); font-size:15px; transition:all .25s ease;
}
.sidebar__category-list li a span{ color:#8794a3; }
.sidebar__category-list li a:hover, .sidebar__category-list li.active a{ background:var(--temizlik-renk); color:#fff; }
.sidebar__category-list li a:hover span, .sidebar__category-list li.active a span{ color:rgba(255,255,255,.75); }
.sidebar__post-list{ margin:0; padding:0; }
.sidebar__post-list li{ display:flex; gap:14px; align-items:center; padding:12px 0; border-bottom:1px solid #e2e9f1; }
.sidebar__post-list li:last-child{ border-bottom:0; }
.sidebar__post-image img{ width:76px; height:76px; object-fit:cover; border-radius:10px; }
.sidebar__post-content h3{ font-size:15.5px; line-height:1.5; margin:0; }
.sidebar__post-content h3 a{ color:var(--temizlik-koyu); }
.sidebar__post-content h3 a:hover{ color:var(--temizlik-renk); }
.sidebar__post-content-meta{ display:block; font-size:12.8px; color:#8794a3; margin-bottom:5px; font-weight:400; }
.sidebar__post-content-meta i{ margin-right:6px; color:var(--temizlik-renk); }
.sidebar__cta{ position:relative; overflow:hidden; color:#fff; background:var(--temizlik-koyu); text-align:center; }
.sidebar__cta-bg{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:.22; }
.sidebar__cta > *{ position:relative; }
.sidebar__cta h3{ color:#fff; font-size:22px; line-height:1.45; margin:0 0 12px; }
.sidebar__cta p{ margin:0 0 16px; }
.sidebar__cta p a{ color:var(--temizlik-renk2); font-size:20px; font-weight:700; }

/* --- Blog detay ekleri --- */
.blog-details__title{ font-size:34px; line-height:1.3; margin:12px 0 16px; color:var(--temizlik-koyu); }
.blog-details__meta{ display:flex; flex-wrap:wrap; gap:10px 22px; margin:24px 0 0; padding:0; }
.blog-details__meta li, .blog-details__meta li a{ color:#8794a3; font-size:14.5px; }
.blog-details__meta li span{ margin-right:7px; color:var(--temizlik-renk); }
.blog-details__meta li a:hover{ color:var(--temizlik-renk); }
.blog-details__tags{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:34px 0 0; }
.blog-details__tags span{ font-weight:600; color:var(--temizlik-koyu); margin-right:6px; }
.blog-details__tags a{
  background:#f2f6fa; border-radius:30px; padding:7px 16px; font-size:13.8px; color:var(--temizlik-metin);
}
.blog-details__tags a:hover{ background:var(--temizlik-renk); color:#fff; }
.blog-details__author{
  display:flex; gap:20px; align-items:center; margin:34px 0 0;
  background:#f5f8fc; border-radius:20px; padding:26px 28px;
}
.blog-details__author-img img{ width:96px; height:96px; border-radius:50%; object-fit:cover; }
.blog-details__author-content h3{ font-size:20px; margin:0 0 4px; }
.blog-details__author-content h3 a{ color:var(--temizlik-koyu); }
.blog-details__author-content p{ margin:0; color:#8794a3; }

/* --- İlgili içerik blokları --- */
.temizlik-ilgili{ margin:52px 0 0; }
.temizlik-ilgili h2{ font-size:26px; margin:0 0 22px; color:var(--temizlik-koyu); }

/* --- Öncesi/sonrası --- */
.temizlik-once-sonra{ margin:48px 0 0; }
.temizlik-once-sonra h2{ font-size:26px; margin:0 0 20px; color:var(--temizlik-koyu); }
.temizlik-once-sonra .twentytwenty-container{ border-radius:var(--temizlik-yuvarlak); overflow:hidden; }
.temizlik-once-sonra img{ width:100%; aspect-ratio:16/10; object-fit:cover; display:block; }

/* --- Galeri --- */
.temizlik-galeri{ --bs-gutter-x:24px; --bs-gutter-y:24px; }
.temizlik-galeri__kare{
  display:block; position:relative; border-radius:var(--temizlik-yuvarlak);
  overflow:hidden; background:#eef3f8;
}
.temizlik-galeri__kare img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; transition:transform .5s ease; }
.temizlik-galeri__kare:hover img{ transform:scale(1.07); }
.temizlik-galeri__ikon{
  position:absolute; inset:0; display:grid; place-items:center;
  background:rgba(13,125,224,.75); color:#fff; font-size:22px; opacity:0; transition:opacity .3s ease;
}
.temizlik-galeri__kare:hover .temizlik-galeri__ikon{ opacity:1; }
@media (max-width:575px){ .temizlik-galeri{ --bs-gutter-x:14px; --bs-gutter-y:14px; } }

.temizlik-proje-galeri{ margin:48px 0 0; }
.temizlik-proje-galeri h2{ font-size:26px; margin:0 0 20px; }
.temizlik-proje-galeri img{ width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:10px; margin-bottom:24px; }

/* --- Referans logoları --- */
.temizlik-referans{ padding:60px 0; border-top:1px solid var(--temizlik-cizgi); }
.temizlik-referans__liste{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:34px 54px; }
.temizlik-referans__logo img{ max-height:46px; width:auto; opacity:.55; filter:grayscale(1); transition:all .3s ease; }
.temizlik-referans__logo:hover img{ opacity:1; filter:none; }

/* --- Form ekleri --- */
.temizlik-form .contact-one__input-box{ margin-bottom:16px; }
.temizlik-form input, .temizlik-form textarea{
  width:100%; border:1px solid var(--temizlik-cizgi); border-radius:10px;
  padding:14px 18px; font-size:15px; color:var(--temizlik-koyu); background:#fff;
}
.temizlik-form textarea{ min-height:150px; resize:vertical; }
.temizlik-form input:focus, .temizlik-form textarea:focus{ outline:none; border-color:var(--temizlik-renk); }
.temizlik-kvkk{ font-size:13.2px; color:#8794a3; line-height:1.7; margin:0 0 18px; }
.temizlik-acil{ font-size:14.5px; color:var(--temizlik-metin); background:#fff8e6; border-radius:10px; padding:14px 18px; margin-top:20px; }

.contact-page__info h2, .contact-page__form-box h2, .request-page__yan h2{
  font-size:28px; margin:0 0 14px; color:var(--temizlik-koyu);
}
.contact-page__info > p, .contact-page__form-box > p{ color:var(--temizlik-metin); line-height:1.8; margin-bottom:26px; }
.contact-page__info-list{ margin:0 0 30px; padding:0; }
.contact-page__info-list li{ display:flex; gap:16px; align-items:flex-start; margin-bottom:22px; }
.contact-page__info-list li .icon{
  flex:0 0 auto; width:48px; height:48px; border-radius:50%; background:#f2f6fa;
  display:grid; place-items:center; color:var(--temizlik-renk); font-size:19px;
}
.contact-page__info-list li h4{ font-size:16px; margin:0 0 4px; color:var(--temizlik-koyu); }
.contact-page__info-list li p{ margin:0; color:var(--temizlik-metin); line-height:1.65; }
.contact-page__ofis{ background:#f5f8fc; border-radius:var(--temizlik-yuvarlak); padding:22px 24px; margin-bottom:18px; }
.contact-page__ofis h3{ font-size:18px; margin:0 0 8px; color:var(--temizlik-koyu); }
.contact-page__ofis p{ margin:0 0 5px; color:var(--temizlik-metin); font-size:14.8px; }
.contact-page__harita{ margin-top:56px; border-radius:var(--temizlik-yuvarlak); overflow:hidden; }
.contact-page__harita iframe{ width:100%; height:440px; border:0; display:block; }

.request-page__yan{ background:#f5f8fc; border-radius:20px; padding:34px 30px; }
.temizlik-adim-listesi{ margin:0 0 26px; padding-left:20px; }
.temizlik-adim-listesi li{ margin-bottom:12px; color:var(--temizlik-metin); line-height:1.7; }
.temizlik-adim-listesi li strong{ color:var(--temizlik-koyu); }
.request-page__tel{ display:flex; align-items:center; gap:16px; background:#fff; border-radius:14px; padding:20px 22px; }
.request-page__tel > span{ font-size:32px; color:var(--temizlik-renk); }
.request-page__tel em{ display:block; font-style:normal; font-size:13.5px; color:#8794a3; }
.request-page__tel a{ font-size:21px; font-weight:700; color:var(--temizlik-koyu); }

/* --- Arama --- */
.temizlik-arama-form{ display:flex; gap:12px; margin:0 0 36px; flex-wrap:wrap; }
.temizlik-arama-form input{
  flex:1; min-width:240px; border:1px solid var(--temizlik-cizgi); border-radius:10px;
  padding:15px 20px; font-size:16px;
}
.temizlik-arama-form--orta{ max-width:520px; margin:34px auto; }
.temizlik-sonuc-sayi{ color:#8794a3; margin-bottom:20px; }
.temizlik-sonuclar{ margin:0; padding:0; }
.temizlik-sonuclar li{ padding:22px 0; border-bottom:1px solid var(--temizlik-cizgi); }
.temizlik-sonuclar li .tip{
  display:inline-block; background:#f2f6fa; color:var(--temizlik-renk);
  font-size:12.5px; font-weight:600; padding:4px 12px; border-radius:20px; margin-bottom:9px;
}
.temizlik-sonuclar li h3{ font-size:20px; margin:0 0 7px; }
.temizlik-sonuclar li h3 a{ color:var(--temizlik-koyu); }
.temizlik-sonuclar li h3 a:hover{ color:var(--temizlik-renk); }
.temizlik-sonuclar li p{ margin:0; color:var(--temizlik-metin); line-height:1.7; }
.temizlik-bos{ color:var(--temizlik-metin); font-size:17px; }

/* --- 404 --- */
.temizlik-404{ font-size:110px; line-height:1; color:var(--temizlik-renk); margin:0 0 10px; font-weight:800; }
.error-page h3{ font-size:28px; margin:0 0 12px; color:var(--temizlik-koyu); }
.error-page > .container > p{ color:var(--temizlik-metin); line-height:1.8; }
.temizlik-404-oneri{ margin:34px 0; }
.temizlik-404-oneri h4{ font-size:18px; margin:0 0 14px; color:var(--temizlik-koyu); }
.temizlik-404-oneri ul{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:0; padding:0; }
.temizlik-404-oneri ul li a{ background:#f2f6fa; border-radius:30px; padding:9px 20px; color:var(--temizlik-koyu); font-size:14.5px; }
.temizlik-404-oneri ul li a:hover{ background:var(--temizlik-renk); color:#fff; }
.temizlik-404-butonlar{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:24px; }

/* --- Sayfalama --- */
.pagination{ display:flex; gap:8px; list-style:none; padding:0; margin:44px 0 0; justify-content:center; }
.pagination .page-link{
  display:block; min-width:44px; text-align:center; padding:11px 15px; border-radius:10px;
  background:#f2f6fa; color:var(--temizlik-koyu); font-weight:600; font-size:14.5px;
}
.pagination .page-item.active .page-link{ background:var(--temizlik-renk); color:#fff; }
.pagination .page-item.disabled .page-link{ opacity:.45; pointer-events:none; }
.pagination .page-link:hover{ background:#e3ecf6; }

/* --- Yazar yazıları listesi --- */
.temizlik-yazar-yazilari{ margin:0 0 24px; padding:0; }
.temizlik-yazar-yazilari li{ border-bottom:1px solid var(--temizlik-cizgi); }
.temizlik-yazar-yazilari li:last-child{ border-bottom:0; }
.temizlik-yazar-yazilari li a{ display:flex; gap:16px; align-items:center; padding:14px 0; }
.temizlik-yazar-yazilari img{ width:86px; height:66px; object-fit:cover; border-radius:8px; flex:0 0 auto; }
.temizlik-yazar-yazilari strong{ display:block; color:var(--temizlik-koyu); font-size:16px; line-height:1.5; }
.temizlik-yazar-yazilari em{ display:block; font-style:normal; font-size:13px; color:#8794a3; margin-top:4px; }

/* --- WhatsApp yüzen buton --- */
.temizlik-wa{
  position:fixed; right:22px; bottom:96px; z-index:9990;
  width:56px; height:56px; border-radius:50%; background:#25d366; color:#fff;
  display:grid; place-items:center; box-shadow:0 10px 26px rgba(37,211,102,.4);
  transition:transform .25s ease;
}
.temizlik-wa:hover{ transform:scale(1.08); color:#fff; }
@media (max-width:575px){ .temizlik-wa{ right:14px; bottom:82px; width:50px; height:50px; } }

/* --- Flash mesajları --- */
.flash{ border-radius:12px; padding:15px 20px; margin:0 0 22px; font-size:15px; line-height:1.65; }
.flash-ok{ background:#e8f7ee; color:#186b3a; }
.flash-err{ background:#fdeaea; color:#8e1f1f; }
.flash-warn{ background:#fff6e3; color:#8a5a00; }

/* --- Temanın ihtiyaç duyduğu ufak düzeltmeler --- */
.main-menu__list > li.current > a{ color:var(--temizlik-renk); }
.page-header{ position:relative; }
.services-two__single, .project-one__single, .blog-one__single,
.blog-one__single-two, .team-one__single{ margin-bottom:30px; }
img{ max-width:100%; height:auto; }
.table-responsive{ overflow-x:auto; }

/* --- Yüzen bildirim (sayfa şablonunda yeri olmayan flash mesajları) --- */
.temizlik-bildirim{
  position:fixed; right:20px; bottom:96px; z-index:9999;
  width:min(380px, calc(100vw - 40px));
  display:flex; flex-direction:column; gap:10px;
}
.temizlik-bildirim .alert{
  margin:0; border:0; border-radius:12px; padding:16px 44px 16px 18px;
  font-size:15px; line-height:1.55; color:#fff;
  box-shadow:0 14px 34px rgba(15,27,38,.22);
  animation:temizlikBildirim .35s ease both;
}
.temizlik-bildirim .alert-success{ background:#128a4b; }
.temizlik-bildirim .alert-danger { background:#c62b34; }
.temizlik-bildirim .alert-warning{ background:#b57200; }
.temizlik-bildirim .alert-info   { background:#0d6aa8; }
.temizlik-bildirim .btn-close{
  filter:invert(1) grayscale(1) brightness(2); opacity:.85; padding:18px;
}
@keyframes temizlikBildirim{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }
@media (max-width:575px){
  .temizlik-bildirim{ right:12px; left:12px; bottom:84px; width:auto; }
}
