/**
 * Custom CSS for Tt_site_01
 * 
 * @author Sherpa Development Team
 * @copyright 2024 Veri Enstitüsü
 */

/* Color Palette from turkiyenintrendleri.jpg */
:root {
  --tt-primary: #1a5490;
  --tt-secondary: #2c7ac4;
  --tt-accent: #f39c12;
  --tt-dark: #1a2347;
  --tt-light: #f0f4f8;
}

/* Override primary colors */
.text-primary {
  color: var(--tt-primary) !important;
}

.bg-primary {
  background-color: var(--tt-primary) !important;
}

.bg-gradient-primary {
  background: linear-gradient(135deg, var(--tt-primary) 0%, var(--tt-secondary) 100%) !important;
}

.btn-primary {
  background-color: var(--tt-primary) !important;
  border-color: var(--tt-primary) !important;
}

.btn-primary:hover {
  background-color: var(--tt-dark) !important;
  border-color: var(--tt-dark) !important;
}

/* Warning color tweaks */
.bg-warning {
  background-color: var(--tt-accent) !important;
}

.btn-warning {
  background-color: var(--tt-accent) !important;
  border-color: var(--tt-accent) !important;
  color: #fff !important;
}

.btn-warning:hover {
  background-color: #e67e22 !important;
  border-color: #e67e22 !important;
}

/* Accordion Plus/Minus Icons */
.accordion-button.collapsed .accordion-icon-plus {
  display: inline-block;
  color: #0d6efd;
  font-size: 1.5rem;
}

.accordion-button.collapsed .accordion-icon-minus {
  display: none;
}

.accordion-button:not(.collapsed) .accordion-icon-plus {
  display: none;
}

.accordion-button:not(.collapsed) .accordion-icon-minus {
  display: inline-block;
  color: #0d6efd;
  font-size: 1.5rem;
}

/* Accordion button custom styling */
.accordion-button {
  font-size: 1.2rem;
  padding: 1.5rem 1.75rem;
  font-weight: 600;
  color: #1a2347;
}

.accordion-button:not(.collapsed) {
  background-color: #fff;
  color: #1a2347;
  box-shadow: none;
}

.accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, .125);
}

/* Remove Bootstrap default accordion arrow */
.accordion-button::after {
  display: none;
}

/* Accordion body styling */
.accordion-body {
  font-size: 1.1rem;
  padding: 1.5rem 1.75rem;
}

/* Trend badge styling */
.trend-badge {
  font-weight: 600;
  color: #333;
  background: #f0f4f8;
  padding: 0.25rem 0.75rem;
  border-radius: 5px;
  margin-right: 0.5rem;
  display: inline-block;
  margin-bottom: 0.5rem;
}

/* Info alert customization */
.alert-info {
  background-color: #e7f3ff;
  border-color: #b3d9ff;
  color: #004085;
}

/* Scope section in accordion */
.scope-section {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed #ddd;
}

/* Accordion item styling */
.accordion-item {
  background-color: #fff;
  border-radius: 8px !important;
  overflow: hidden;
  margin-bottom: 1rem;
}

/* Remove default Bootstrap accordion background */
.accordion-button:not(.collapsed) {
  background-color: #fff !important;
}

/* Parallax Background Sections */
.parallax-section {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.parallax-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 4rem 0;
}

/* Make cards in parallax sections stand out more */
.parallax-section .card {
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(5px);
}

/* Home page - Full height header */
.min-vh-100 {
  min-height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* Target particles-js when it contains a min-vh-100 element */
#particles-js:has(.min-vh-100) {
  min-height: 100vh !important;
  max-height: 100vh !important;
  height: 100vh !important;
  overflow: hidden !important;
}

#particles-js:has(.min-vh-100) header {
  min-height: 100vh !important;
  max-height: 100vh !important;
  height: 100vh !important;
  overflow: hidden !important;
}

#particles-js:has(.min-vh-100) canvas {
  min-height: 100vh !important;
  max-height: 100vh !important;
  height: 100vh !important;
}

#particles-js:has(.min-vh-100) .hero-text-bar {
  min-height: 100vh !important;
  max-height: 100vh !important;
}

/* Contact page - Narrower header */
.min-vh-45 {
  min-height: 45vh !important;
  max-height: 45vh !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center 40% !important;
}

/* Target particles-js when it contains a min-vh-45 element */
#particles-js:has(.min-vh-45) {
  min-height: 45vh !important;
  max-height: 45vh !important;
  height: 45vh !important;
  overflow: hidden !important;
}

#particles-js:has(.min-vh-45) header {
  min-height: 45vh !important;
  max-height: 45vh !important;
  height: 45vh !important;
  overflow: hidden !important;
}

#particles-js:has(.min-vh-45) canvas {
  min-height: 45vh !important;
  max-height: 45vh !important;
  height: 45vh !important;
}

#particles-js:has(.min-vh-45) .hero-text-bar {
  min-height: 45vh !important;
  max-height: 45vh !important;
  padding: 2rem 0 !important;
}

/* Hero section centering - Override common styles */
.hero-text-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 85vh !important;
  width: 100% !important;
  padding: 0 !important;
  text-align: center !important;
}

.hero-text-bar .container {
  width: 100% !important;
  max-width: 100% !important;
}

.hero-text-bar .row {
  width: 100% !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

.hero-text-bar .col-lg-10 {
  padding: 0 2rem !important;
}
/*# sourceMappingURL=app_custom.css.map */