/*
Theme Name: Googsi Download
Theme URI: https://googsi.com
Author: Googsi (Kadir Karabulut)
Description: Bootstrap 5 ile Download Teması
Version: 1.0.0
Text Domain: Googsi.com
*/

:root{
  --brand:#16a085;
  --brand-dark:#0e6e5c;
  --ink:#1f2937;
  --muted:#6b7280;
  --bg-soft:#f4f7fb;
  --chip:#ecfdf5;
  --chip-text:#065f46;
  --card-br:1.2rem;
}
body{ color:var(--ink); background:#fff; }
.app-navbar{ border-bottom:1px solid rgba(0,0,0,.05); backdrop-filter:saturate(140%) blur(8px); }
.brand-badge{ width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg, var(--brand), #1abc9c);display:grid;place-items:center;color:#fff;font-weight:700; }

.hero{
  background: radial-gradient(1000px 400px at 10% -10%, #1abc9c33, transparent 60%),
              radial-gradient(1200px 500px at 100% -20%, #0ea5e933, transparent 60%),
              linear-gradient(180deg, #0b1722, #0e2435 55%, #0e2435);
  color:#eaf4ff; padding:80px 0 56px; position:relative; overflow:hidden;
}
.hero h1{ font-weight:800; line-height:1.15; letter-spacing:.2px; }
.search-wrap{ background:#fff;border-radius:999px;padding:8px 12px;box-shadow:0 10px 30px rgba(17, 24, 39, .25); }
.search-input{ border:0;box-shadow:none;outline:none;height:52px;font-size:1rem;color:#111827; }
.search-input::placeholder{ color:#9ca3af; }
.search-btn{ border-radius:999px;padding:.75rem 1.1rem;background:var(--brand);border:0; }
.search-btn:hover{ background:var(--brand-dark); }

.chips .chip{
  background:var(--chip); color:var(--chip-text);
  border:1px solid #a7f3d0; padding:.5rem .8rem; border-radius:999px;
  font-weight:600; font-size:.95rem; transition:all .2s ease;
}
.chips .chip:hover{ transform:translateY(-2px); box-shadow:0 6px 14px rgba(22,160,133,.2); }

.section-title{ font-weight:800; letter-spacing:.2px; margin-bottom:1rem; }
.section-sub{ color:var(--muted); }

.scroll-x{ overflow-x:auto; overflow-y:hidden; white-space:nowrap; scrollbar-width:thin; -webkit-overflow-scrolling:touch; }
.scroll-x .app-card{ display:inline-block; width:180px; margin-right:14px; }
.app-card .thumb{ background:#f3f4f6;border-radius:var(--card-br); height:120px; display:grid; place-items:center; border:1px solid #eef2f7; }
.app-card .title{ font-weight:700; margin:.6rem 0 .15rem; }
.app-card .meta{ color:var(--muted); font-size:.9rem; }

.downloads-table{ border:1px solid #eef2f7; border-radius:1rem; overflow:hidden; background:#fff; }
.downloads-table .row-head{ background:var(--bg-soft); font-weight:700; color:#374151; border-bottom:1px solid #eef2f7; }
.dl-row{ border-bottom:1px solid #f0f3f7; align-items:center; }
.dl-row:last-child{ border-bottom:0; }
.dl-app{ display:flex; gap:.75rem; align-items:center; font-weight:600; }
.dl-badge{ background:#f3f4f6;border:1px solid #e5e7eb; width:42px;height:42px;border-radius:10px;display:grid;place-items:center; }
.dl-actions .btn{ border-radius:.75rem; }

.cat-card{ border:1px solid #eef2f7;border-radius:1rem;padding:1rem;background:#fff; transition:transform .2s ease, box-shadow .2s ease; height:100%; }
.cat-card:hover{ transform:translateY(-3px); box-shadow:0 12px 26px rgba(15,23,42,.07); }
.cat-ico{ width:40px;height:40px;border-radius:10px;background:#ecfeff;display:grid;place-items:center;margin-right:.6rem; border:1px solid #bae6fd; }
.cat-title{ font-weight:700; }
.grid-cards .card{ border-radius:1rem; border:1px solid #eef2f7; }
.grid-cards .card .thumb{ height:140px;border-bottom:1px solid #eef2f7;border-top-left-radius:1rem;border-top-right-radius:1rem; }

.app-footer{ background:linear-gradient(180deg,#0e2435,#091521); color:#c8d2dc; padding:56px 0 24px; margin-top:56px; }
.footer-title{ font-weight:800; color:#e5eef7; font-size:1.05rem; }
.tiny{ color:#9aa7b3; font-size:.92rem; }
.badge-outline{ border:1px solid #d1fae5; color:#065f46; background:#ecfdf5; font-weight:600; }

@media (max-width: 575.98px){
  .hero{ padding:64px 0 42px; }
  .app-card{ width:152px; }
}



/* ==== HEADER (Softonic tarzı) ==== */
.soft-header{
  height:64px; background:#fff; border-bottom:1px solid rgba(0,0,0,.06);
  position:sticky; top:0; z-index:1030;
}
.soft-header .container{ height:64px; display:flex; align-items:center; justify-content:space-between; }
.soft-header .left, .soft-header .right{ display:flex; align-items:center; gap:18px; }
.hamburger{
  width:36px;height:36px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;
  display:grid;place-items:center; cursor:pointer;
}
.hamburger .bar{ width:18px; height:2px; background:#374151; position:relative; }
.hamburger .bar::before,.hamburger .bar::after{
  content:""; position:absolute; left:0; right:0; height:2px; background:#374151;
}
.hamburger .bar::before{ top:-6px } .hamburger .bar::after{ top:6px }

.soft-logo{ display:flex; align-items:center; gap:10px; text-decoration:none; }
.soft-logo .glyph{
  width:28px;height:28px;border-radius:8px; background:
    linear-gradient(135deg,#14b8a6,#22c55e);
  transform:rotate(45deg);
}
.soft-logo span{ font-weight:700; color:#334155; font-size:1.15rem; }

.menu-right a{
  display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:10px;
  color:#1f2937; text-decoration:none; font-weight:600;
}
.menu-right a:hover{ background:#f4f7fb; }

/* ==== HERO (görseldeki gibi) ==== */
.hero-softonic{
  position:relative; overflow:hidden; color:#fff; padding:96px 0 120px;
  background:
    radial-gradient(1200px 420px at 5% -20%, #16a085 35%, transparent 60%),
    radial-gradient(1100px 500px at 110% -10%, #0ea5e9 30%, transparent 60%),
    linear-gradient(180deg, #0f3c59 0%, #0f3c59 40%, #114c76 100%);
}
.hero-softonic::after {
    content: "";
    position: absolute;
    right: -12%;
    bottom: -18%;
    width: 0;
    height: 520px;
    border-radius: 55% 45% 0 0;
    background: linear-gradient(180deg, #0f4770, #0d3656);
}
.hero-title{
  font-weight:800; letter-spacing:.2px;
  font-size:clamp(2rem, 3.4vw + 1.2rem, 3.2rem);
  line-height:1.1; margin:0 0 28px;
}
.hero-search{
  max-width:880px; margin:0 auto;
  background:#fff; border-radius:14px; box-shadow:0 14px 30px rgba(0,0,0,.25);
  padding:10px 14px;
}
.hero-search .form-control{
  border:0; height:58px; font-size:1.05rem; color:#111827; box-shadow:none;
}
.hero-search .form-control::placeholder{ color:#9aa3af; }
.hero-search .btn{
  width:52px; height:52px; border-radius:12px; background:#0ea5e9; border:0;
}
.hero-search .btn:hover{ background:#0284c7; }

/* küçük ekran uyarlamaları */
@media (max-width: 575.98px){
  .soft-logo span{ font-size:1rem; }
  .menu-right{ display:none; }
  .hero-softonic{ padding:84px 0 100px; }
  .hero-title{ font-size:clamp(1.8rem, 6vw + 1rem, 3rem); }
}






/* =======================
   OFFCANVAS (SOL AÇILIR MENÜ)
   ======================= */
.soft-drawer{
  width: 340px; max-width: 86vw; border-right: 0;
  background: #0f172a; /* lacivert */
  color: #e5e7eb;
}
.soft-drawer-head{
  background: linear-gradient(135deg,#0ea5e9 0%, #14b8a6 80%);
  color:#fff; border-bottom:1px solid rgba(255,255,255,.15);
}
.soft-drawer .glyph.mini{
  width:22px;height:22px;border-radius:6px; transform:rotate(45deg);
  background:linear-gradient(135deg,#14b8a6,#22c55e);
  display:inline-block;
}

.soft-drawer-nav{ padding: 10px; }
.soft-drawer-nav li{ list-style: none; }
.soft-drawer-nav a{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px; margin:4px 0;
  border-radius:10px; text-decoration:none;
  color:#e5e7eb; font-weight:600;
  transition:background .18s ease, transform .18s ease;
}
.soft-drawer-nav a:hover{
  background:#0b1220; transform: translateX(2px);
}
.soft-drawer-nav .current-menu-item > a,
.soft-drawer-nav .current_page_item > a{
  background:rgba(20,184,166,.18);
  box-shadow: inset 0 0 0 1px rgba(20,184,166,.35);
}
.soft-drawer-nav .menu-item-has-children > a::after{
  content:"›"; margin-left:auto; opacity:.6;
}
.soft-drawer-nav .sub-menu{
  margin:6px 0 8px 10px; padding-left:10px; border-left:2px solid rgba(255,255,255,.08);
}
.soft-drawer-nav .sub-menu a{
  background: transparent; font-weight:500; opacity:.95;
}
.soft-drawer .soft-link{ display:block; padding:12px 16px; color:#e5e7eb; text-decoration:none; }

/* =======================
   TOPBAR MENÜ (Logo sağında)
   ======================= */
.topbar-menu{ margin-left: 18px; }
.topbar-list{ gap: 8px; }
.topbar-list > li{ list-style:none; }

.topbar-list > li > a{
  display:inline-flex; align-items:center; gap:8px;
  height:38px; padding:0 14px;
  border-radius: 11px;
  font-weight: 600; text-decoration:none;
  color:#1f2937; background:#f4f7fb;
  border:1px solid #e5e7eb;
  transition: all .18s ease;
}
.topbar-list > li > a:hover{
  background:#ffffff; box-shadow:0 6px 16px rgba(2,8,23,.08);
  transform: translateY(-1px);
}
.topbar-list > li.current-menu-item > a{
  background:#ffffff;
  box-shadow:0 0 0 2px #e2f5ff inset, 0 8px 18px rgba(14,165,233,.12);
  border-color:#bae6fd;
}

/* Sağ üstteki var olan ikonlu menü (menu-right) için küçük rötuş) */
.menu-right a{
  border:1px solid #e5e7eb; background:#fff; border-radius:12px;
  box-shadow:0 4px 12px rgba(2,8,23,.05);
}
.menu-right a:hover{ background:#f8fafc; color:#000; }

/* HEADER yüksekliğini koru (mevcut sınıflarla uyumlu) */
.soft-header{ height:64px; }
.soft-header .container{ height:64px; }

/* Küçük ekran ayarları */
@media (max-width: 991.98px){
  .topbar-menu{ display:none !important; }
}



/* ==== BLOG LİSTESİ (Hero altı) ==== */
.news-wrap{ padding: 32px 0 8px; }
.news-item{ padding: 24px 0; border-bottom:1px solid #eef2f7; }
.news-item:last-child{ border-bottom:0; }
.news-tag{
  font-size:.78rem; letter-spacing:.6px; text-transform:uppercase;
  color:#9ca3af; font-weight:800; margin-bottom:8px;
}
.news-title{
  font-weight:800; line-height:1.15; margin:0 0 6px;
}
.news-exc{ color:#6b7280; }
.news-thumb{
  display:block; border-radius:12px; overflow:hidden; border:1px solid #eef2f7;
}
.news-thumb img{ display:block; width:100%; height:auto; transition:transform .25s ease; }
.news-thumb:hover img{ transform:scale(1.03); }

.sidebar-card{
  background:#fff; border:1px solid #eef2f7; border-radius:14px; padding:16px;
}
.sidebar-social a{
  width:40px; height:40px; border-radius:999px; display:grid; place-items:center;
  border:1px solid #e5e7eb; background:#fff; color:#111827; text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease;
}
.sidebar-social a:hover{ transform:translateY(-2px); box-shadow:0 10px 20px rgba(2,8,23,.08); }
.sidebar-list .mini{
  display:flex; gap:10px; align-items:center; padding:10px 0; border-bottom:1px solid #f1f5f9;
}
.sidebar-list .mini:last-child{ border-bottom:0; }
.sidebar-list .mini img{
  width:64px; height:40px; object-fit:cover; border-radius:8px; border:1px solid #eef2f7;
}


/* — Sidebar liste elemanı: üstten hizalama — */
.sidebar-list .mini{
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 12px;
  align-items: start;       /* merkez yerine üstten hizala */
}

/* Görsel kutusu */
.fp-thumb-wrap{ margin:0; }
.fp-thumb-aspect{
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:10px;
  background:#f2f4f6;
}
.fp-thumb-aspect img.fp-thumb{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

/* Başlık bloğu: ekstra boşlukları sıfırla, hizayı koru */
.fp-mini-title{
  margin:0;                 /* olası varsayılan marginleri kaldır */
  line-height:1.3;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* (İsteğe bağlı) satır ayırıcı çizgiyi tam hizaya getir */
.sidebar-list .mini + .mini{
  border-top:1px solid #eef0f3;
  padding-top:14px;
}



/* ==== EN SON EKLENEN UYGULAMALAR ==== */
.apps-section{ padding: 28px 0 8px; }
.apps-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.apps-title{ font-weight:800; letter-spacing:.2px; margin:0; }
.apps-grid{ --gap:16px; display:grid; gap:var(--gap); grid-template-columns:repeat( auto-fill, minmax(160px, 1fr) ); }
.app-card{
  background:#fff; border:1px solid #eef2f7; border-radius:16px; padding:12px;
  transition:transform .15s ease, box-shadow .15s ease;
}
.app-card:hover{ transform:translateY(-2px); box-shadow:0 12px 22px rgba(2,8,23,.08); }
.app-thumb{
  width:100%; aspect-ratio:1/1; border-radius:24px; overflow:hidden;
  border:1px solid #e5e7eb; background:#f3f4f6; display:grid; place-items:center;
}
.app-thumb img{ width:100%; height:100%; object-fit:cover; }
.app-name{ font-weight:700; margin:.6rem 0 .15rem; line-height:1.2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.6em; }
.app-meta{ color:#6b7280; font-size:.95rem; display:flex; align-items:center; gap:8px; }
.app-meta .price{ margin-left:auto; font-weight:600; color:#111827; }
@media (max-width:575.98px){
  .apps-grid{ grid-template-columns:repeat( auto-fill, minmax(140px, 1fr) ); }
}


.single .btn{ border-radius:10px }
.single .btn i{ position:relative; top:1px }



.app-logo-100{ width:100px; }          /* kapsayıcı genişliği */
.object-fit-cover{ object-fit:cover; } /* görsel taşmaları düzgün kırpsın */



h1.display-6.fw-800.mb-2 {
    font-weight: bold;
}



.header-quick .btn { padding: .375rem .6rem; }
.header-quick .btn i { position: relative; top: 1px; }
.soft-drawer-head { background:#1f2937; color:#fff; } // koyu başlık ise btn-close-white görünür



/* Header sağ butonlar: hover'da metin beyaz olmasın */
.soft-header .menu-right .btn.btn-outline-secondary:hover,
.soft-header .menu-right .btn.btn-outline-secondary:focus,
#mobileCats .offcanvas-body .btn.btn-outline-secondary:hover,
#mobileCats .offcanvas-body .btn.btn-outline-secondary:focus {
  color: #212529;                 /* metin rengini koyu tut */
  background-color: rgba(108,117,125,0.10); /* hafif gri arka plan (isteğe bağlı) */
  border-color: #6c757d;          /* outline rengini koru */
}

/* İkonları da metinle aynı renkte tutalım */
.soft-header .menu-right .btn.btn-outline-secondary:hover i,
.soft-header .menu-right .btn.btn-outline-secondary:focus i,
#mobileCats .offcanvas-body .btn.btn-outline-secondary:hover i,
#mobileCats .offcanvas-body .btn.btn-outline-secondary:focus i {
  color: inherit;
}

/* Aktif-basılı durumda da beyaza dönmesin */
.soft-header .menu-right .btn.btn-outline-secondary:active,
.soft-header .menu-right .btn.btn-outline-secondary.active,
#mobileCats .offcanvas-body .btn.btn-outline-secondary:active,
#mobileCats .offcanvas-body .btn.btn-outline-secondary.active {
  color: #212529;
  background-color: rgba(108,117,125,0.15);
  border-color: #6c757d;
}






/* === Uygulama CTA Şeridi === */
.app-cta{
  margin: 20px 0;
  background: #0b1220;
  color: #e8f0ff;
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(8,18,35,.12);
  border: 1px solid rgba(255,255,255,.08);
}
.app-cta-in{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:14px 16px;
}
.app-cta-left{ display:flex; align-items:center; gap:12px; }
.app-cta-icon{ width:44px; height:44px; object-fit:cover; border-radius:10px; background:#111a2a; }
.app-cta-over{ font-size:12px; opacity:.7; margin-bottom:2px; }
.app-cta-title{ font-size:16px; line-height:1.2; margin:0; color:#fff; }

.app-cta-actions{ display:flex; gap:10px; }
.btn-app-cta{
  display:inline-block; padding:10px 14px; border-radius:10px;
  background:#2b9b50; color:#fff; font-weight:700; text-decoration:none;
}
.btn-app-cta:hover{ filter:brightness(1.06); }
.btn-app-ghost{
  display:inline-block; padding:10px 14px; border-radius:10px;
  background:transparent; color:#d3e3ff; border:1px solid rgba(255,255,255,.18);
  text-decoration:none;
}
.btn-app-ghost:hover{ background:rgba(255,255,255,.06); }

/* Mobil uyum */
@media (max-width: 576px){
  .app-cta-in{ flex-direction:column; align-items:flex-start; }
  .app-cta-actions{ width:100%; }
  .btn-app-cta, .btn-app-ghost{ flex:1; text-align:center; }
}





/* —— Arşiv başlığı —— */
.archive-page .archive-head{ margin:20px 0 10px }
.archive-page .archive-title{ font-size:28px; font-weight:800; margin:0 0 6px }
.archive-page .archive-desc{ color:#6b7280; margin:0 }

/* —— Liste —— */
.post-list{ display:flex; flex-direction:column; gap:16px; }
.post-item {
    display: flex;
    gap: 16px;
    padding: 14px;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(2, 6, 23, .15);
}
  border-radius:14px; box-shadow:0 4px 18px rgba(2,6,23,.15); }
.post-item .post-thumb{ flex:0 0 320px; display:block; border-radius:12px; overflow:hidden }
.post-item .thumb-img{ width:320px; height:200px; object-fit:cover; display:block }
.post-item .post-body{ flex:1; min-width:0 }
.post-item .post-meta{ font-size:12px; color:#9aa3b2; margin-bottom:6px; display:flex; align-items:center; gap:8px }
.post-item .dot{ width:4px; height:4px; border-radius:50%; background:#384152; display:inline-block }
.post-item .cat-pill{ padding:2px 8px; border:1px solid #1f2937; border-radius:999px; color:#c7d2fe; text-decoration:none }
.post-item .post-title{ font-size:20px; margin:6px 0 6px; line-height:1.25 }
.post-item .post-title a{ color:#fff; text-decoration:none }
.post-item .post-title a:hover{ text-decoration:underline }
.post-item .post-excerpt{ color:#cbd5e1; margin:0 0 8px; }
.post-item .read-more{ font-weight:700; color:#22c55e; text-decoration:none }
.post-item .read-more:hover{ text-decoration:underline }

/* —— Responsive —— */
@media (max-width: 768px){
  .post-item{ flex-direction:column; }
  .post-item .post-thumb{ flex-basis:auto }
  .post-item .thumb-img{ width:100%; height:200px }
}

/* —— Sayfalama —— */
.pager{ margin:24px 0 16px; display:flex; justify-content:center }
.pager .page-numbers{ display:inline-block; margin:0 4px; padding:8px 12px; border-radius:10px; background:#0b1220; color:#cbd5e1; text-decoration:none; border:1px solid rgba(255,255,255,.06) }
.pager .page-numbers.current{ background:#111827; color:#fff; font-weight:800 }
.pager .page-numbers:hover{ filter:brightness(1.05) }