/*
Theme Name: Weborenda | Sanelpan A.Ş
Theme URI: https://weborenda.com.tr
Author: Weborenda Yazılım
Author URI: https://weborenda.com.tr
Description: Sanelpan Elektrik Pano ve Trafo İmalat Sanayi için özel olarak geliştirilmiş, yüksek performanslı, SEO uyumlu ve çoklu dil destekli endüstriyel tema.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: weborenda
Tags: sanelpan, güç trafosu kazanları, power transformer tanks, dağıtım trafosu kazanları, distribution transformer tanks, genleşme depoları, conservator tanks, kuru tip trafo hücreleri, dry type transformer enclosures, kablo kutuları, cable boxes, sıkıştırma demirleri compaction steels, dalga duvar corrugated walls
*/

:root {
    --wp-red: #E42229;         
    --wp-blue: #132E41;   
    --wp-light-gray: #F8F9FA;
    --wp-text: #4A4A4A;
    --font-main: 'Montserrat', sans-serif;
    --font-body: 'Roboto', sans-serif;
    --transition: all 0.3s ease-in-out;
}

body {
    font-family: var(--font-body);
    color: var(--wp-text);
    background-color: #ffffff;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, .nav-link {
    font-family: var(--font-main);
    font-weight: 700;
}

.bg-sanelpan-blue { background-color: var(--wp-blue) !important; }
.bg-sanelpan-red { background-color: var(--wp-red) !important; }
.text-sanelpan-blue { color: var(--wp-blue) !important; }
.text-sanelpan-red { color: var(--wp-red) !important; }

/* Özel Buton */
.btn-weborenda {
    background-color: var(--wp-red);
    color: #ffffff !important;
    padding: 10px 25px;
    border-radius: 3px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.5px;
    transition: var(--transition);
    border: none;
    display: inline-block;
}
.btn-weborenda:hover {
    background-color: var(--wp-blue);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(19, 46, 65, 0.2);
}

/* Navigasyon ve Ürün Kartları */
.navbar-brand img { max-height: 60px; }
.nav-link { color: var(--wp-blue) !important; transition: var(--transition); }
.nav-link:hover { color: var(--wp-red) !important; }

.wp-product-card {
    position: relative;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    overflow: hidden;
    transition: var(--transition);
    border-bottom: 3px solid transparent;
}
.wp-product-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(19, 46, 65, 0.1);
    border-bottom: 3px solid var(--wp-red);
}
.wp-product-img {
    position: relative;
    overflow: hidden;
    height: 250px;
    background: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp-product-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.wp-product-card:hover .wp-product-img img { transform: scale(1.08); }
.wp-product-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(19, 46, 65, 0.8);
    display: flex; align-items: center; justify-content: center;
    opacity: 0; transition: 0.4s;
}
.wp-product-card:hover .wp-product-overlay { opacity: 1; }
.wp-product-content h4 { color: var(--wp-blue); transition: var(--transition); margin: 0; font-size: 1.1rem; }
.wp-product-card:hover .wp-product-content h4 { color: var(--wp-red); }

/* Mega Menü */
@media (min-width: 992px) {
    .navbar { position: relative; }
    .navbar .mega-dropdown { position: static !important; }
    .navbar .mega-menu {
        width: 100%; left: 0; right: 0;
        background-color: #ffffff;
        z-index: 9999;
        padding: 35px 0;
        border-radius: 0 0 8px 8px;
        border: none;
        border-top: 4px solid var(--wp-red);
        box-shadow: 0 20px 40px rgba(19, 46, 65, 0.15);
        margin-top: 0; display: none; position: absolute;
    }
    .navbar .mega-dropdown:hover .mega-menu,
    .navbar .dropdown:hover .dropdown-menu { display: block; animation: fadeUp 0.3s ease forwards; }
    .navbar .dropdown-menu {
        border-radius: 0 0 8px 8px; border: none; border-top: 4px solid var(--wp-red);
        box-shadow: 0 10px 25px rgba(0,0,0,0.1); background-color: #fff; z-index: 9999;
    }
}
.mega-menu h6 {
    color: var(--wp-blue); font-weight: 800; margin-bottom: 15px;
    font-size: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px;
}
.mega-menu ul li a { color: var(--wp-text); text-decoration: none; font-size: 14px; display: block; padding: 8px 0; transition: var(--transition); }
.mega-menu ul li a:hover { color: var(--wp-red); padding-left: 8px; }
@keyframes fadeUp { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }

/* =========================================
   YENİ EKLENEN ANASAYFA BÖLÜMLERİ İÇİN CSS
   ========================================= */

/* Özellikler İkon Listesi */
.feature-list { list-style: none; padding: 0; }
.feature-list li { margin-bottom: 15px; display: flex; align-items: flex-start; }
.feature-icon {
    min-width: 35px; height: 35px; background: rgba(228, 34, 41, 0.1); 
    color: var(--wp-red); display: flex; align-items: center; justify-content: center;
    border-radius: 50%; margin-right: 15px; font-weight: bold;
}

