/*
	Theme Name:   	Superfast Child Craft
	Theme URI:    	https://www.idtheme.com/superfast/
	Description: 	Superfast child theme for www.contentrealtime.com — craft niche identity (warm charcoal + terracotta). Includes fallback thumbnail, Table of Contents, Read Also, breadcrumb and reading-time badges.
	Author: 		Content Realtime
	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
*/

/* ---- Craft palette ----
   --craft-ink:    #2E2A26  warm charcoal
   --craft-accent: #C4674F  terracotta
   --craft-accent-dark: #A9523C
   --craft-cream:  #FAF5EF
   --craft-gold:   #D9A441
*/

body {
    background-color: #FAF5EF;
    color: #33302C;
}

a { color: #B85C3E; }
a:hover, a:focus { color: #A9523C; }

/* 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: charcoal. */
.gmr-secondmenuwrap {
    background-color: #2E2A26;
}
.gmr-secondmenu > li > a,
.gmr-secondmenuwrap a {
    color: #FAF5EF;
}
.gmr-secondmenu > li > a:hover {
    color: #D9A441;
}

/* Primary menu: charcoal bar, terracotta on hover/active. */
.gmr-mainmenu {
    background-color: #2E2A26;
}
.gmr-mainmenu #primary-menu > li > a {
    color: #FAF5EF;
}
.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: #C4674F;
    color: #FFFFFF;
}

/* Headings + titles. */
h1, h2, h3, h4, h5, h6 { color: #2E2A26; }
h2.entry-title a { color: #2E2A26; }
h2.entry-title a:hover { color: #C4674F; }
.gmr-box-content.gmr-single .entry-header h1.entry-title { color: #2E2A26; }
.entry-content-single h2 {
    border-left: 4px solid #C4674F;
    padding-left: 12px;
}
.entry-content-single h3 {
    border-left: 3px solid #D9A441;
    padding-left: 10px;
}

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

/* ---- Breadcrumb ---- */
.craft-breadcrumb {
    font-size: 13px;
    color: #8a857e;
    margin: 0 0 14px 0;
}
.craft-breadcrumb a { color: #B85C3E; }
.craft-breadcrumb .craft-crumb-sep { margin: 0 6px; color: #c9c2b8; }
.craft-breadcrumb .craft-crumb-current { color: #2E2A26; }

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

/* ---- Table of Contents ---- */
.craft-toc {
    background: #FAF5EF;
    border: 1px solid #EADFD3;
    border-left: 4px solid #C4674F;
    border-radius: 8px;
    padding: 16px 20px;
    margin: 0 0 22px 0;
}
.craft-toc-title {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 700;
    color: #2E2A26;
}
.craft-toc ul {
    margin: 0;
    padding-left: 20px;
}
.craft-toc li { margin: 4px 0; }
.craft-toc a { color: #2E2A26; }
.craft-toc a:hover { color: #C4674F; }
.craft-toc .craft-toc-h3 { margin-left: 18px; }

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

/* ---- Footer ---- */
.site-footer {
    background-color: #2E2A26;
    color: #EDE6DB;
}
.site-footer a { color: #D9A441; }
.site-footer a:hover { color: #FFFFFF; }
.site-info { color: #EDE6DB; }

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