/* /includes/style.css */

/* 🌐 Genel font boyutunu küçült */
html {
  font-size: 0.9rem; /* Varsayılan 1rem = 16px → 14.4px */
}

/* 📌 Bootstrap başlık boyutlarını küçültelim */
h1 { font-size: 1.9rem; }  /* Varsayılan ~2.5rem */
h2 { font-size: 1.6rem; }  /* Varsayılan ~2rem */
h3 { font-size: 1.4rem; }  
h4 { font-size: 1.2rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.9rem; }

/* 📌 Navbar ve footer yazıları biraz küçült */
.navbar, .footer {
  font-size: 0.85rem;
}

/* 📌 Kart içeriği */
.card {
  font-size: 1rem;
}

/* 📌 Tablo yazıları */
.table {
  font-size: 1rem;
}


/* 🎨 Platform Renkleri */
:root {
  --hepsiburada: #5D196A;
  --trendyol: #cc6a19;
  --pttavm: #039BE5;
  --n11: #6f4bdc;
  --pazarama: #0f2a92;
  --amazon: #002f36;
  --shopify: #5e8e3e;
}




/* Button styles */
.btn-modern {
  border-radius: 8px;
  padding: 0.5rem 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
  border: none;
}
.btn-modern:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.btn-hepsiburada { background-color: var(--hepsiburada); color: #fff; }
.btn-trendyol { background-color: var(--trendyol); color: #fff; }
.btn-pttavm { background-color: var(--pttavm); color: #fff; }
.btn-n11 { background-color: var(--n11); color: #fff; }
.btn-pazarama { background-color: var(--pazarama); color: #fff; }
.btn-amazon { background-color: var(--amazon); color: #fff; }
.btn-shopify { background-color: var(--shopify); color: #fff; }

/* 🏷️ Badge */
.badge-hepsiburada { background-color: var(--hepsiburada); }
.badge-trendyol { background-color: var(--trendyol); }
.badge-pttavm { background-color: var(--pttavm); }
.badge-n11 { background-color: var(--n11); }
.badge-pazarama { background-color: var(--pazarama); }
.badge-amazon { background-color: var(--amazon); }
.badge-shopify { background-color: var(--shopify); }

/* 🎨 Background Colors */
.bg-hepsiburada { background-color: var(--hepsiburada); color: #fff; }
.bg-trendyol { background-color: var(--trendyol); color: #fff; }
.bg-pttavm { background-color: var(--pttavm); color: #fff; }
.bg-n11 { background-color: var(--n11); color: #fff; }
.bg-pazarama { background-color: var(--pazarama); color: #fff; }
.bg-amazon { background-color: var(--amazon); color: #fff; }
.bg-shopify { background-color: var(--shopify); color: #fff; }

/* 📊 Table Header */
.table-hepsiburada th { background-color: var(--hepsiburada); color: #fff; }
.table-trendyol th { background-color: var(--trendyol); color: #fff; }
.table-pttavm th { background-color: var(--pttavm); color: #fff; }
.table-n11 th { background-color: var(--n11); color: #fff; }
.table-pazarama th { background-color: var(--pazarama); color: #fff; }
.table-amazon th {background-color: var(--amazon); color: #fff;}
.table-shopify th { background-color: var(--shopify); color: #fff; }

/* 📦 Card Header */
.card-hepsiburada .card-header { background-color: var(--hepsiburada); color: #fff; }
.card-trendyol .card-header { background-color: var(--trendyol); color: #fff; }
.card-pttavm .card-header { background-color: var(--pttavm); color: #fff; }
.card-n11 .card-header { background-color: var(--n11); color: #fff; }
.card-pazarama .card-header { background-color: var(--pazarama); color: #fff; }
.card-amazon .card-header { background-color: var(--amazon); color: #fff; }
.card-shopify .card-header { background-color: var(--shopify); color: #fff; }

/* ✍️ Font Renkleri */
.text-hepsiburada { color: var(--hepsiburada) !important; }
.text-trendyol { color: var(--trendyol) !important; }
.text-pttavm { color: var(--pttavm) !important; }
.text-n11 { color: var(--n11) !important; }
.text-pazarama { color: var(--pazarama) !important; }
.text-amazon { color: var(--amazon) !important; }
.text-shopify { color: var(--shopify) !important; }

/* 🔄 Spinner Renkleri */
.spinner-border.text-amazon {
  border-color: var(--amazon);
  border-right-color: transparent;
}

/* 📋 Panel Tablo Başlık Renkleri */
.hepsiburada-panel .table thead th { background-color: var(--hepsiburada) !important; color: #fff !important; }
.trendyol-panel .table thead th { background-color: var(--trendyol) !important; color: #fff !important; }
.pttavm-panel .table thead th { background-color: var(--pttavm) !important; color: #fff !important; }
.n11-panel .table thead th { background-color: var(--n11) !important; color: #fff !important; }
.pazarama-panel .table thead th { background-color: var(--pazarama) !important; color: #fff !important; }
.amazon-panel .table thead th { background-color: var(--amazon) !important; color: #fff !important; }
.shopify-panel .table thead th { background-color: var(--shopify) !important; color: #fff !important; }

/* 🎯 Genel Platform Sınıfları - Tablo Başlıkları */
.hepsiburada .table thead th { background-color: var(--hepsiburada) !important; color: #fff !important; }
.trendyol .table thead th { background-color: var(--trendyol) !important; color: #fff !important; }
.pttavm .table thead th { background-color: var(--pttavm) !important; color: #fff !important; }
.n11 .table thead th { background-color: var(--n11) !important; color: #fff !important; }
.pazarama .table thead th { background-color: var(--pazarama) !important; color: #fff !important; }
.amazon .table thead th { background-color: var(--amazon) !important; color: #fff !important; }
.shopify .table thead th { background-color: var(--shopify) !important; color: #fff !important; }

/* 🎯 Genel Platform Sınıfları - Primary Button Override */
.hepsiburada .btn-primary { background-color: var(--hepsiburada) !important; border-color: var(--hepsiburada) !important; }
.trendyol .btn-primary { background-color: var(--trendyol) !important; border-color: var(--trendyol) !important; }
.pttavm .btn-primary { background-color: var(--pttavm) !important; border-color: var(--pttavm) !important; }
.n11 .btn-primary { background-color: var(--n11) !important; border-color: var(--n11) !important; }
.pazarama .btn-primary { background-color: var(--pazarama) !important; border-color: var(--pazarama) !important; }
.amazon .btn-primary { background-color: var(--amazon) !important; border-color: var(--amazon) !important; }
.shopify .btn-primary { background-color: var(--shopify) !important; border-color: var(--shopify) !important; }