/*
	Theme Name:   	Superfast Child Fantech
	Theme URI:    	https://www.idtheme.com/superfast/
	Description: 	Superfast child theme for www.fantech.eu.org — Fan Tech identity (deep navy + tech blue). Includes fallback thumbnail, Table of Contents, Read Also, breadcrumb and reading-time badges.
	Author: 		Fan Tech
	Version: 		1.0.0
	License: 		GNU General Public License v2 or later
	License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: 	superfast
	Template: 		superfast
*/

/* ---- Fan Tech palette ----
   --fantech-ink:    #0B1220  deep navy-black
   --fantech-accent: #1E6FEB  tech blue
   --fantech-accent-dark: #144FC0
   --fantech-bg:     #F6F9FC
   --fantech-cyan:   #22D3EE
*/

body {
    background-color: #F6F9FC;
    color: #1E293B;
}

a { color: #1E6FEB; }
a:hover, a:focus { color: #144FC0; }

/* Keep header logo constrained; all other styling inherits from parent. */
.gmr-logo img,
.gmr-logomobile img,
.custom-logo-link img {
    max-height: 64px;
    width: auto;
    height: auto;
}

/* Secondary (top) menu bar: deep navy. */
.gmr-secondmenuwrap {
    background-color: #0B1220;
}
.gmr-secondmenu > li > a,
.gmr-secondmenuwrap a {
    color: #F6F9FC;
}
.gmr-secondmenu > li > a:hover {
    color: #22D3EE;
}

/* Primary menu: deep navy bar, tech blue on hover/active. */
.gmr-mainmenu {
    background-color: #0B1220;
}
.gmr-mainmenu #primary-menu > li > a {
    color: #F6F9FC;
}
.gmr-mainmenu #primary-menu > li:hover > a,
.gmr-mainmenu #primary-menu > li.current-menu-item > a,
.gmr-mainmenu #primary-menu > li.current-menu-ancestor > a {
    background-color: #1E6FEB;
    color: #FFFFFF;
}

/* Headings + titles. */
h1, h2, h3, h4, h5, h6 { color: #0B1220; }
h2.entry-title a { color: #0B1220; }
h2.entry-title a:hover { color: #1E6FEB; }
.gmr-box-content.gmr-single .entry-header h1.entry-title { color: #0B1220; }
.entry-content-single h2 {
    border-left: 4px solid #1E6FEB;
    padding-left: 12px;
}
.entry-content-single h3 {
    border-left: 3px solid #22D3EE;
    padding-left: 10px;
}

/* Content cards on light background. */
.gmr-box-content {
    background-color: #FFFFFF;
    border-radius: 10px;
}
.content-thumbnail img {
    border-radius: 10px;
}

/* ---- Breadcrumb ---- */
.fantech-breadcrumb {
    font-size: 13px;
    color: #64748B;
    margin: 0 0 14px 0;
}
.fantech-breadcrumb a { color: #1E6FEB; }
.fantech-breadcrumb .fantech-crumb-sep { margin: 0 6px; color: #CBD5E1; }
.fantech-breadcrumb .fantech-crumb-current { color: #0B1220; }

/* ---- Reading time badge ---- */
.fantech-minread {
    display: inline-block;
    background-color: #1E6FEB;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 6px 10px;
    border-radius: 999px;
    margin: 0 0 12px 0;
}
.entry-meta .fantech-minread { margin: 6px 0 0 8px; }

/* ---- Table of Contents ---- */
.fantech-toc {
    background: #F6F9FC;
    border: 1px solid #DBEAFE;
    border-left: 4px solid #1E6FEB;
    border-radius: 8px;
    padding: 16px 20px;
    margin: 0 0 22px 0;
}
.fantech-toc-title {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 700;
    color: #0B1220;
}
.fantech-toc ul {
    margin: 0;
    padding-left: 20px;
}
.fantech-toc li { margin: 4px 0; }
.fantech-toc a { color: #0B1220; }
.fantech-toc a:hover { color: #1E6FEB; }
.fantech-toc .fantech-toc-h3 { margin-left: 18px; }

/* ---- Read Also box ---- */
.fantech-readalso {
    display: flex;
    gap: 14px;
    align-items: center;
    background: #F6F9FC;
    border: 1px solid #DBEAFE;
    border-left: 4px solid #22D3EE;
    border-radius: 8px;
    padding: 14px 16px;
    margin: 24px 0;
}
.fantech-readalso-thumb {
    flex: 0 0 120px;
}
.fantech-readalso-thumb img {
    width: 120px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}
.fantech-readalso-label {
    margin: 0 0 4px 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #1E6FEB;
}
.fantech-readalso-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}
.fantech-readalso-title a { color: #0B1220; }
.fantech-readalso-title a:hover { color: #1E6FEB; }
@media (max-width: 480px) {
    .fantech-readalso-thumb { flex-basis: 84px; }
    .fantech-readalso-thumb img { width: 84px; height: 60px; }
}

/* ---- Footer ---- */
.site-footer {
    background-color: #0B1220;
    color: #E2E8F0;
}
.site-footer a { color: #7DD3FC; }
.site-footer a:hover { color: #FFFFFF; }
.site-info { color: #E2E8F0; }

/* Search + buttons accent. */
button, input[type="submit"], .button {
    background-color: #1E6FEB;
}
button:hover, input[type="submit"]:hover, .button:hover {
    background-color: #144FC0;
}

/* Sidebar: archive list height-limited + scroll; empty latest-comments widget hidden. */
.widget-area .wp-block-archives-list { max-height: 300px; overflow-y: auto; padding-right: 6px; }
.widget_block:has(.wp-block-latest-comments) { display: none; }