/*
Theme Name: FontChuan Lite
Theme URI: https://example.com/
Author: Su Vu
Author URI: https://example.com/
Description: Minimal theme lấy cảm hứng từ fontchuan.com – gọn nhẹ, tập trung typography, dùng Tailwind CDN.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: fontchuan-lite
*/

/* Readability fallback nếu thiếu plugin Typography */
.entry-content p {
  margin: 0 0 1rem;
  line-height: 1.8;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-weight: 700;
  line-height: 1.3;
  margin: 1.6rem 0 0.8rem;
}
.entry-content h1 {
  font-size: clamp(1.5rem, 1.76vw + 0.8rem, 2rem);
}
.entry-content h2 {
  font-size: clamp(1.2rem, 1.28vw + 0.8rem, 1.4rem);
}
.entry-content h3 {
  font-size: clamp(1rem, 0.96vw + 0.72rem, 1.2rem);
}
.entry-content ul,
.entry-content ol {
  margin: 0.5rem 0 1rem 1.25rem;
}
.entry-content img {
  border-radius: 12px;
  display: block;
  max-width: 100%;
  height: auto;
}

/* optional modal polish */
#fc-glyphs-grid {
  font-variant-ligatures: none;
}

#comments li.comment ol.children {
  margin-left: 1rem;
  padding-left: 0.75rem;
  border-left: 2px solid #eee;
}

#reply-title {
  font-size: 18px;
  font-weight: bolder;
}

/* Desktop ≥768px */
@media (min-width: 768px) {
  /* parent đang mang class 'md:group' → phải escape dấu ':' */
  .md\:group {
    position: relative;
  }

  /* mở submenu khi hover/focus vào parent */
  .md\:group:hover > .submenu,
  .md\:group:focus-within > .submenu {
    display: block;
  }

  /* submenu lồng cấp 2+ (flyout) */
  .submenu li:hover > .submenu,
  .submenu li:focus-within > .submenu {
    display: block;
  }

  /* Các util tương đương Tailwind bạn đã dùng trong markup */
  .md\:absolute {
    position: absolute;
  }
  .md\:left-0 {
    left: 0;
  }
  .md\:left-full {
    left: 100%;
  }
  .md\:top-full {
    top: 100%;
  }
  .md\:top-0 {
    top: 0;
  }
  .md\:min-w-\[12rem\] {
    min-width: 12rem;
  }
  .md\:rounded-xl {
    border-radius: 0.75rem;
  }
  .md\:border {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .md\:bg-white {
    background: #fff;
  }
  .md\:shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }
  .md\:p-2 {
    padding: 0.5rem;
  }
}

#fc-dl-overlay .shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* cắt 2 dòng gọn gàng */
.truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}