/* Shared case-study styles (moved from inline styles in Blade views) */

/* SVG icons inherit text color and don't shrink */
.case-icon {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  vertical-align: middle;
  margin-right: 0.6rem;
  fill: currentColor;
  opacity: 0.95;
  flex: 0 0 auto;
}

/* Headings: centered, icon + text aligned */
#pripadova-studie h2,
#pripadova-studie h3.case-heading {
  font-size: 1.4rem;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: inherit !important;
  text-align: center;
}

#pripadova-studie h3 { font-size: 1.05rem; margin-top: 18px; margin-bottom: 8px; color: inherit !important; padding-left: 0; }

.case-heading { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; overflow: visible; }

.summary-card { border-left: 4px solid #3b82f6; }

/* Custom square bullets */
#pripadova-studie ul { list-style: none; margin-left: 0; padding-left: 0; }
#pripadova-studie ul li { position: relative; padding-left: 28px; }
#pripadova-studie ul li:before {
  content: '';
  position: absolute;
  left: 6px;
  top: 7px;
  width: 12px;
  height: 12px;
  background: linear-gradient(135deg,#3b82f6,#60a5fa);
  border-radius: 2px;
  opacity: .95;
}

#pripadova-studie .case-icon { color: inherit; fill: currentColor; }

@media (max-width: 640px) {
  #pripadova-studie .case-icon { width: 1.6rem; height: 1.6rem; margin-right: 0.5rem; }
  #pripadova-studie h2, #pripadova-studie h3.case-heading { font-size: 1.2rem; }
}

@media (max-width: 420px) {
  #pripadova-studie .case-icon { width: 1.8rem; height: 1.8rem; }
  #pripadova-studie h2, #pripadova-studie h3.case-heading { font-size: 1.08rem; }
}