/*
Theme Name: TcolTech News
Theme URI: https://tcoltech.com
Description: Magazine-style tech news child theme of Twenty Twenty-Five. White base with electric blue accent, inspired by modern tech publications.
Author: TcolTech News
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.0
Text Domain: tcoltech-news
*/

/* ===== Header ===== */
.tcol-header { z-index: 200; border-bottom: 1px solid var(--wp--preset--color--accent-4); box-shadow: 0 2px 14px rgba(35,22,32,.06); }
.tcol-logo a { font-weight: 900; font-size: 1.45rem; letter-spacing: -0.03em; text-decoration: none; display: inline-flex; align-items: center; gap: .55rem; }
.tcol-logo a::before { content: ""; width: 15px; height: 15px; background: var(--wp--preset--color--accent-1); border-radius: 4px; display: inline-block; }
.tcol-nav a { text-decoration: none; font-weight: 600; font-size: .95rem; }
.tcol-nav a:hover { color: var(--wp--preset--color--accent-1); }
.tcol-search .wp-block-search__button { background: var(--wp--preset--color--accent-2); border: none; border-radius: 8px; cursor: pointer; }
.tcol-topstrip { font-size: .85rem; color: var(--wp--preset--color--accent-3); }
.tcol-topstrip a { text-decoration: none; font-weight: 600; color: var(--wp--preset--color--accent-1); }
.tcol-topstrip a:hover { text-decoration: underline; }

/* ===== Cards ===== */
.tcol-card .wp-block-post-featured-image { overflow: hidden; border-radius: 12px; }
.tcol-card .wp-block-post-featured-image img { transition: transform .35s ease; display: block; }
.tcol-card:hover .wp-block-post-featured-image img { transform: scale(1.045); }
.tcol-card .wp-block-post-title { line-height: 1.25; }
.tcol-card .wp-block-post-title a { text-decoration: none; }
.tcol-card .wp-block-post-title a:hover { color: var(--wp--preset--color--accent-1); }
.tcol-card .wp-block-post-date, .tcol-card .wp-block-post-date a { color: var(--wp--preset--color--accent-3); font-size: .8rem; }
.tcol-card .wp-block-post-excerpt { color: var(--wp--preset--color--accent-3); font-size: .95rem; }
.tcol-card-hero .wp-block-post-title { margin-top: 2px; }