/* Sayılarla Biz (Counter Section) */
.counter-box { text-align: center; padding: 30px 15px; border-right: 1px solid rgba(255,255,255,0.1); }
.counter-box:last-child { border-right: none; }
.counter-number { font-size: 3rem; font-weight: 800; color: var(--wp-red); line-height: 1; margin-bottom: 10px; }
.counter-text { font-size: 1.1rem; color: #ffffff; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; }
@media (max-width: 768px) { .counter-box { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); } }

/* Sonsuz Kayan Referanslar (Marquee) */
.clients-marquee { overflow: hidden; white-space: nowrap; position: relative; background: #fff; padding: 30px 0; border-top: 1px solid #eee; }
.clients-marquee::before, .clients-marquee::after {
    content: ""; position: absolute; top: 0; width: 100px; height: 100%; z-index: 2;
}
.clients-marquee::before { left: 0; background: linear-gradient(to right, white 0%, transparent 100%); }
.clients-marquee::after { right: 0; background: linear-gradient(to left, white 0%, transparent 100%); }
.marquee-track { display: inline-block; animation: scroll-left 30s linear infinite; }
.marquee-track img { height: 50px; margin: 0 40px; filter: grayscale(100%) opacity(0.7); transition: var(--transition); }
.marquee-track img:hover { filter: grayscale(0%) opacity(1); }
@keyframes scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* Footer */
.site-footer { background-color: var(--wp-blue); color: #ffffff; font-size: 14px; }
.site-footer h5 { color: #ffffff; font-weight: 700; margin-bottom: 20px; font-size: 16px; letter-spacing: 0.5px; }
.site-footer a { color: rgba(255, 255, 255, 0.7); text-decoration: none; transition: var(--transition); }
.site-footer a:hover { color: var(--wp-red); padding-left: 5px; }
.site-footer ul { padding: 0; list-style: none; }
.site-footer ul li { margin-bottom: 10px; }
.footer-bottom-bar { background-color: rgba(0, 0, 0, 0.2); padding: 15px 0; font-size: 13px; color: rgba(255, 255, 255, 0.5); }
/* Polylang Dil Seçici Stili */
.wp-lang-list { gap: 12px; }
.wp-lang-list li { list-style: none; }
.wp-lang-list li a { color: rgba(255,255,255,0.5); text-decoration: none; font-weight: bold; text-transform: uppercase; transition: var(--transition); }
.wp-lang-list li a:hover { color: var(--wp-red); }
.wp-lang-list li.current-lang a { color: #ffffff; border-bottom: 2px solid var(--wp-red); padding-bottom: 2px; }
/* FLOATING ACTIONS */
.btn-floating {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-decoration: none;
}

.btn-floating:hover {
    transform: scale(1.1) rotate(5deg);
}

.btn-whatsapp {
    background-color: #25D366;
}

.btn-quote {
    background-color: var(--wp-red);
}

@media (max-width: 768px) {
    .wp-floating-actions {
        bottom: 20px;
        right: 20px;
    }
    .btn-floating {
        width: 45px;
        height: 45px;
    }
}
/* Kartlarda ve butonlarda 0 veya çok az (2px) yuvarlama kullanarak keskinlik kazandırıyoruz */
.card, .btn, .form-control, .wp-product-card, .sp-job-card {
    border-radius: 0px !important; /* Mühendislik netliği için tam keskin köşeler */
    border: 1px solid #e9ecef !important;
}

/* Gölgeleri yumuşatıp, derinliği border (çerçeve) ile veriyoruz */
.card:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;
    border-color: var(--sp-red) !important;
}
/* Teknik etiketler (Badge) tasarımı */
.sp-meta-tag {
    display: inline-flex;
    align-items: center;
    background: #f1f3f5;
    color: var(--sp-blue);
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-left: 3px solid var(--sp-red);
    margin-right: 8px;
    margin-bottom: 8px;
}
/* Başlık harf boşluklarını açarak daha geniş ve ferah bir görünüm */
h1, h2, h3 {
    letter-spacing: -1px;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

/* Gövde metinlerinde okunaklılığı artırmak için satır yüksekliği */
p {
    line-height: 1.8;
    color: #555;
    margin-bottom: 1.5rem;
}

/* Sitenin genelindeki padding (boşluk) oranını */
section {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
/* Scrollbar tasarımı */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: var(--sp-blue);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--sp-red);
}
/* === FOOTER PREMİUM TASARIM === */
.sp-footer {
    background-color: #132E41 !important; /* Sanelpan Laciverti */
    font-size: 14px;
}

/* Footer Linkleri Stil */
.sp-footer-links li {
    margin-bottom: 12px;
}

.sp-footer-links a {
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 13px;
    display: inline-block;
}

.sp-footer-links a:hover {
    color: #E42229; /* Sanelpan Kırmızısı */
    transform: translateX(5px);
}

/* İletişim İkonları */
.sp-contact-icon {
    color: #E42229;
    font-size: 1.1rem;
    width: 20px;
    text-align: center;
}

/* Sosyal Medya İkonları */
.sp-social-icon {
    width: 36px;
    height: 36px;
    background: rgba(255,255,255,0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid rgba(255,255,255,0.1);
}

.sp-social-icon:hover {
    background: #E42229;
    border-color: #E42229;
    color: white;
    transform: translateY(-3px);
}

.hover-red:hover { color: #E42229 !important; }
.transition { transition: all 0.3s ease; }