/*
  KTWeb V3 - Huynh De scenic theme V1
  Presentation only; preserves existing links, forms, controls and behavior.
  Added after assets/kthu26_home.css on the real index.php.
*/
:root {
  --hd-gold: #f5c66b;
  --hd-gold-deep: #bc873d;
  --hd-red: #780d12;
  --hd-maroon: #350a10;
  --hd-paper: #fff9ec;
}

/* Only homepage background and global chrome when homepage is visible. */
body:has(.kthu26-home) {
  background: radial-gradient(ellipse at 50% 90%, #5d1018 0%, #280b11 60%, #12090f 100%);
}
body:has(.kthu26-home) .top {
  background: linear-gradient(100deg, #150c11 0%, #220b11 50%, #130c11 100%);
  border-bottom: 2px solid var(--hd-gold-deep);
  box-shadow: 0 3px 22px rgba(10, 0, 0, .4);
}
body:has(.kthu26-home) .brand {
  color: #ffdfa0;
  text-shadow: 0 2px 11px rgba(198, 66, 13, .30);
}
body:has(.kthu26-home) .site-nav a {
  border-radius: 7px;
  transition: color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
body:has(.kthu26-home) .site-nav a:hover,
body:has(.kthu26-home) .site-nav a:focus-visible {
  color: #ffdf9f;
  background-color: rgba(115, 17, 26, .45);
  box-shadow: inset 0 -2px 0 var(--hd-gold);
}
body:has(.kthu26-home) .site-nav .nav-account {
  border-color: rgba(235, 179, 84, .7);
}

/* Real site layout: index.php > main.kthu26-home > section.kthu26-hero > img. */
.kthu26-home .kthu26-hero {
  position: relative;
  background-color: #1e3346;
  background-image: url('./huynhde-banner.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  border-top: 1px solid rgba(245, 198, 107, .56);
  border-bottom: 3px solid var(--hd-gold-deep);
}
/* Keep the original image element in the DOM: it provides the current responsive
   size; hide only its pixels, never remove the element or its attributes. */
.kthu26-home .kthu26-hero picture,
.kthu26-home .kthu26-hero img {
  visibility: hidden !important;
}
.kthu26-home .kthu26-hero::after {
  content: '';
  display: block;
  position: absolute;
  inset: auto 0 0;
  height: 8px;
  background: linear-gradient(to bottom, transparent, rgba(55, 10, 18, .38));
  pointer-events: none;
}

/* Existing announcement and events areas retain their original contents/links. */
.kthu26-home .kthu26-news-wrap {
  background: transparent;
}
.kthu26-home .kthu26-news-panel {
  background: var(--hd-paper);
  border: 1px solid rgba(228, 175, 90, .85);
  box-shadow: 0 8px 24px rgba(12, 3, 4, .22);
  border-radius: 11px;
  overflow: hidden;
}
.kthu26-home .kthu26-news-heading {
  background: linear-gradient(100deg, #800b11 0%, #640b0f 70%, #470b11 100%);
  border-bottom: 2px solid #e1b05e;
  color: #ffe4a6;
}
.kthu26-home .kthu26-news-heading h2,
.kthu26-home .kthu26-news-heading a {
  color: #ffe5aa;
}
.kthu26-home .kthu26-news-heading a:hover {
  color: #fff;
  text-decoration: underline;
}
.kthu26-home .kthu26-news-content {
  background: #fffaf1;
  color: #321c1b;
}
.kthu26-home .kthu26-news-content .kthu24-feed-item {
  border-color: rgba(128, 76, 53, .15);
}
.kthu26-home .kthu26-news-content .kthu24-feed-item:hover {
  background: #fff0df;
}
body:has(.kthu26-home) .footer {
  border-top: 1px solid rgba(231, 175, 82, .55);
  background: linear-gradient(#1b1014, #100a0d);
}

@media (max-width: 740px) {
  .kthu26-home .kthu26-hero { background-position: 50% center; }
  .kthu26-home .kthu26-news-panel { border-radius: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  body:has(.kthu26-home) .site-nav a { transition: none; }
}