/* Rstats101 Custom Styles */

/* Color palette - R/Data Science themed */
:root {
  --r-blue: #276DC2;
  --r-blue-dark: #1a4f8c;
  --r-gray: #75AADB;
  --accent-green: #2ecc71;
  --accent-purple: #9b59b6;
  --text-dark: #2c3e50;
}

/* Page title - main heading */
.title {
  color: var(--r-blue) !important;
  font-weight: 700;
}

/* Section headings with color */
h1 {
  color: var(--r-blue);
  border-bottom: 3px solid var(--r-blue);
  padding-bottom: 0.5rem;
}

h2 {
  color: var(--r-blue-dark);
  border-left: 4px solid var(--accent-green);
  padding-left: 1rem;
  margin-top: 2.5rem;
}

h3 {
  color: var(--accent-purple);
  margin-top: 2rem;
}

/* Navbar styling */
.navbar {
  background-color: var(--r-blue) !important;
}

.navbar-brand {
  font-weight: bold;
  color: white !important;
}

.navbar-nav .nav-link {
  color: white !important;
}

.navbar-nav .nav-link:hover {
  color: #e0e0e0 !important;
}

.navbar .navbar-toggler {
  border-color: white;
}

.navbar .bi {
  color: white !important;
}

/* Links */
a {
  color: var(--r-blue);
}

a:hover {
  color: var(--r-blue-dark);
}

/* Listing table - cleaner look */
.quarto-listing-table th {
  background-color: var(--r-blue);
  color: white;
  padding: 12px 16px;
}

.quarto-listing-table td {
  padding: 10px 16px;
  border-bottom: 1px solid #eee;
}

.quarto-listing-table tr:hover {
  background-color: #f8f9fa;
}

/* Ad container styling - AdSense friendly */
.ad-container {
  margin: 2.5rem 0;
  padding: 1.5rem;
  background: #f8f9fa;
  border-radius: 8px;
  min-height: 100px;
  text-align: center;
}

/* Ad placement areas */
.content-ad {
  margin: 2rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
  border-radius: 8px;
}

/* Code block improvements */
pre {
  background-color: #f6f8fa;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  padding: 16px;
  overflow-x: auto;
  margin: 1.5rem 0;
}

code {
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  font-size: 0.9em;
}

/* Inline code */
p code, li code {
  background-color: #e8f4fc;
  color: var(--r-blue-dark);
  padding: 2px 6px;
  border-radius: 4px;
}

/* Article spacing - AdSense friendly with breaks */
article {
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.8;
}

/* Paragraphs with good spacing for ads */
article p {
  margin-bottom: 1.5rem;
}

/* Image styling */
img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  margin: 1.5rem 0;
}

/* Output blocks (R output) */
pre code {
  color: #333;
}

/* Category badges */
.quarto-category {
  background-color: var(--r-blue) !important;
  color: white !important;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.85em;
}

/* Footer */
.nav-footer {
  background-color: var(--text-dark);
  color: white;
  padding: 2rem 0;
}

/* Blockquotes */
blockquote {
  border-left: 4px solid var(--accent-green);
  background-color: #f8f9fa;
  padding: 1rem 1.5rem;
  margin: 1.5rem 0;
  border-radius: 0 8px 8px 0;
}

/* Tables in content */
table {
  width: 100%;
  margin: 1.5rem 0;
  border-collapse: collapse;
}

th {
  background-color: var(--r-blue);
  color: white;
  padding: 12px;
  text-align: left;
}

td {
  padding: 10px 12px;
  border-bottom: 1px solid #eee;
}

tr:hover {
  background-color: #f8f9fa;
}