/*
	Theme Name:   Superfast Child Outfit
	Theme URI:    https://outfit.contentrealtime.com/
	Description:  Child theme for outfit.contentrealtime.com — clothing & fashion design. Black + gold identity with blush accents.
	Author:       Outfit
	Version:      1.0.1
	License:      GNU General Public License v2 or later
	License URI:  http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain:  superfast
	Template:     superfast
*/

:root {
	--outfit-black: #111111;
	--outfit-ink: #1a1a1a;
	--outfit-gold: #c6a15b;
	--outfit-gold-dark: #a8823c;
	--outfit-blush: #f7e8e3;
	--outfit-cream: #fdfbf8;
}

/* 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;
}

body {
	background: var(--outfit-cream);
	color: var(--outfit-ink);
}

/* Headings: elegant serif for fashion identity.
   Strong specificity + !important: parent customizer CSS is printed
   after the child stylesheet and would otherwise win. */
body h1, body h2, body h3,
body .entry-title,
body .entry-title a {
	font-family: Georgia, "Times New Roman", serif !important;
	color: var(--outfit-black);
}

a, a:visited { color: var(--outfit-gold-dark); }
a:hover, a:focus { color: var(--outfit-black); }

/* Main menu bar: black with gold hover. */
.top-header,
.gmr-menuwrap,
.gmr-mainmenu {
	background: var(--outfit-black) !important;
}
.gmr-mainmenu a {
	color: #f5f5f5 !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.gmr-mainmenu a:hover,
.gmr-mainmenu .current-menu-item > a,
.gmr-mainmenu .current-menu-ancestor > a {
	color: var(--outfit-gold) !important;
	background-color: var(--outfit-black) !important;
}
/* Override parent customizer red (#db301e) hover background on menu items. */
.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: var(--outfit-black) !important;
	color: var(--outfit-gold) !important;
}

/* Secondary (top) menu strip. */
.gmr-secondmenuwrap {
	background: var(--outfit-black);
	border-bottom: 2px solid var(--outfit-gold);
}
.gmr-secondmenu a { color: #e8e8e8 !important; }
.gmr-secondmenu a:hover { color: var(--outfit-gold) !important; }

/* Buttons / read-more accents. */
.button,
button,
input[type="submit"],
.gmr-box-content .read-more a,
.entry-content .read-more {
	background: var(--outfit-black) !important;
	color: #fff !important;
	border: 1px solid var(--outfit-black);
}
.button:hover,
button:hover,
input[type="submit"]:hover {
	background: var(--outfit-gold-dark) !important;
	border-color: var(--outfit-gold-dark);
}

/* Breadcrumb on single posts. */
.outfit-breadcrumb {
	font-size: 13px;
	color: #777;
	margin: 0 0 10px;
}
.outfit-breadcrumb a { color: var(--outfit-gold-dark); }
.outfit-breadcrumb .outfit-breadcrumb-sep { margin: 0 6px; color: var(--outfit-gold); }

/* Reading time. */
.outfit-reading-time {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 10px;
	border: 1px solid var(--outfit-gold);
	border-radius: 999px;
	color: var(--outfit-gold-dark);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	background: var(--outfit-blush);
}

/* Table of Contents box. */
.outfit-toc {
	border: 1px solid var(--outfit-gold);
	border-left: 5px solid var(--outfit-gold);
	background: #fff;
	padding: 18px 22px;
	margin: 22px 0;
	border-radius: 4px;
}
.outfit-toc h2.outfit-toc-title {
	margin: 0 0 10px;
	font-size: 20px;
	color: var(--outfit-black);
}
.outfit-toc ol {
	margin: 0;
	padding-left: 22px;
}
.outfit-toc li { margin: 6px 0; }
.outfit-toc a { color: var(--outfit-ink); text-decoration: none; }
.outfit-toc a:hover { color: var(--outfit-gold-dark); text-decoration: underline; }

/* Read Also box mid-article. */
.outfit-read-also {
	border: 1px solid #e5d9c5;
	background: var(--outfit-blush);
	padding: 18px 22px;
	margin: 26px 0;
	border-radius: 4px;
}
.outfit-read-also h3 {
	margin: 0 0 10px;
	font-size: 18px;
	color: var(--outfit-black);
}
.outfit-read-also ul { margin: 0; padding-left: 20px; }
.outfit-read-also li { margin: 6px 0; }
.outfit-read-also a { color: var(--outfit-ink); font-weight: 600; }
.outfit-read-also a:hover { color: var(--outfit-gold-dark); }

/* Fallback thumbnail. */
.outfit-fallback-thumb img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}

/* Footer: black with gold rule, readable on dark. */
#footer-container,
#footer-sidebar,
.site-footer {
	background: var(--outfit-black) !important;
	color: #ddd;
}
.site-footer a { color: var(--outfit-gold); }
.site-footer a:hover { color: #fff; }
#footer-sidebar .widget-title,
#footer-sidebar h2 { color: #fff; }
#footer-sidebar a,
.widget-footer a { color: var(--outfit-gold) !important; }
#footer-sidebar a:hover,
.widget-footer a:hover { color: #fff !important; }

/* Sidebar: arsip dibatasi tinggi + scroll; widget komentar terbaru (kosong) disembunyikan. */
.widget-area .wp-block-archives-list { max-height: 300px; overflow-y: auto; padding-right: 6px; }
.widget_block:has(.wp-block-latest-comments) { display: none; }