/*
Theme Name: PulinGO Help
Description: PulinGO help.pulingo.com için hafif tema (header/footer/home dahili)
Author: PulinGO
Version: 1.0.3
*/

/* ==========================================================================
   1. GENEL AYARLAR VE DEĞİŞKENLER
   ========================================================================== */
:root {
  --brand: #F23E5B;
  --brand-dark: #03148C;
  --text: #111;
  --muted: #6b7280;
  --bg: #fff;
  --bg-soft: #f7f8fb;
  --radius: 16px;
  /* Hero Renkleri */
  --pg-red: #F23E5B;
  --pg-blue: #03148C;
  --pg-light: #F3F8FF;
}

html, body {
  margin: 0; padding: 0; color: var(--text); background: var(--bg);
}
body, button, input, select, textarea {
  font-family: 'Lato', sans-serif;
}
* { box-sizing: border-box; }
a { color: var(--brand-dark); text-decoration: none; }
a:hover { opacity: .9; }

/* ==========================================================================
   2. HEADER'A AİT HERO VE ARAMA BÖLÜMÜ STİLLERİ
   ========================================================================== */

/* Hero Kapsayıcısı */
#hc-hero {
  background: var(--pg-blue);
  color: #fff;
  padding: 40px 16px 50px;
  text-align: center;
}
#hc-hero h1 {
  margin: 0 0 10px;
  font-weight: 900;
  color: #fff !important;
  font-size: clamp(28px, 4vw, 38px);
}
#hc-hero p {
  margin: 0 0 20px;
  opacity: .95;
  font-size: 16px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* Premium Arama Formu */
#hc-hero .pkb-search-wrap {
    margin: 0 auto;
    max-width: 740px;
    width: 100%;
}
#hc-hero .pkb-search-input-wrap {
    position: relative; display: flex; align-items: center;
    background: #fff; border: 2px solid #fff; border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
    transition: all 0.25s ease-in-out;
}
#hc-hero .pkb-search-input-wrap:focus-within {
    border-color: var(--pg-blue);
    box-shadow: 0 0 0 4px rgba(3, 20, 140, 0.15);
}
#hc-hero .pkb-search-icon {
    position: absolute; left: 18px; top: 50%;
    transform: translateY(-50%); color: #9ca3af;
    pointer-events: none; display: flex; align-items: center;
}
#hc-hero .pkb-search-icon svg{ width: 20px; height: 20px; }
#hc-hero .pkb-search-field {
    width: 100%; height: 50px; padding: 10px 20px 10px 50px;
    font-size: 15px; color: #111;
    border: none !important; background: transparent !important;
    box-shadow: none !important; outline: none !important;
    border-radius: 12px;
}
#hc-hero .pkb-search-field::placeholder { color: #9ca3af; opacity: 1; }
#hc-hero .pkb-search-results-container {
    max-width: 728px; top: calc(100% + 8px); text-align: left;
}

/* Konu Başlıkları (Topics) */
#hc-topics {
  background: var(--pg-light);
  border-radius: 20px;
  padding: 42px 20px;
  margin: -40px auto 40px;
  max-width: 1100px;
  width: calc(100% - 32px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .06);
  text-align: center;
  position: relative;
  z-index: 2;
}
#hc-topics h2{margin:0 0 8px;font-size:28px;font-weight:800;color:var(--pg-blue)}
#hc-topics p{margin:0 0 32px;color:#111;font-size:16px}
#hc-topics p a{color:var(--pg-red);font-weight:600;text-decoration:underline}
.hc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;justify-items:center}
.hc-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;cursor:pointer;text-decoration:none;outline:none}
.hc-item{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;width:88px;height:88px;box-shadow:0 8px 18px rgba(0,0,0,.08);transition:transform .25s ease,background .25s ease,box-shadow .25s ease;will-change:transform}
.hc-item img{width:34px;height:34px;transition:filter .25s ease}
#hc-topics .hc-wrap span{font-weight:800;font-size:15px;color:var(--pg-red);transition:color .25s ease}
#hc-topics .hc-wrap:hover span,#hc-topics .hc-wrap:focus-visible span{color:var(--pg-blue)}
.hc-wrap:hover .hc-item,.hc-wrap:focus-visible .hc-item{transform:translateY(-6px);background:var(--pg-blue);box-shadow:0 12px 24px rgba(3,20,140,.25)}
.hc-wrap:hover .hc-item img,.hc-wrap:focus-visible .hc-item img{filter:brightness(0) invert(1)}
@media(max-width:640px){.hc-grid{grid-template-columns:repeat(2,1fr);gap:20px}.hc-item{width:80px;height:80px}.hc-item img{width:28px;height:28px}.hc-wrap span{font-size:14px}}

/* ==========================================================================
   3. ANA İÇERİK ALANI STİLLERİ
   ========================================================================== */