/* Category badge */
.wp-block-post-terms.tcol-badge { display: inline-flex; gap: 6px; line-height: 1; }
.tcol-badge a { background: var(--wp--preset--color--accent-1); color: #fff !important; font-size: .66rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; padding: 5px 9px; border-radius: 4px; text-decoration: none; }
.tcol-badge a:hover { background: var(--wp--preset--color--accent-6); }

/* Section titles */
.tcol-sec-title { border-left: 5px solid var(--wp--preset--color--accent-1); padding-left: 14px; text-transform: uppercase; letter-spacing: .03em; font-size: 1.1rem; }

/* Mini + horizontal cards */
.tcol-mini { border-bottom: 1px solid var(--wp--preset--color--accent-4); padding-bottom: 16px; }
.tcol-mini .wp-block-post-featured-image, .tcol-hcard .wp-block-post-featured-image { border-radius: 8px; overflow: hidden; flex-shrink: 0; }
.tcol-mini .wp-block-post-title { font-size: .95rem; line-height: 1.35; }
.tcol-hcard { border-bottom: 1px solid var(--wp--preset--color--accent-4); padding-bottom: 22px; }
.tcol-hcard .wp-block-post-title { font-size: 1.15rem; line-height: 1.3; }

/* Trending sidebar */
.tcol-trending ul.wp-block-post-template { list-style: none; padding: 0; margin: 0; counter-reset: trend; }
.tcol-trending li.wp-block-post { counter-increment: trend; display: flex; gap: 14px; align-items: baseline; padding: 12px 0; margin: 0; border-bottom: 1px solid var(--wp--preset--color--accent-4); }
.tcol-trending li.wp-block-post::before { content: counter(trend, decimal-leading-zero); font-weight: 900; font-size: 1.35rem; color: var(--wp--preset--color--accent-1); opacity: .9; }
.tcol-trending .wp-block-post-title { font-size: .95rem; line-height: 1.4; margin: 0; }
.tcol-trending .wp-block-post-title a { text-decoration: none; }
.tcol-trending .wp-block-post-title a:hover { color: var(--wp--preset--color--accent-1); }

/* Sidebar box */
.tcol-sidebox { border-radius: 12px; }

/* Footer */
.tcol-footer a { color: #ffd9e9; text-decoration: none; }
.tcol-footer a:hover { color: #ffffff; }
.tcol-footer .tcol-logo a { color: #ffffff; }
.tcol-footer ul { list-style: none; padding: 0; margin: 0; }
.tcol-footer ul li { padding: 4px 0; }
.tcol-footer .wp-block-separator { border-color: rgba(255,255,255,.3); opacity: 1; }

/* Misc */
.wp-block-query-pagination a { text-decoration: none; font-weight: 600; }
.wp-block-post-navigation-link a { text-decoration: none; font-weight: 600; color: var(--wp--preset--color--accent-1); }
/* ===== Nav dropdowns (tcol dropdowns) ===== */
.tcol-nav { font-size: .89rem; }
.tcol-nav .wp-block-navigation__container { gap: 16px; }
.tcol-nav .wp-block-navigation__submenu-icon { margin-left: 2px; }
.tcol-nav .wp-block-navigation__submenu-container {
  background: #ffffff !important;
  border: 1px solid var(--wp--preset--color--accent-4) !important;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(35,22,32,.14);
  padding: 8px !important;
  min-width: 210px;
  z-index: 300;
}
.tcol-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  padding: 8px 12px !important;
  border-radius: 7px;
  font-weight: 500;
  color: var(--wp--preset--color--contrast);
}
.tcol-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
  background: var(--wp--preset--color--accent-2);
  color: var(--wp--preset--color--accent-1);
}
@media (max-width: 781px) {
  .tcol-nav .wp-block-navigation__submenu-container { box-shadow: none; border: none !important; }
}
/* ===== Article polish ===== */
.wp-block-post-content > p:first-of-type {
  font-size: 1.16rem;
  line-height: 1.7;
  color: var(--wp--preset--color--contrast);
}
.wp-block-post-content h2 {
  margin-top: 2.2rem;
  padding-bottom: .35rem;
  border-bottom: 2px solid var(--wp--preset--color--accent-4);
  font-size: 1.45rem;
}
.wp-block-post-content h3 { margin-top: 1.6rem; }
.wp-block-post-content a { color: var(--wp--preset--color--accent-1); text-decoration-thickness: 1px; text-underline-offset: 2px; }
.wp-block-post-content img { border-radius: 10px; height: auto; }
.wp-block-post-content figcaption { color: var(--wp--preset--color--accent-3); font-size: .82rem; text-align: center; }
.wp-block-post-content blockquote {
  border-left: 4px solid var(--wp--preset--color--accent-1);
  background: var(--wp--preset--color--accent-2);
  padding: 1rem 1.4rem;
  border-radius: 0 10px 10px 0;
  font-style: italic;
}
.wp-block-post-content ul li, .wp-block-post-content ol li { margin-bottom: .35rem; }
/* tag pills on single posts */
.tcol-tags a {
  display: inline-block;
  background: var(--wp--preset--color--accent-2);
  color: var(--wp--preset--color--accent-1);
  font-size: .78rem;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 999px;
  text-decoration: none;
  margin: 0 6px 6px 0;
}
.tcol-tags a:hover { background: var(--wp--preset--color--accent-1); color: #fff; }
/* ===== reference article layout ===== */
.tcol-dek .wp-block-post-excerpt__excerpt, .tcol-dek p {
  font-style: italic;
  color: var(--wp--preset--color--accent-3);
  font-size: 1.05rem;
  line-height: 1.5;
  margin: 0;
}
.tcol-dek .wp-block-post-excerpt__more-text { display: none; }
.tcol-thin-sep { height: 1px; margin-top: 6px; margin-bottom: 6px; }
.tcol-author { display: flex; align-items: center; gap: 10px; }
.tcol-author .wp-block-post-author__avatar img { border-radius: 50%; display: block; }
.tcol-author .wp-block-post-author__byline { font-size: .8rem; color: var(--wp--preset--color--accent-3); margin: 0; display: inline; }
.tcol-author .wp-block-post-author__name { font-size: .9rem; font-weight: 700; color: var(--wp--preset--color--accent-1); margin: 0; display: inline; }
.tcol-pubdate::before { content: "Published: "; font-weight: 700; color: var(--wp--preset--color--contrast); }
.tcol-feat figcaption { text-align: center; color: var(--wp--preset--color--accent-3); font-size: .8rem; margin-top: 8px; }
.wp-block-post-content p { text-align: justify; }
/* share bar */
.tcol-share { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.tcol-share span { font-weight: 700; font-size: .85rem; margin-right: 4px; }
.tcol-share a {
  display: inline-block;
  border: 1.5px solid var(--wp--preset--color--accent-1);
  color: var(--wp--preset--color--accent-1);
  font-size: .82rem;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 999px;
  text-decoration: none;
}
.tcol-share a:hover { background: var(--wp--preset--color--accent-1); color: #fff; }