/* HesaplaKolay - Albenili, Canlı, Ferah ve Aydınlık Finans & Mühendislik Teması */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap');

:root {
  --font-main: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --color-emerald: #059669;
  --color-blue: #2563eb;
  --color-indigo: #4f46e5;
  --color-amber: #d97706;
  --color-cyan: #0891b2;
}

html {
  scroll-behavior: smooth;
  font-family: var(--font-main);
  letter-spacing: -0.012em;
}

body {
  background-color: #f8fafc;
  background-image: 
    radial-gradient(at 0% 0%, rgba(16, 185, 129, 0.08) 0px, transparent 45%),
    radial-gradient(at 100% 0%, rgba(59, 130, 246, 0.08) 0px, transparent 45%),
    radial-gradient(at 50% 100%, rgba(245, 158, 11, 0.05) 0px, transparent 50%);
  background-attachment: fixed;
  color: #1e293b;
}

/* Ferah Header */
.main-header {
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 4px 20px -5px rgba(15, 23, 42, 0.05);
}

/* Kategori Butonları (Canlı & Albenili) */
.cat-btn {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  color: #475569;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.cat-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px -2px rgba(0, 0, 0, 0.08);
  border-color: #cbd5e1;
  color: #0f172a;
}
.cat-btn.active[data-cat="work"] {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border-color: #10b981 !important;
  color: #065f46 !important;
  box-shadow: 0 8px 20px -3px rgba(16, 185, 129, 0.25);
}
.cat-btn.active[data-cat="finance"] {
  background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
  border-color: #6366f1 !important;
  color: #3730a3 !important;
  box-shadow: 0 8px 20px -3px rgba(99, 102, 241, 0.25);
}
.cat-btn.active[data-cat="property"] {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border-color: #f59e0b !important;
  color: #92400e !important;
  box-shadow: 0 8px 20px -3px rgba(245, 158, 11, 0.25);
}
.cat-btn.active[data-cat="engineering"] {
  background: linear-gradient(135deg, #ecfeff 0%, #cffafe 100%);
  border-color: #06b6d4 !important;
  color: #155e75 !important;
  box-shadow: 0 8px 20px -3px rgba(6, 182, 212, 0.25);
}

/* Alt Araç Butonları (Pills) */
.tab-btn {
  transition: all 0.2s ease;
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #e2e8f0;
  font-weight: 700;
}
.tab-btn:hover {
  background: #e2e8f0;
  color: #0f172a;
  transform: translateY(-1px);
}
.tab-btn.active {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  color: #ffffff !important;
  border-color: #1d4ed8 !important;
  box-shadow: 0 6px 16px -2px rgba(37, 99, 235, 0.35);
}

/* Albenili Canlı Sonuç Kartları */
.card-vibrant-emerald {
  background: linear-gradient(135deg, #059669 0%, #0d9488 50%, #0284c7 100%);
  color: #ffffff;
  box-shadow: 0 20px 35px -10px rgba(5, 150, 105, 0.35);
}
.card-vibrant-indigo {
  background: linear-gradient(135deg, #4f46e5 0%, #2563eb 50%, #0284c7 100%);
  color: #ffffff;
  box-shadow: 0 20px 35px -10px rgba(79, 70, 229, 0.35);
}
.card-vibrant-amber {
  background: linear-gradient(135deg, #d97706 0%, #ea580c 50%, #dc2626 100%);
  color: #ffffff;
  box-shadow: 0 20px 35px -10px rgba(234, 88, 12, 0.35);
}
.card-vibrant-cyan {
  background: linear-gradient(135deg, #0891b2 0%, #0284c7 50%, #2563eb 100%);
  color: #ffffff;
  box-shadow: 0 20px 35px -10px rgba(8, 145, 178, 0.35);
}
.card-vibrant-purple {
  background: linear-gradient(135deg, #7c3aed 0%, #6366f1 50%, #2563eb 100%);
  color: #ffffff;
  box-shadow: 0 20px 35px -10px rgba(124, 58, 237, 0.35);
}
.card-vibrant-rose {
  background: linear-gradient(135deg, #e11d48 0%, #be123c 50%, #9f1239 100%);
  color: #ffffff;
  box-shadow: 0 20px 35px -10px rgba(225, 29, 72, 0.35);
}

/* Sayı Kutuları (Sonuç İçi Mini Kutular) */
.sub-stat-box {
  background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 0.85rem;
  padding: 0.75rem 1rem;
}

/* Arama Çubuğu */
.search-bar-wrap {
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.06);
}
.search-bar-wrap input:focus {
  border-color: #10b981;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.18);
}

/* AdSense Alanları */
.adsense-placeholder {
  background: repeating-linear-gradient(
    -45deg,
    #ffffff,
    #ffffff 10px,
    #f8fafc 10px,
    #f8fafc 20px
  );
  border: 1.5px dashed #cbd5e1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #64748b;
  text-align: center;
  border-radius: 1rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

/* Akordiyon */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0, 1, 0, 1), opacity 0.25s ease-out, padding 0.35s ease-out;
  opacity: 0;
}
.accordion-item.open .accordion-content {
  max-height: 600px;
  opacity: 1;
  padding-bottom: 1.25rem;
}
.accordion-item.open .accordion-icon {
  transform: rotate(180deg);
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
  -moz-appearance: textfield;
}

@media print {
  header, nav, .cat-btn, .tab-btn, .adsense-placeholder, footer, .no-print, button:not(.print-allow) {
    display: none !important;
  }
  body {
    background: white !important;
    color: black !important;
  }
}