/* TradeAnalyzer.Pro - Premium SEO Theme (shared) */
:root{
  --ta-primary:#1d4ed8;      /* blue */
  --ta-primary-2:#06b6d4;    /* cyan */
  --ta-accent:#a855f7;       /* purple */
  --ta-ink:#0f172a;
  --ta-muted:#64748b;
  --ta-card:#ffffff;
  --ta-border:#e5e7eb;
  --ta-soft:#f8fafc;
  --ta-shadow: 0 12px 34px rgba(2,6,23,.10);
}

/* Background feels less “flat” */
body{
  background:
    radial-gradient(1000px 500px at 15% 0%, rgba(29,78,216,.10), transparent 55%),
    radial-gradient(900px 450px at 90% 10%, rgba(6,182,212,.10), transparent 55%),
    radial-gradient(900px 500px at 60% 0%, rgba(168,85,247,.08), transparent 60%),
    #ffffff !important;
}

/* Controls header = more premium */
.controls-header{
  background: linear-gradient(135deg, #0b3b8a 0%, #1d4ed8 45%, #06b6d4 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 10px 30px rgba(2,6,23,.18);
}

/* Breadcrumbs */
.breadcrumb-nav{
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(29,78,216,.10), rgba(6,182,212,.12)) !important;
  border: 1px solid rgba(29,78,216,.14) !important;
  box-shadow: 0 10px 26px rgba(2,6,23,.06);
}
.breadcrumb a{
  text-decoration: none;
  font-weight: 700;
}
.breadcrumb a:hover{ text-decoration: underline; }

/* Page header */
.page-header{
  border-radius: 14px;
  border: 1px solid rgba(29,78,216,.16);
  background:
    radial-gradient(1200px 520px at 18% 10%, rgba(29,78,216,.18), transparent 58%),
    radial-gradient(900px 420px at 86% 15%, rgba(6,182,212,.16), transparent 55%),
    radial-gradient(900px 420px at 60% 0%, rgba(168,85,247,.12), transparent 62%),
    var(--ta-card) !important;
  box-shadow: var(--ta-shadow);
}
.page-header h1{
  color: var(--ta-ink) !important;
  letter-spacing: -0.02em;
}
.page-header .lead{
  color: var(--ta-muted) !important;
}

/* SEO cards */
.seo-description-section .card{
  border: 1px solid var(--ta-border) !important;
  background:
    linear-gradient(180deg, rgba(29,78,216,.06), transparent 28%),
    var(--ta-card) !important;
  box-shadow: var(--ta-shadow);
  border-radius: 14px;
  overflow: hidden;
}
.seo-description-section .card::before{
  content:"";
  display:block;
  height: 4px;
  background: linear-gradient(90deg, var(--ta-primary), var(--ta-primary-2), var(--ta-accent));
}

.seo-description-section h2{
  color: var(--ta-ink) !important;
  font-weight: 900;
  letter-spacing: -0.02em;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(29,78,216,.20);
}
.seo-description-section h2::before{
  content:"▸";
  display:inline-block;
  margin-right:10px;
  color: var(--ta-primary);
}
.seo-description-section h3{
  color: #0b3b8a !important;
  font-weight: 900;
  margin-top: 14px;
  margin-bottom: 8px;
}
.seo-description-section p{
  color: #334155 !important;
}
.seo-description-section a{
  color: var(--ta-primary) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(29,78,216,.55);
}
.seo-description-section a:hover{
  border-bottom-style: solid;
  filter: brightness(1.06);
}

/* Info box */
.alert.alert-info{
  background: linear-gradient(135deg, rgba(29,78,216,.12), rgba(6,182,212,.14)) !important;
  border: 1px solid rgba(29,78,216,.22) !important;
  color: #0b3b8a !important;
}
.alert.alert-info .alert-heading{
  color: #0b3b8a !important;
}

/* FAQ accordion */
.accordion-item{
  border: 1px solid rgba(29,78,216,.16) !important;
  border-radius: 12px !important;
  overflow: hidden;
  margin-bottom: 10px;
  background: var(--ta-card) !important;
  box-shadow: 0 10px 22px rgba(2,6,23,.06);
}
.accordion-button{
  font-weight: 900 !important;
  color: #0b3b8a !important;
  background: linear-gradient(135deg, rgba(29,78,216,.12), rgba(6,182,212,.12)) !important;
}
.accordion-button:not(.collapsed){
  color: #ffffff !important;
  background: linear-gradient(135deg, #1d4ed8, #06b6d4) !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.18);
}
.accordion-button:focus{
  box-shadow: 0 0 0 3px rgba(29,78,216,.22) !important;
}
.accordion-body{
  background: var(--ta-soft) !important;
  color: #334155 !important;
  border-top: 1px solid rgba(29,78,216,.12);
}

@media (max-width: 768px){
  .page-header{ border-radius: 12px; }
  .breadcrumb-nav{ border-radius: 12px; }
  .seo-description-section .card-body{ padding: 18px !important; }
}