/*
Theme Name: Etimesgut Elektrikçi
Theme URI: https://etimesgutelektrikci.net/
Author: IDE Danışmanlık
Description: Etimesgut Elektrikçi Pro eklentisiyle birlikte çalışan kurumsal tema. Blog, sayfa, arama ve 404 şablonları eklentinin üst menüsü, alt bilgisi ve renkleriyle aynı görünür. Eklenti etkin değilse sade bir yedek görünüm sunar.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: eet
Tags: business, blog, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Renk/yazı değişkenleri eklentiden gelir (--p, --a, --ink ...). Eklenti yoksa yedek değerler: */
:root{--p:#0c1b33;--a:#ffb703;--ink:#0f172a;--mut:#5b6b82;--bg:#f4f6fa;--line:#e3e8f0;--r:18px;--sh:0 10px 30px -12px rgba(12,27,51,.18);--f:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif}

/* ---------- Genel düzen ---------- */
.eet-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
.eet-layout.is-solo{grid-template-columns:minmax(0,1fr)}
.eet-narrow{max-width:800px;margin-inline:auto}

/* ---------- İçerik tipografisi (yazı & sayfa) ---------- */
.eet-content{font-size:1.06rem;line-height:1.8;color:#334155}
.eet-content>*{margin-top:0;margin-bottom:1.25em}
.eet-content h2,.eet-content h3,.eet-content h4{color:var(--p);margin-top:1.8em;margin-bottom:.6em;line-height:1.25}
.eet-content h2{font-size:1.6rem}.eet-content h3{font-size:1.3rem}.eet-content h4{font-size:1.1rem}
.eet-content a{color:var(--p);font-weight:700;text-decoration:underline;text-decoration-color:var(--a);text-decoration-thickness:2px;text-underline-offset:3px}
.eet-content a:hover{background:color-mix(in srgb,var(--a) 22%,transparent)}
.eet-content ul,.eet-content ol{padding-left:1.3em}
.eet-content li{margin-bottom:.4em}
.eet-content ul li::marker{color:var(--a)}
.eet-content img{border-radius:16px}
.eet-content figure{margin-inline:0}
.eet-content figcaption,.eet-content .wp-element-caption{font-size:.86rem;color:var(--mut);text-align:center;margin-top:.6em}
.eet-content blockquote,.eet-content .wp-block-quote{margin-inline:0;padding:20px 24px;border-left:4px solid var(--a);background:var(--bg);border-radius:0 16px 16px 0;font-size:1.1rem;color:var(--ink)}
.eet-content blockquote p:last-child{margin-bottom:0}
.eet-content blockquote cite{display:block;margin-top:.6em;font-size:.88rem;font-style:normal;color:var(--mut)}
.eet-content .wp-block-pullquote{border-top:4px solid var(--a);border-bottom:4px solid var(--a);padding:28px 0;text-align:center}
.eet-content table{width:100%;border-collapse:collapse;font-size:.95rem;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.eet-content th,.eet-content td{padding:.75em 1em;border-bottom:1px solid var(--line);text-align:left}
.eet-content thead th{background:var(--p);color:#fff}
.eet-content tbody tr:nth-child(even){background:var(--bg)}
.eet-content code{background:var(--bg);padding:.15em .4em;border-radius:6px;font-size:.9em}
.eet-content pre{background:var(--p);color:#e2e8f0;padding:20px;border-radius:14px;overflow:auto;font-size:.9rem}
.eet-content pre code{background:none;padding:0}
.eet-content hr,.eet-content .wp-block-separator{border:0;height:2px;background:var(--line);margin:2.4em auto}
.eet-content .wp-block-button__link,.eet-content .wp-element-button{display:inline-flex;align-items:center;gap:.5em;background:var(--a);color:var(--p)!important;font-weight:700;padding:.8em 1.4em;border-radius:12px;text-decoration:none!important}
.eet-content .is-style-outline .wp-block-button__link{background:transparent;border:2px solid var(--p);color:var(--p)!important}
.eet-content .wp-block-gallery{gap:12px}
.eet-content .wp-block-gallery img{border-radius:12px}
.eet-content .wp-block-columns{gap:28px}
.eet-content .wp-block-cover{border-radius:20px;overflow:hidden}
.eet-content .has-background{border-radius:16px}
.eet-content .alignleft{float:left;margin:.3em 1.5em 1em 0;max-width:50%}
.eet-content .alignright{float:right;margin:.3em 0 1em 1.5em;max-width:50%}
.eet-content .aligncenter{margin-inline:auto;text-align:center}
.eet-content .alignwide{margin-inline:calc(-1 * min(120px,6vw))}
.eet-content .alignfull{margin-inline:calc(50% - 50vw);max-width:100vw;width:100vw;border-radius:0}
.eet-content .alignfull img{border-radius:0}
.eet-content::after{content:"";display:table;clear:both}
.eet-content .wp-block-embed iframe{width:100%;border-radius:16px}
.eet-content .wp-block-file{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--line);border-radius:12px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.sticky .eet-post-tag::after{content:" · Öne çıkan"}
.bypostauthor{}
.wp-caption,.gallery-caption{font-size:.86rem;color:var(--mut)}

/* ---------- Yazı başlığı meta ---------- */
.eet-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:.9rem;color:rgba(255,255,255,.72)}
.eet-meta span{display:inline-flex;align-items:center;gap:.4em}
.eet-meta a{color:var(--a)}
.eet-cover{margin:-40px 0 36px;position:relative;z-index:2}
.eet-cover img{width:100%;max-height:520px;object-fit:cover;border-radius:24px;box-shadow:var(--sh)}

/* ---------- Yazı kartları ---------- */
.eet-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.eet-post{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.eet-post:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:transparent}
.eet-post-img{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,var(--p),color-mix(in srgb,var(--p) 70%,var(--a)));overflow:hidden;position:relative}
.eet-post-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.eet-post:hover .eet-post-img img{transform:scale(1.05)}
.eet-post-img .eep-ic{position:absolute;inset:0;margin:auto;width:56px;height:56px;color:var(--a);opacity:.9}
.eet-post-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.eet-post-tag{font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb,var(--a) 70%,#7a4b00);margin-bottom:8px}
.eet-post h2,.eet-post h3{font-size:1.18rem;line-height:1.35;margin:0 0 .5em;color:var(--p)}
.eet-post h2 a:hover,.eet-post h3 a:hover{color:color-mix(in srgb,var(--p) 70%,var(--a))}
.eet-post p{font-size:.93rem;color:var(--mut);flex:1;margin:0 0 1em}
.eet-post-foot{display:flex;justify-content:space-between;align-items:center;font-size:.84rem;color:var(--mut);border-top:1px solid var(--line);padding-top:14px}
.eet-post-foot a{font-weight:700;color:var(--p);display:inline-flex;align-items:center;gap:.35em}
.eet-featured{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr}
.eet-featured .eet-post-img{aspect-ratio:auto;min-height:320px}
.eet-featured .eet-post-body{padding:36px}
.eet-featured h2{font-size:1.7rem}

/* ---------- Sayfalama ---------- */
.eet-pagi,.navigation.pagination{margin-top:44px}
.nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);font-weight:700;color:var(--p);background:#fff}
.page-numbers:hover{border-color:var(--p)}
.page-numbers.current{background:var(--p);border-color:var(--p);color:#fff}
.page-numbers.dots{border:0;background:none}

/* ---------- Önceki / sonraki ---------- */
.eet-pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:44px 0 0}
.eet-pn a{display:block;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}
.eet-pn a:hover{border-color:var(--a)}
.eet-pn small{display:block;color:var(--mut);font-weight:600;font-size:.8rem;margin-bottom:4px}
.eet-pn strong{color:var(--p);line-height:1.35;display:block}
.eet-pn .is-next{text-align:right}

/* ---------- Etiketler / paylaş ---------- */
.eet-tags{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 0}
.eet-tags a{padding:.4em .9em;border-radius:999px;background:var(--bg);font-size:.85rem;font-weight:600;color:var(--p)}
.eet-tags a:hover{background:var(--a)}
.eet-share{display:flex;align-items:center;gap:10px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line);font-weight:700;color:var(--p);font-size:.92rem}
.eet-share a{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--bg);color:var(--p)}
.eet-share a:hover{background:var(--a)}

/* ---------- Kenar çubuğu ---------- */
.eet-side{position:sticky;top:110px;display:grid;gap:18px}
.admin-bar .eet-side{top:142px}
.eet-widget{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}
.eet-widget h2,.eet-widget .widget-title,.eet-widget .wp-block-heading{font-size:1.02rem;color:var(--p);margin:0 0 12px}
.eet-widget ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.eet-widget li a{color:#334155;font-weight:600;font-size:.93rem}
.eet-widget li a:hover{color:var(--p);text-decoration:underline;text-decoration-color:var(--a)}
.eet-mini{display:flex;gap:12px;align-items:center}
.eet-mini img,.eet-mini .eet-mini-ph{width:62px;height:62px;border-radius:12px;object-fit:cover;flex:none;background:var(--p)}
.eet-mini strong{font-size:.9rem;line-height:1.35;color:var(--p);display:block}
.eet-mini small{color:var(--mut);font-size:.78rem}

/* ---------- Arama ---------- */
.eet-search{display:flex;gap:8px;max-width:520px}
.eet-search input{flex:1;font:inherit;padding:.8em 1em;border:1.5px solid var(--line);border-radius:12px;min-width:0}
.eet-search input:focus{outline:0;border-color:var(--p);box-shadow:0 0 0 4px color-mix(in srgb,var(--p) 12%,transparent)}
.eet-search button{border:0;cursor:pointer}
.eep-phero .eet-search{margin-top:22px}
.eep-phero .eet-search input{border-color:transparent}

/* ---------- Boş durum / 404 ---------- */
.eet-empty{text-align:center;max-width:560px;margin:0 auto;padding:20px 0}
.eet-empty .eep-ic{width:56px;height:56px;color:var(--a);margin:0 auto 14px}
.eet-empty .eet-search{margin:24px auto 0}
.eet-big{font-size:clamp(4rem,12vw,8rem);font-weight:800;line-height:1;color:var(--a);letter-spacing:-.04em}

/* ---------- Kategoriler şeridi ---------- */
.eet-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.eet-cats a{padding:.5em 1.05em;border-radius:999px;border:1px solid var(--line);font-weight:700;font-size:.88rem;color:#475569;background:#fff}
.eet-cats a:hover{border-color:var(--p);color:var(--p)}
.eet-cats a.is-on{background:var(--p);border-color:var(--p);color:#fff}

/* ---------- Yorumlar ---------- */
.eet-comments{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}
.eet-comments h2{font-size:1.4rem;color:var(--p)}
.eet-comments ol{list-style:none;padding:0;margin:0 0 32px}
.eet-comments ol ol{padding-left:28px}
.eet-comments .comment-body{padding:18px 20px;border:1px solid var(--line);border-radius:16px;margin-bottom:14px;background:#fff}
.eet-comments .comment-meta{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--mut);margin-bottom:8px}
.eet-comments .comment-meta img{border-radius:50%}
.eet-comments .fn{font-style:normal;font-weight:700;color:var(--p)}
.eet-comments .comment-metadata a{color:var(--mut)}
.eet-comments .reply a{font-size:.84rem;font-weight:700;color:var(--p)}
.eet-comments .bypostauthor>.comment-body{border-color:var(--a)}
.comment-form{display:grid;gap:12px}
.comment-form label{display:block;font-weight:700;font-size:.85rem;margin-bottom:4px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;font:inherit;padding:.75em .9em;border:1.5px solid var(--line);border-radius:12px}
.comment-form .submit{background:var(--a);color:var(--p);border:0;font:inherit;font-weight:700;padding:.85em 1.4em;border-radius:12px;cursor:pointer}
.comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start;font-size:.85rem}

/* ---------- Eklenti yokken yedek üst/alt ---------- */
.eet-fb-head{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.eet-fb-head .eep-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.eet-fb-brand{font-weight:800;font-size:1.15rem;color:var(--p);display:flex;align-items:center;gap:10px}
.eet-fb-brand img{max-height:48px;width:auto}
.eet-fb-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}
.eet-fb-nav a{display:block;padding:.55em .8em;border-radius:10px;font-weight:600;color:#334155}
.eet-fb-nav a:hover,.eet-fb-nav .current-menu-item>a{background:var(--bg);color:var(--p)}
.eet-fb-nav ul ul{display:none}
.eet-fb-foot{background:var(--p);color:rgba(255,255,255,.7);padding:32px 0;font-size:.9rem;text-align:center}
.eet-fb-hero{background:var(--p);color:#fff;padding:56px 0}
.eet-fb-hero h1{margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}

/* ---------- Duyarlı ---------- */
@media (max-width:1100px){
 .eet-layout{grid-template-columns:1fr}
 .eet-side{position:static}
 .eet-content .alignwide{margin-inline:0}
}
@media (max-width:760px){
 .eet-featured{grid-template-columns:1fr}
 .eet-featured .eet-post-img{min-height:220px}
 .eet-featured .eet-post-body{padding:24px}
 .eet-featured h2{font-size:1.3rem}
 .eet-pn{grid-template-columns:1fr}
 .eet-pn .is-next{text-align:left}
 .eet-cover{margin-top:-24px}
 .eet-content .alignleft,.eet-content .alignright{float:none;margin:0 0 1em;max-width:100%}
 .eet-fb-nav{width:100%;overflow-x:auto}
 .eet-fb-nav ul{flex-wrap:nowrap}
 .eet-fb-head .eep-wrap{flex-wrap:wrap;padding:10px 0}
}