/* 
Theme: moje tema 04
Author: BlThemes
Website: https://blthemes.com
Description: Custom CSS for moje tema 04
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --primary-color: #ec6b02;
  --primary-color-rgb: 236, 107, 2;
  font-family: 'Inter', sans-serif;
}

body {
  background-color: #f8f9fa;
  color: #343a40;
}



/* Main accent coloring overrides */
.text-primary-custom {
  color: var(--primary-color) !important;
}

.bg-primary-custom {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
}

.btn {
  border-radius: 0.625rem !important; /* rounded-2 for standard buttons */
  transition: all 0.2s ease-in-out;
}

.btn-lg, .btn-large {
  border-radius: 1rem !important; /* rounded-3 for large buttons */
}

.btn-sm, .btn-small {
  border-radius: 0.5rem !important; /* rounded-2 for small buttons */
}

.btn-primary-custom {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
  border-radius: 1rem !important; /* rounded-3 for main call-to-action buttons */
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  transition: all 0.2s ease-in-out;
}

.btn-primary-custom:hover {
  background-color: var(--primary-color);
  filter: brightness(0.9);
  border-color: var(--primary-color);
  color: #ffffff !important;
  transform: translateY(-1px);
}

.btn-outline-primary-custom {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  border-radius: 1rem !important; /* rounded-3 */
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.btn-outline-primary-custom:hover {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
}

/* Card custom styles */
.blog-card {
  border: none;
  border-radius: 1rem; /* rounded-3 */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
  background-color: #ffffff;
}

.blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-card .card-img-top {
  height: 220px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.blog-card:hover .card-img-top {
  transform: scale(1.03);
}

/* Badge style */
.category-badge {
  background-color: rgba(var(--primary-color-rgb), 0.1);
  color: var(--primary-color);
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 0.5rem; /* rounded-2 */
  text-decoration: none;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.category-badge:hover {
  background-color: var(--primary-color);
  color: #ffffff;
}

/* Layout helpers */
.sticky-sidebar {
  position: sticky;
  top: 24px;
}

/* Footer layout & text color fixes */
footer.bg-dark {
  background-color: #212529 !important;
  color: #f8f9fa !important;
  border-top: 1px solid rgba(255,255,255,0.1);
}

footer.bg-dark h1,
footer.bg-dark h2,
footer.bg-dark h3,
footer.bg-dark h4,
footer.bg-dark h5,
footer.bg-dark h6 {
  color: #ffffff !important;
}

footer.bg-dark p,
footer.bg-dark span,
footer.bg-dark div {
  color: rgba(255, 255, 255, 0.75) !important;
}

footer.bg-dark a {
  color: rgba(255, 255, 255, 0.75) !important;
  transition: color 0.2s ease, opacity 0.2s ease;
}

footer.bg-dark a:hover {
  color: #ffffff !important;
}

footer.bg-dark .text-muted,
footer.bg-dark .text-secondary {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Custom form elements */
.form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
}

/* Hide default unstyled text outputs from Bludit core search plugin at siteBodyBegin */
.bludit-plugins-body-begin {
  display: none !important;
}

/* Add your custom CSS here if desired */
.hover-scale {
  transition: transform 0.2s ease;
}
.hover-scale:hover {
  transform: scale(1.02);
}