#pulingo-theme-content .container {
  max-width: 1200px; margin: 0 auto; padding: 0 20px;
}
/* İç sayfa içerik stilleri buraya eklenebilir */


/* ==========================================================================
   4. FOOTER BÖLÜMÜ STİLLERİ
   ========================================================================== */
:root {
    --icon-size: 40px;
    --title-max: 25px;
    --card-title-max: 15px;
    --text: 13px;
}

/* Row 1: Why Shop */
.pg-whyshop { background: #FFDCD3; padding: 28px 16px 32px; }
.pg-whyshop__inner { max-width: 1375px; margin: 0 auto; text-align: center; color: #111; }
.pg-whyshop h2 { font-size: clamp(20px, 2.2vw, var(--title-max)); font-weight: 800; line-height: 1.15; margin: 0 0 6px; }
.pg-whyshop__lead { max-width: 860px; margin: 0 auto 20px; font-size: clamp(12.5px, 1.4vw, 14px); line-height: 1.55; font-weight: 600; color: #1a1a1a; }
.pg-whyshop__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; }
.pg-whyshop__card { padding: 4px 6px; }
.pg-whyshop__icon { width: var(--icon-size); height: var(--icon-size); aspect-ratio: 1/1; object-fit: contain; display: block; margin: 0 auto 10px; }
.pg-whyshop__card h3 { font-size: clamp(14px, 1.8vw, var(--card-title-max)); font-weight: 800; line-height: 1.25; margin: 0 0 6px; }
.pg-whyshop__card p { font-size: var(--text); line-height: 1.55; max-width: 420px; margin: 0 auto; color: #2f2f2f; }

/* Row 2: Confidence */
.pg-confidence { background: #F1F1F1; padding: 28px 16px 32px; }
.pg-confidence__inner { max-width: 1375px; margin: 0 auto; text-align: center; color: #111; }
.pg-confidence h2 { font-size: clamp(20px, 2.2vw, var(--title-max)); font-weight: 800; line-height: 1.15; margin: 0 0 6px; }
.pg-confidence__lead { max-width: 880px; margin: 0 auto 20px; font-size: clamp(12.5px, 1.4vw, 14px); line-height: 1.55; font-weight: 600; color: #1a1a1a; }
.pg-confidence__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; }
.pg-confidence__card { padding: 4px 6px; }
.pg-confidence__icon { width: var(--icon-size); height: var(--icon-size); aspect-ratio: 1/1; object-fit: contain; display: block; margin: 0 auto 10px; }
.pg-confidence__card h3 { font-size: clamp(14px, 1.8vw, var(--card-title-max)); font-weight: 800; line-height: 1.25; margin: 0 0 6px; }
.pg-confidence__card p { font-size: var(--text); line-height: 1.55; max-width: 420px; margin: 0 auto; color: #2f2f2f; }

@media (max-width: 900px) {
    .pg-whyshop__inner, .pg-confidence__inner { text-align: center; overflow: hidden; }
    .pg-whyshop__grid, .pg-confidence__grid { display: flex; gap: 0; padding: 0; width: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
    .pg-whyshop__card, .pg-confidence__card { flex: 0 0 100%; max-width: 100%; scroll-snap-align: center; scroll-snap-stop: always; padding: 16px 18px; text-align: center; }
    .pg-whyshop__icon, .pg-confidence__icon { width: 36px; height: 36px; margin-bottom: 8px; }
    .pg-whyshop__grid, .pg-confidence__grid { scrollbar-width: none; -ms-overflow-style: none; }
    .pg-whyshop__grid::-webkit-scrollbar, .pg-confidence__grid::-webkit-scrollbar { display: none; }
}

/* Row 3: Main Footer */
.pg-footer3 { background: #F1F1F1; color: #111; }
.pg-footer3__divider { height: 1px; background: rgba(0, 0, 0, .12); width: 100%; }
.pg-footer3__inner { max-width: 1375px; margin: 0 auto; padding: 28px 16px 24px; display: grid; grid-template-columns: 1.3fr 1.3fr 1.7fr 1.7fr; gap: 26px; align-items: start; border-bottom: 1px solid rgba(0, 0, 0, .12); }
.pg-footer3__col { padding: 0 18px; border-right: 1px solid rgba(0, 0, 0, .12); }
.pg-footer3__col:last-child { border-right: none; }
.pg-menu-title { font-weight: 800; letter-spacing: .3px; font-size: 16px; margin: 0 0 10px; }
.pg-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; font-size: 14px; }
.pg-list a { color: #111; text-decoration: none; }
.pg-list a:hover { text-decoration: underline; }
.pg-footer3__col--center { text-align: center; }
.pg-news__title { font-size: 16px; margin: 0 0 10px; text-transform: uppercase; font-weight: 800; letter-spacing: .3px; }
.pg-news__lead { font-size: 13px; line-height: 1.6; color: #333; margin: 0 auto 14px; max-width: 520px; }
.pg-news__form { display: grid; grid-template-columns: 1fr auto; gap: 0; max-width: 520px; margin: 0 auto 14px; border: 1px solid #d6d6d6; background: #fff; }
.pg-news__form input { padding: 12px 14px; border: 0; background: #fff; font-size: 14px; outline: none; }
.pg-news__form button { padding: 12px 18px; border: 0; background: #111; color: #fff; font-weight: 700; font-size: 14px; cursor: pointer; }
.pg-news__form button:hover { opacity: .9; }
.pg-social { display: flex; gap: 18px; justify-content: center; align-items: center; }
.pg-social img { width: 22px; height: 22px; display: block; }
.pg-footer3__col--app .pg-app { text-align: left; }
.pg-app__logo { width: 72px; height: 72px; object-fit: contain; border-radius: 14px; margin-bottom: 10px; background: #fff; }
.pg-app__title { font-size: 18px; margin: 0 0 6px; font-weight: 800; }
.pg-app__title span { color: #e5385e; }
.pg-app__note { font-size: 12px; color: #666; margin: 0 0 14px; }
.pg-app__cta { font-weight: 800; margin: 0 0 8px; }
.pg-app__stores { display: flex; gap: 12px; align-items: center; }
.pg-app__stores img { height: 42px; display: block; }
.pg-pay { background: #F23B56; color: #fff; text-align: center; padding: 16px 12px 18px; }
.pg-pay__row { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; align-items: center; margin-bottom: 8px; }
.pg-pay__row img { height: 28px; display: block; }
.pg-pay__copy { font-size: 12px; opacity: .95; margin: 0; }
.pg-menu-mobile { display: none !important; }
.pg-menu-desktop { display: block !important; }

@media (max-width: 980px) {
    .pg-footer3__inner { grid-template-columns: 1fr; gap: 0; }
    .pg-footer3__col { border-right: none; border-bottom: 1px solid rgba(0, 0, 0, .12); padding: 16px 12px; }
    .pg-menu-desktop { display: none !important; }
    .pg-menu-mobile { display: block !important; }
    .pg-acc__title { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 0; cursor: pointer; user-select: none; font-weight: 800; letter-spacing: .3px; font-size: 16px; }
    .pg-acc__title::-webkit-details-marker { display: none; }
    .pg-acc__title::after { content: ""; width: 10px; height: 10px; border-right: 2px solid #111; border-bottom: 2px solid #111; transform: rotate(-45deg); transition: transform .25s ease, opacity .2s ease; opacity: .8; flex: 0 0 auto; }
    .pg-acc[open] .pg-acc__title::after { transform: rotate(135deg); }
    .pg-acc .pg-list { max-height: 0; overflow: hidden; opacity: 0; transition: max-height .35s ease, opacity .25s ease, padding .25s ease; padding-top: 0; }
    .pg-acc[open] .pg-list { max-height: 900px; opacity: 1; padding-top: 6px; }
    .pg-footer3__col--center, .pg-footer3__col--app { text-align: center; }
    .pg-footer3__col--app .pg-app { text-align: center; }
    .pg-app__stores { justify-content: center; }
    .pg-news__form { grid-template-columns: 1fr; }
    .pg-news__form button { width: 100%; }
}

/* Mobil Alt Navigasyon Barı */
:root {
    --pg-nav-h: 56px; --pg-nav-bg: #fff; --pg-nav-bd: #e5e7eb;
    --pg-nav-txt: #03148C; --pg-nav-accent: #F23E5B;
}
.pg-bottom-nav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; height: var(--pg-nav-h); background: var(--pg-nav-bg); border-top: 1px solid var(--pg-nav-bd); display: flex; justify-content: space-around; align-items: center; padding-bottom: max(env(safe-area-inset-bottom), 0px); box-shadow: 0 -2px 10px rgba(0,0,0,0.05); }
.pg-bottom-nav .pg-item { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; font: 600 11px/1.1 'Lato', sans-serif; color: var(--pg-nav-txt); text-decoration: none; padding: 6px 0 4px; }
.pg-bottom-nav .pg-item svg { width: 22px; height: 22px; fill: currentColor; }
.pg-bottom-nav .pg-item:active { transform: translateY(1px); }
.pg-bottom-nav .pg-item.active, .pg-bottom-nav .pg-item:hover { color: var(--pg-nav-accent); }
body { padding-bottom: calc(var(--pg-nav-h) + max(env(safe-area-inset-bottom), 0px)); }

@media (min-width: 768px) {
    .pg-bottom-nav { display: none; }
    body { padding-bottom: 0; }
}
.pg-bottom-nav .pg-ico-search { fill: none !important; stroke: currentColor !important; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }