.hc { margin: 22px 0; }
.hc h2 { margin: 0 0 10px; font-weight: 900; }
.hc h3 { margin: 16px 0 8px; font-weight: 850; }

.hc-lead { font-size: 16px; line-height: 1.6; }

.hc-muted { opacity: .78; line-height: 1.6; }

.hc-card {
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 14px;
  background: #fff;
}

.hc-kv { font-size: 16px; }
.hc-k { font-weight: 800; }

.hc-form { margin-top: 12px; }
.hc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.hc-grid label { display: block; font-weight: 800; font-size: 13px; }
.hc-grid select, .hc-grid input {
  width: 100%;
  margin-top: 6px;
  padding: 10px 10px;
  border: 1px solid rgba(0,0,0,.16);
  border-radius: 12px;
  background: #fff;
  font-size: 14px;
}

.hc-btn {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 14px;
  background: #111;
  color: #fff;
  font-weight: 900;
  cursor: pointer;
}

.hc-btn:hover { filter: brightness(1.05); }

.hc-cols {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.hc-col {
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 12px;
  background: #fff;
}

.hc-list { margin: 0; padding-left: 18px; line-height: 1.7; }
.hc-sub { margin-top: 14px; }
.hc-block {
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 12px;
  background: #fff;
  margin-top: 12px;
}

.hc-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.hc-card-mini {
  display: block;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 10px;
  background: #fff;
}

.hc-mini-title { font-weight: 900; color: inherit; }
.hc-mini-sub { opacity: .78; margin-top: 4px; color: inherit; }

.hc-error {
  margin-top: 12px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(180,0,0,.25);
  background: rgba(180,0,0,.06);
  color: #700;
  font-weight: 800;
}

@media (max-width: 840px) {
  .hc-grid { grid-template-columns: 1fr; }
  .hc-cols { grid-template-columns: 1fr; }
  .hc-cards { grid-template-columns: 1fr; }
}
.hc-list li[data-sev="high"]{ font-weight:700; }
.hc-list li[data-sev="high"]::before{ content:"⚠ "; }
.hc-list li[data-sev="medium"]::before{ content:"• "; }
.hc-error{ margin-top:12px; padding:10px; border:1px solid rgba(0,0,0,.15); }

/* =========================================
   WOW blocks – "sharp/elegant" (light CSS)
   - subtle border + spacing
   ========================================= */
.hc-wow-wrap .hc-section{
  margin: 18px 0;
  padding: 14px 14px 10px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  background: #fff;
}
.hc-wow-wrap .hc-section h2{
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -0.2px;
}
.hc-wow-wrap .hc-lines p{
  margin: 0 0 10px;
  line-height: 1.65;
}
.hc-wow-wrap .hc-lines p:first-child{
  font-weight: 800;
}
.hc-wow-wrap .hc-lines{
  padding-left: 12px;
  border-left: 3px solid rgba(0,0,0,.12);
}

/* WOW section styling (matching hc-wow-sec / hc-wow-block) */
.hc-wow-wrap .hc-wow-sec{
  margin: 18px 0;
  padding: 14px 14px 10px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  background: #fff;
}
.hc-wow-wrap .hc-wow-sec h2{
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.25;
}
.hc-wow-wrap .hc-wow-block{
  border-left: 3px solid rgba(0,0,0,.18);
  padding-left: 12px;
  margin: 10px 0 0;
}
.hc-wow-wrap .hc-wow-block p{
  margin: 0 0 8px;
  line-height: 1.55;
}
.hc-wow-wrap .hc-wow-block p:last-child{ margin-bottom: 0; }
/* ===========================
   HC Breed Hero Image
   =========================== */

.hc_breed .wp-post-image,
.hc_breed img.attachment-post-thumbnail,
.hc_breed .hc-hero img {
  display: block;
  max-width: 420px;        /* الحجم المثالي للديسكتوب */
  width: 100%;
  height: auto;
  margin: 0 auto 18px;     /* توسيط + مسافة تحت */
}

/* Mobile */
@media (max-width: 768px) {
  .hc_breed .wp-post-image,
  .hc_breed img.attachment-post-thumbnail,
  .hc_breed .hc-hero img {
    max-width: 300px;
    margin-bottom: 14px;
  }
}
.hc_breed .wp-post-image {
  filter: drop-shadow(0 12px 28px rgba(0,0,0,.06));
}
.hc-vs-link{
  display:block;
  padding:14px 16px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:14px;
  background:#fff;
  text-decoration:none;
  font-weight:900;
  color:#111;
  transition: box-shadow .15s ease, transform .15s ease;
}

.hc-vs-link:hover{
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  transform:translateY(-1px);
}

@media (max-width: 640px){
  .hc-vs-grid{
    grid-template-columns:1fr;
  }
}