/* Card base */
.mc-card{overflow:hidden}.mc-card .mc-card-inner{padding:16px}.mc-badge-row{margin-bottom:4px}.mc-title{margin:.3rem 0 .5rem; color:var(--color-blue)}.mc-excerpt{margin:0 0 .5rem}.mc-actions{display:flex; gap:8px; align-items:center; flex-wrap:wrap}.mc-like{background:#f1f5f9; color:var(--color-blue)}.mc-like.is-liked{background:var(--color-green); color:#fff}.mc-like-heart{margin-right:6px}/* Feed filters */
.mc-feed-filters{display:flex; gap:10px; flex-wrap:wrap; margin:0 0 12px}.mc-feed-more{display:flex; justify-content:center; margin:14px 0 4px}/* HERO BOX (no photo) */
.mc-hero-box{ position:relative; border-radius:12px; overflow:hidden; padding:18px 16px; color:#fff; background:linear-gradient(135deg, #163950, #0f7a43); box-shadow:var(--shadow-1) }.mc-hero-row{ display:flex; align-items:center; gap:12px }.mc-hero-icon{ width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:rgba(255,255,255,.12) }.mc-hero-icon svg{ width:22px; height:22px; fill:#fff }.mc-hero-title{ font-weight:800; font-size:1.1rem; letter-spacing:.2px }.mc-hero-tag{ position:absolute; top:10px; right:10px; font-size:.75rem; padding:.25rem .6rem; border-radius:999px; background:rgba(255,255,255,.2); color:#fff }/* Color variants per section */
.mc-hero--rozvoj{ background:linear-gradient(135deg, #163950, #2f9b6b) }.mc-hero--tarot{ background:linear-gradient(135deg, #6a2f7b, #163950) }.mc-hero--astro{ background:linear-gradient(135deg, #0f7a43, #2b6ca3) }.mc-hero--growth{ background:linear-gradient(135deg, #163950, #0f7a43) }.mc-hero--therapy{ background:linear-gradient(135deg, #2b6ca3, #0f7a43) }.mc-hero--reading{ background:linear-gradient(135deg, #163950, #6a2f7b) }.mc-tags-row{ display:flex; gap:8px; flex-wrap:wrap; margin:10px 0 6px }.mc-chip{ display:inline-flex; align-items:center; padding:.25rem .6rem; border-radius:999px; font-size:.75rem; background:#eef4f7; color:var(--color-blue) }/* Desktop nav pills refinement */
@media(min-width:1024px){

}.mc-actions .mc-read{ margin-left:auto }.nav-pills a{ list-style:none; }/* === HOTFIX: hero box hover + title overflow === */
/* Keep hero gradient on hover; do not invert to white via parent hover rules */
.mc-card:hover{ background: transparent !important; }.mc-card:hover .mc-card-inner{ background: transparent !important; }.mc-card:hover .mc-hero-box{ background: inherit !important; }/* Small visual lift on hover without color flip */
.mc-card:hover .mc-hero-box{ filter: brightness(1.03); }/* Prevent long titles from colliding with the top-right tag badge */
.mc-hero-box{ padding-right: 120px; }/* space for .mc-hero-tag */
@media (max-width: 767.98px){
  .mc-hero-box{ padding-right: 88px; }
}/* Clamp title to two lines and ellipsize */
.mc-hero-title{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-word;
}/* Ensure the tag badge stays above content and doesn't shift layout */
.mc-hero-tag{ position: absolute; z-index: 2; }/* SAFEGUARD: prevent white-on-white hover anywhere inside hero */
.mc-hero a:hover{ color: inherit !important; background: transparent !important; }