/*
* URETILEN DOSYA — ELLE DUZENLEMEYIN.
* Ureten: scripts/build-overrides.mjs
* Yeniden uretmek icin: node scripts/build-overrides.mjs
*
* Elementor'un urettigi CSS'teki arka plan gorsellerini assets-local'e
* yonlendirir. Goreli yollar bu dosyanin konumuna gore cozulur:
* assets-local/overrides.css -> url(2023/10/x.jpg)
* = assets-local/2023/10/x.jpg
* '../' YOKTUR: bu dosya zaten assets-local kokundedir.
*
* Ilk blok statik onsozdur (marka seridi); geri kalani mekanik olarak
* cikarilmis kurallardir.
*/
/* --- Marka seridi: gorsel yerine metin ---------------------------------
* Slayt yuksekligi kaynakta ![]()
'den turuyordu (300x150). ![]()
metne
* donunce yukseklik kaybolur ve swiper cokerdi; bu yuzden acik min-height.
* Bu blok CIKARILMIS bir kural degil, bu ureteccin statik onsozudur.
*/
.swiper-slide-inner .suaritma-marka-adi,
.suaritma-marka-adi {
display: flex;
align-items: center;
justify-content: center;
min-height: 150px;
padding: 0 12px;
font-family: Poppins, Montserrat, system-ui, sans-serif;
font-size: 22px;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 1.2;
color: #fff;
text-align: center;
white-space: nowrap;
}
.suaritma-marka-baslik {
margin: 0 0 16px;
font-family: Poppins, Montserrat, system-ui, sans-serif;
font-size: 24px;
font-weight: 600;
text-align: center;
}
/* --- Haberler: yazi kartlari --------------------------------------------
* One cikan gorsel HIC SINIRLANMAMISTI. Olculdu: yuklenen gorsel 768x768
* kare ve kartta tam boy basiliyordu; sayfa tek sutun devasa gorseller
* yigini gibi gorunuyordu.
*
* Neden aynalanan CSS is gormedi: kaynak sitede blog LISTELEME sayfasi
* YOKTU (13 hedefin hicbiri), dolayisiyla .elementor-post* siniflarina ait
* tek kural bile aynalanmadi. Bu bloklar o boslugu kapatir.
*
* aspect-ratio + object-fit birlikte: dikey, yatay ya da kare her gorsel
* ayni kutuya OTURUR ve liste hizali kalir. Yalniz aspect-ratio vermek
* gorseli EZERDI.
*/
/* Sutun sayisi UYDURULMADI, Hizmetler'den okundu: kart kolonu
* 'elementor-col-33' (9 kez, yani masaustunde 3'lu) ve post-140.css'te
* @media (max-width:1024px) and (min-width:768px) { width: 50% } -> 2'li
* @media (max-width:767px) { tam genislik } -> 1'li
* Sutun sayisi bir kart izgarasinin EN GORUNUR ozelligi; "ayni sayfa gibi"
* hissini once o verir. Ilk halde 2/1 vardi, ortadaki bant hic yoktu. */
.suaritma-haber-listesi {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px 26px;
}
@media (max-width: 1024px) and (min-width: 768px) {
.suaritma-haber-listesi {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.suaritma-haber-listesi {
grid-template-columns: minmax(0, 1fr);
gap: 30px;
}
}
/* --- Kart dili: Hizmetler sayfasindan OLCULDU, uydurulmadi ---------------
*
* Ilk denemede degerler tahmin edilmisti (12px kose, mavimsi yumusak golge,
* ayri bir "devamini oku" oku). Hizmetler kartlarina bakildiginda hicbiri
* tutmuyordu; o hali sayfayi Hizmetler'e BENZETMIYOR, farklilastiriyordu.
*
* Gercek degerler post-140.css'ten okundu:
* kart kolonu (36e9736): arka plan #FFFFFF, kose 5px,
* golge 0 0 25px 0 rgba(0,0,0,0.15), ic bosluk 30px
* gorsel (740e9c9): kose 5px
* baslik (121e02a): ana renk seridi, ORTALI, beyaz yazi,
* ust kenarlik 1px #D9D9D9, kose 5px,
* dikey ic bosluk 7px
* aciklama (b63cb5a): SOLA yasli
*
* Ayrica olculdu: Hizmetler kartinda ok isareti AYRI bir baglanti degil,
* BASLIK METNININ PARCASI ("Filtre Değişimi ➜"). Burada da ayni sekilde
* basligin sonuna eklenir; ayri "devamini oku" satiri gizlenir.
*/
.suaritma-haber-listesi .elementor-post {
margin: 0;
min-width: 0; /* grid ogesinin tasmasini onler */
display: flex;
flex-direction: column;
background: #fff;
border-radius: 5px;
padding: 30px;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
transition: box-shadow 0.3s ease;
}
.suaritma-haber-listesi .elementor-post:hover {
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25);
}
/* Gorsel ile baslik seridi arasinda BOSLUK YOK. Hizmetler'de serit
* 'margin:-3px 0 0 0' ile gorselin altina YAPISIK duruyor; bandi karta
* ait kilan sey bu. Arada 16px bosluk birakilinca ayni renkler bile
* "havada duran etiket" gibi gorunuyordu. */
.elementor-post__thumbnail__link {
display: block;
margin-bottom: 0;
overflow: hidden;
border-radius: 5px; /* Hizmetler gorselleriyle ayni kose */
}
.elementor-post__thumbnail {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
transition: transform 0.3s ease;
}
.elementor-post__thumbnail__link:hover .elementor-post__thumbnail {
transform: scale(1.04);
}
/* Baslik seridi. Yazi boyutu SABIT DEGIL: Hizmetler kart basligi ve
* boyutunu kitin global tipografisinden aliyor. Ayni degiskene baglanir ki
* site sahibi tipografiyi degistirdiginde iki sayfa birlikte degissin.
* Etiket yine kalir — liste sayfasinda dogru baslik seviyesi odur. */
.suaritma-haber-listesi .elementor-post__title {
background-color: var(--e-global-color-primary, #05c09b);
border-top: 1px solid var(--e-global-color-57a29b1, #d9d9d9);
border-radius: 5px;
text-align: center;
padding: 7px 12px;
margin: -3px 0 14px; /* -3px: seridi gorselin altina yapistirir */
font-size: var(--e-global-typography-61eed76-font-size, 18px);
line-height: var(--e-global-typography-61eed76-line-height, 1.4);
font-weight: var(--e-global-typography-61eed76-font-weight, 600);
}
.suaritma-haber-listesi .elementor-post__title a {
color: var(--e-global-color-21bfb04, #fff);
}
/* Ok, Hizmetler'deki gibi basligin sonunda. */
.suaritma-haber-listesi .elementor-post__title a::after {
content: ' ➜';
}
.suaritma-haber-listesi .elementor-post__meta-data {
margin: 0 0 10px;
font-size: 14px;
opacity: 0.65;
text-align: center;
}
.suaritma-haber-listesi .elementor-post__excerpt {
text-align: start; /* aciklama sola yasli — Hizmetler'deki b63cb5a gibi */
}
.elementor-post__excerpt p {
margin: 0;
}
/* Ok basliga tasindi; ayri satir artik gereksiz tekrar. */
.suaritma-haber-listesi .elementor-post__read-more {
display: none;
}
/* --- Sayfalama ----------------------------------------------------------
*
* Olculdu: the_posts_pagination() dogru calisiyor (yazi sayisi sayfa
* basina siniri asinca ikinci sayfa 200 donuyor ve FARKLI yazilar
* listeliyor), ama aynalanan CSS'te '.pagination' icin tek kural bile yok
* — kaynak sitede blog listesi olmadigi icin hic uretilmemis. Bicimsiz
* birakilirsa izgaranin altinda dar, sola yasli duz baglantilar olarak
* gorunuyor. Renkler kartlarla ayni degiskenlerden alinir. */
.navigation.pagination {
margin-top: 40px;
}
.navigation.pagination .nav-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
}
.navigation.pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 12px;
border-radius: 5px;
background: #fff;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
text-decoration: none;
transition: background 0.3s ease, color 0.3s ease;
}
.navigation.pagination .page-numbers.current,
.navigation.pagination a.page-numbers:hover {
background: var(--e-global-color-primary, #05c09b);
color: var(--e-global-color-21bfb04, #fff);
}
/* Nokta nokta ayraci kutu icinde durmaz. */
.navigation.pagination .page-numbers.dots {
background: none;
box-shadow: none;
}
/* Tek yazi sayfasindaki one cikan gorsel. Olculdu: single.php'de
* the_post_thumbnail cagrisi 0 idi — gorsel hic basilmiyordu. */
.suaritma-single-thumb {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
margin: 0 0 28px;
border-radius: 10px;
}
/* --- Hero slider metnini GORUNUR yap ------------------------------------
* Elementor Pro'nun slides.default handler'i her slaytin
* .swiper-slide-contents'ini INLINE 'display:none' ile gizler ve slayt
* aktif olunca JS ile geri gosterir. Bagimsiz klonda o gosterme adimi HIC
* ateslenmiyor: olculdu, dokuz slaytin hepsinde inline 'display: none'
* kaliyor ve baslik 0x0 render ediliyor -- yani sitenin MANSETI
* ('Su Arıtma Sistemleri') hic gorunmuyor.
*
* Ne kaynak HTML'de ne uretilen sablonda display:none YOK; JS koyuyor.
* Bu yuzden markup duzeltmesi ise yaramaz, inline stili ancak !important
* yenebilir.
*
* Kanit: inline display kaldirilinca contents 639x240, baslik 639x65
* olculdu ve metin dogru cikti.
*
* BEDELI: metnin slayt basina fade-in animasyonu kaybolur; metin slaytla
* birlikte aninda gorunur. Gorunmeyen bir manset yerine animasyonsuz bir
* manset tercih edildi.
*
* Bu Plan 2'nin (gorseller) urunu DEGIL, daha eski bir klon kusurudur.
*/
.elementor-widget-slides .swiper-slide-contents {
display: block !important;
}
/* --- cikarilan kurallar (19) --------------------------------- */
/* post-1149.css */
.elementor-1149 .elementor-element.elementor-element-1efb1cd:not(.elementor-motion-effects-element-type-background), .elementor-1149 .elementor-element.elementor-element-1efb1cd > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/10/charging-car.jpg") !important;
}
/* post-119.css */
.elementor-119 .elementor-element.elementor-element-047a4f8 .elementor-repeater-item-ea3c86e .swiper-slide-bg {
background-image:url(2023/10/warranty-specialist.jpg) !important;
}
/* post-119.css */
.elementor-119 .elementor-element.elementor-element-047a4f8 .elementor-repeater-item-25c0b43 .swiper-slide-bg {
background-image:url(2023/10/Home.jpg) !important;
}
/* post-119.css */
.elementor-119 .elementor-element.elementor-element-047a4f8 .elementor-repeater-item-94f38d8 .swiper-slide-bg {
background-image:url(2023/10/b1.jpg) !important;
}
/* post-119.css */
.elementor-119 .elementor-element.elementor-element-50905f7f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-119 .elementor-element.elementor-element-50905f7f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/10/beyaz-esya-servisi.jpg") !important;
}
/* post-119.css */
.elementor-119 .elementor-element.elementor-element-1050607e:not(.elementor-motion-effects-element-type-background), .elementor-119 .elementor-element.elementor-element-1050607e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/10/electric-vehicle-charging-station.jpg") !important;
}
/* post-119.css */
@media(max-width:1024px) {
.elementor-119 .elementor-element.elementor-element-1050607e:not(.elementor-motion-effects-element-type-background), .elementor-119 .elementor-element.elementor-element-1050607e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/10/charging-car.jpg") !important;
}
}
/* post-132.css */
.elementor-132 .elementor-element.elementor-element-54f23e64:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-54f23e64 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/10/charging-car.jpg") !important;
}
/* post-132.css */
.elementor-132 .elementor-element.elementor-element-6410fa74:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-132 .elementor-element.elementor-element-6410fa74 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/10/buzdolabi.png") !important;
}
/* post-137.css */
.elementor-137 .elementor-element.elementor-element-27e5dec7:not(.elementor-motion-effects-element-type-background), .elementor-137 .elementor-element.elementor-element-27e5dec7 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/10/charging-car.jpg") !important;
}
/* post-140.css */
.elementor-140 .elementor-element.elementor-element-63e56abb:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-63e56abb > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/10/charging-car.jpg") !important;
}
/* post-142.css */
.elementor-142 .elementor-element.elementor-element-6fbff62e:not(.elementor-motion-effects-element-type-background), .elementor-142 .elementor-element.elementor-element-6fbff62e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/10/charging-car.jpg") !important;
}
/* post-144.css */
.elementor-144 .elementor-element.elementor-element-3eb01943:not(.elementor-motion-effects-element-type-background), .elementor-144 .elementor-element.elementor-element-3eb01943 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/10/charging-car.jpg") !important;
}
/* post-148.css */
.elementor-148 .elementor-element.elementor-element-4a6a3d08:not(.elementor-motion-effects-element-type-background), .elementor-148 .elementor-element.elementor-element-4a6a3d08 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/10/charging-car.jpg") !important;
}
/* post-149.css */
.elementor-149 .elementor-element.elementor-element-66e8400c:not(.elementor-motion-effects-element-type-background), .elementor-149 .elementor-element.elementor-element-66e8400c > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/10/charging-car.jpg") !important;
}
/* post-152.css */
.elementor-152 .elementor-element.elementor-element-453b20a5:not(.elementor-motion-effects-element-type-background), .elementor-152 .elementor-element.elementor-element-453b20a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/10/charging-car.jpg") !important;
}
/* post-29.css */
.elementor-29 .elementor-element.elementor-element-65f15af6:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-65f15af6 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/04/img3.jpg") !important;
}
/* post-77.css */
.elementor-77 .elementor-element.elementor-element-16c4dd0f:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-16c4dd0f > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/10/charging-car.jpg") !important;
}
/* post-80.css */
.elementor-80 .elementor-element.elementor-element-6c27978f:not(.elementor-motion-effects-element-type-background), .elementor-80 .elementor-element.elementor-element-6c27978f > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image:url("2023/10/charging-car.jpg") !important;
}