/*
Theme Name: Personel Hub
Theme URI: https://example.com/personel-hub
Author: Personel Hub
Author URI: https://example.com
Description: Cok sektorlu personel tedarik platformu icin ozel tema. Personel Hub Core eklentisi ile birlikte calisir. Spa otel, bakim, restoran, temizlik, bahce gibi tum sektorlere uygun cok yonlu personel akisi sunar. WooCommerce kullanmaz.
Version: 1.0.0
Text Domain: personel-hub
Requires PHP: 7.4
Tags: business, recruitment, staffing
*/

/* Temel reset */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.6; color: #1e293b; background: #f8fafc; }
img { max-width: 100%; height: auto; display: block; }
a { color: #3b82f6; text-decoration: none; }
a:hover { color: #2563eb; }
h1, h2, h3, h4, h5, h6 { color: #0f172a; line-height: 1.3; }
.alignleft { float: left; margin-right: 16px; }
.alignright { float: right; margin-left: 16px; }
.aligncenter { display: block; margin: 0 auto; }
.screen-reader-text { position: absolute; left: -9999px; }

/* Site header */
.site-header { background: #fff; border-bottom: 1px solid #e2e8f0; position: sticky; top: 0; z-index: 50; }
.header-inner { max-width: 1200px; margin: 0 auto; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.site-branding { flex-shrink: 0; }
.site-title { margin: 0; font-size: 22px; font-weight: 800; }
.site-title a { color: #0f172a; text-decoration: none; display: flex; align-items: center; gap: 8px; }
.site-title a::before { content: ''; width: 32px; height: 32px; background: linear-gradient(135deg, #3b82f6, #8b5cf6); border-radius: 8px; display: inline-block; }
.site-tagline { font-size: 12px; color: #64748b; margin: 0; }

/* Main nav */
.main-navigation { display: flex; align-items: center; gap: 8px; }
.main-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; }
.main-navigation li { position: relative; }
.main-navigation a { display: block; padding: 8px 14px; color: #334155; text-decoration: none; border-radius: 8px; font-weight: 500; font-size: 14px; }
.main-navigation a:hover { background: #f1f5f9; color: #3b82f6; }
.main-navigation .current-menu-item > a { color: #3b82f6; }

/* Mobile toggle */
.menu-toggle { display: none; background: none; border: 0; padding: 8px; cursor: pointer; }
.menu-toggle span { display: block; width: 24px; height: 2px; background: #1e293b; margin: 5px 0; transition: all .2s; }

@media (max-width: 900px) {
    .menu-toggle { display: block; }
    .main-navigation ul.primary-menu { display: none; position: absolute; left: 0; right: 0; top: 100%; background: #fff; flex-direction: column; padding: 12px; border-top: 1px solid #e2e8f0; box-shadow: 0 4px 12px rgba(0,0,0,.05); gap: 0; }
    .main-navigation.toggled ul.primary-menu { display: flex; }
    .main-navigation ul.primary-menu li { width: 100%; }
    .main-navigation ul.primary-menu a { width: 100%; }
}

/* Footer */
.site-footer { background: #0f172a; color: #cbd5e1; padding: 50px 20px 20px; margin-top: 60px; }
.footer-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; }
@media (max-width: 800px) { .footer-inner { grid-template-columns: 1fr 1fr; } }
@media (max-width: 500px) { .footer-inner { grid-template-columns: 1fr; } }
.site-footer h4 { color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 16px; }
.site-footer a { color: #cbd5e1; text-decoration: none; }
.site-footer a:hover { color: #fff; }
.site-footer ul { list-style: none; padding: 0; margin: 0; }
.site-footer ul li { margin-bottom: 8px; font-size: 14px; }
.footer-bottom { max-width: 1200px; margin: 30px auto 0; padding-top: 20px; border-top: 1px solid #334155; text-align: center; font-size: 13px; color: #64748b; }
.footer-contact-row { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-size: 14px; }

/* Site main */
.site-main { min-height: 60vh; }

/* Sayfa basligi */
.page-header { background: #fff; border-bottom: 1px solid #e2e8f0; padding: 40px 20px; text-align: center; margin-bottom: 30px; }
.page-header h1 { margin: 0 0 10px; font-size: 32px; }
.page-header p { margin: 0; color: #64748b; font-size: 16px; }

/* Icerik sarmalayici */
.entry-content { max-width: 1200px; margin: 0 auto; padding: 0 20px 40px; }
.entry-content > p { line-height: 1.7; margin-bottom: 16px; }

/* Sayfalama */
.phc-pagination { display: flex; justify-content: center; gap: 6px; margin: 30px 0; flex-wrap: wrap; }
.phc-pagination a, .phc-pagination span { display: inline-block; padding: 8px 14px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; color: #475569; text-decoration: none; font-size: 14px; font-weight: 600; }
.phc-pagination a:hover { background: #f1f5f9; color: #3b82f6; }
.phc-pagination .current { background: #3b82f6; color: #fff; border-color: #3b82f6; }

/* ============================================================
 * V2 — Front Page East Asian Theme + Yeni Bölümler
 * ============================================================ */

/* HERO — Asya temalı */
.phc-hero-asia {
    position: relative;
    min-height: 560px;
    padding: 100px 20px 80px;
    background:
        linear-gradient(135deg, rgba(15,23,42,.78) 0%, rgba(120,53,15,.45) 50%, rgba(184,134,11,.55) 100%),
        url('https://images.unsplash.com/photo-1528360983277-13d401cdc186?w=1920&q=85') center/cover no-repeat;
    color: #fff;
    text-align: center;
    overflow: hidden;
}
.phc-hero-asia::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(ellipse at top right, rgba(251,191,36,.15), transparent 60%);
    pointer-events: none;
}
.phc-hero-content { position: relative; max-width: 900px; margin: 0 auto; }
.phc-hero-eyebrow {
    display: inline-block;
    padding: 6px 18px;
    background: rgba(251,191,36,.15);
    border: 1px solid rgba(251,191,36,.4);
    border-radius: 20px;
    color: #fbbf24;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.phc-hero-asia h1 { font-size: 52px; line-height: 1.15; margin: 0 0 20px; font-weight: 700; }
.phc-hero-asia p { font-size: 19px; line-height: 1.6; opacity: .95; max-width: 720px; margin: 0 auto 30px; }
.phc-hero-cta { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.phc-btn-ghost { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.7); }
.phc-btn-ghost:hover { background: rgba(255,255,255,.15); color: #fff; }
@media (max-width: 720px) { .phc-hero-asia h1 { font-size: 32px; } .phc-hero-asia p { font-size: 16px; } }

/* İstatistik bar */
.phc-stats-bar { background: #0f172a; color: #fff; padding: 30px 20px; }
.phc-stats-bar-inner {
    max-width: 1100px; margin: 0 auto;
    display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 20px;
    text-align: center;
}
.phc-stat-item { display: flex; flex-direction: column; gap: 4px; }
.phc-stat-big { font-size: 36px; font-weight: 700; color: #fbbf24; line-height: 1; }
.phc-stat-big small { font-size: 14px; opacity: .7; }
.phc-stat-item span:last-child { font-size: 13px; opacity: .8; text-transform: uppercase; letter-spacing: 1px; }

/* Sektör kartları */
.phc-sector-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    max-width: 1200px; margin: 0 auto; padding: 0 20px;
}
.phc-sector-card {
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 50px 25px;
    border-radius: 12px;
    min-height: 220px;
    display: flex; flex-direction: column; justify-content: flex-end;
    transition: transform .3s, box-shadow .3s;
    cursor: pointer;
}
.phc-sector-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0,0,0,.2); }
.phc-sector-icon { font-size: 42px; margin-bottom: 10px; }
.phc-sector-card h3 { margin: 0 0 6px; font-size: 22px; color: #fff; }
.phc-sector-card p { margin: 0; opacity: .9; font-size: 14px; }

/* Nasıl çalışır */
.phc-how-section {
    background: linear-gradient(135deg, #0f172a, #1e293b);
    color: #fff;
    padding: 70px 20px;
    position: relative;
}
.phc-how-section .phc-section-head h2 { color: #fff; }
.phc-how-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 30px;
    max-width: 1100px; margin: 40px auto 0; padding: 0 20px;
}
.phc-how-step { text-align: center; position: relative; }
.phc-how-num {
    font-size: 56px; font-weight: 700;
    background: linear-gradient(135deg, #b8860b, #fbbf24);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text; color: transparent;
    line-height: 1; margin-bottom: 10px;
}
.phc-how-step h3 { color: #fbbf24; margin: 0 0 8px; font-size: 18px; }
.phc-how-step p { opacity: .85; line-height: 1.6; font-size: 14px; }

/* Çift CTA */
.phc-dual-cta {
    display: grid; grid-template-columns: 1fr 1fr; gap: 0;
    margin: 60px 0 0;
}
.phc-dual-card { padding: 50px 30px; text-align: center; color: #fff; }
.phc-dual-card h3 { margin: 0 0 10px; font-size: 26px; }
.phc-dual-card p { opacity: .92; margin: 0 0 20px; }
.phc-dual-employer { background: linear-gradient(135deg, #0f172a, #1e293b); }
.phc-dual-worker { background: linear-gradient(135deg, #b8860b, #92400e); }
.phc-dual-card .phc-btn { background: #fff; color: #0f172a; }
.phc-dual-card .phc-btn:hover { background: #fbbf24; color: #0f172a; }
@media (max-width: 720px) { .phc-dual-cta { grid-template-columns: 1fr; } }

/* Menu CTA item */
.phc-menu-cta a {
    background: linear-gradient(135deg, #b8860b, #d4a647);
    color: #fff !important;
    padding: 8px 14px !important;
    border-radius: 6px;
    font-weight: 600;
}
.phc-menu-cta a:hover { transform: translateY(-1px); }

/* ============================================================
 * V2.1 — CSS Düzeltmeleri (görsellerden tespit edilen sorunlar)
 * ============================================================ */

/* Sektör kartları — overlay daha hafif, resimler görünsün */
.phc-sector-card {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
.phc-sector-card::before {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(15,23,42,.25) 0%, rgba(15,23,42,.85) 100%);
    z-index: -1;
    transition: background .3s;
}
.phc-sector-card:hover::before {
    background: linear-gradient(180deg, rgba(15,23,42,.2) 0%, rgba(184,134,11,.8) 100%);
}
.phc-sector-card { background-blend-mode: normal; }
.phc-sector-card h3, .phc-sector-card p { text-shadow: 0 1px 4px rgba(0,0,0,.5); }

/* Hizmetler sayfası kartları için aynı düzeltme */
.phc-service-card { background: #fff; }

/* "Neden Biz?" kartları — beyaz arka plan zorla */
.phc-cat-grid .phc-card {
    background: #fff !important;
    border: 1px solid #eef0f3;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,.05);
    transition: transform .25s, box-shadow .25s;
}
.phc-cat-grid .phc-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0,0,0,.08);
}
.phc-cat-grid .phc-card h3 {
    color: #0f172a;
    font-size: 16px;
    margin: 10px 0 6px;
}
.phc-cat-grid .phc-card p {
    color: #64748b;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

/* ÇİFT CTA — yazılar mutlaka beyaz olmalı (en kritik düzeltme) */
.phc-dual-cta { gap: 0; }
.phc-dual-card,
.phc-dual-card h2,
.phc-dual-card h3,
.phc-dual-card h4,
.phc-dual-card p,
.phc-dual-card span {
    color: #ffffff !important;
}
.phc-dual-card h3 {
    color: #fbbf24 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin: 0 0 12px !important;
}
.phc-dual-employer h3 { color: #fbbf24 !important; }
.phc-dual-worker h3 { color: #ffffff !important; }
.phc-dual-card p {
    font-size: 16px !important;
    opacity: .92;
    line-height: 1.6;
    margin: 0 0 25px !important;
    max-width: 380px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.phc-dual-card .phc-btn {
    display: inline-block;
    background: #ffffff !important;
    color: #0f172a !important;
    padding: 12px 32px !important;
    border-radius: 6px !important;
    font-weight: 600;
    text-decoration: none;
    border: 2px solid #ffffff;
    transition: transform .2s, background .2s;
}
.phc-dual-card .phc-btn:hover {
    background: #fbbf24 !important;
    color: #0f172a !important;
    border-color: #fbbf24;
    transform: translateY(-2px);
}
.phc-dual-employer { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); }
.phc-dual-worker { background: linear-gradient(135deg, #b8860b 0%, #92400e 100%); }
.phc-dual-card { padding: 60px 30px !important; }

/* Empty state — büyük boş alanları kompakt yap */
.phc-section .phc-empty,
.phc-wrap > p:only-child {
    text-align: center;
    padding: 30px 20px !important;
    color: #94a3b8;
    background: #f8fafc;
    border-radius: 10px;
    margin: 20px auto;
    max-width: 600px;
    font-style: italic;
}

/* WP loop "no posts" / boş arşiv mesajı düzelt */
.phc-personel-grid:empty,
.phc-cat-list:empty { display: none; }
.phc-personel-grid + p,
.phc-cat-list + p {
    text-align: center;
    color: #94a3b8;
    font-style: italic;
    padding: 30px 20px;
    background: #f8fafc;
    border-radius: 10px;
    margin: 20px auto;
    max-width: 600px;
}

/* "Bu kriterlere uyan personel bulunamadı" mesajının absolutluk sorunu */
.phc-no-results,
.phc-section p:not([class]) {
    position: relative !important;
    margin: 0 auto !important;
}

/* Eğer bölüm tamamen boşsa, padding'i azalt */
.phc-section:has(.phc-personel-grid:empty),
.phc-section:has(.phc-cat-list:empty) {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Nasıl Çalışır section — daha geniş ve dengeli */
.phc-how-section {
    margin: 0;
    padding: 80px 20px !important;
}
.phc-how-grid {
    max-width: 1200px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}
.phc-how-num {
    font-size: 64px !important;
    line-height: 1 !important;
}

/* Sayfa Hero başlıkları - tarayıcı theme override'ı için */
.phc-page-hero h1 { color: #fff !important; }
.phc-page-hero p  { color: rgba(255,255,255,.95) !important; }

/* Hizmetler & Hakkımızda iç bölümler için padding düzeltmesi */
.phc-services-grid + .phc-section,
.phc-page-hero + .phc-services-grid { margin-top: 40px; }

/* Müşteri panel başlıklarını da güçlendir */
.phc-dash-main h2, .phc-main h2 {
    color: #0f172a;
}

/* Mobil */
@media (max-width: 720px) {
    .phc-dual-cta { grid-template-columns: 1fr; }
    .phc-dual-card { padding: 40px 20px !important; }
    .phc-dual-card h3 { font-size: 22px !important; }
    .phc-sector-card { min-height: 180px; padding: 35px 20px; }
    .phc-stats-bar-inner { grid-template-columns: repeat(2, 1fr); }
}

/* Section başlıkları arası uyum */
.phc-section-head h2 { color: #0f172a; }
.phc-section-head p { color: #64748b; }

/* "Bu kriterlere uyan personel bulunamadı" sol-üst yapışan metin için global fix */
body .phc-section {
    position: relative;
    overflow: hidden;
}
body .phc-section > p {
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ============================================================
 * V2.2 — ORTALAMA DÜZELTMESİ (plugin CSS'in üzerine yaz)
 * Bölümler sayfanın çok solunda kalıyordu — !important ile zorla
 * ============================================================ */

body { overflow-x: hidden; }

/* Tüm section'lar ortalı ve max-width 1200 */
.phc-section,
section.phc-section {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
}

/* Section başlığı ortalı */
.phc-section-head {
    text-align: center !important;
    max-width: 700px;
    margin: 0 auto 40px !important;
}

/* İçerideki wrap, grid'ler de ortalı */
.phc-wrap,
.phc-cat-grid,
.phc-grid,
.phc-sector-grid,
.phc-services-grid,
.phc-stats-bar-inner,
.phc-how-grid {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

/* TAM GENİŞLİK olması gerekenler (kenardan kenara renkli zemin) */
.phc-hero,
.phc-hero-asia,
.phc-stats-bar,
.phc-how-section,
.phc-dual-cta,
.phc-page-hero {
    max-width: 100% !important;
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* Bu tam genişlik bölümlerin İÇERİĞİ ortalı kalmalı */
.phc-hero-content,
.phc-stats-bar-inner,
.phc-how-grid {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.phc-how-section {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

/* Çift CTA içeriği de ortalı */
.phc-dual-card {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center !important;
    padding: 60px 30px !important;
}