/* ==================================
   GARY KARIBYAN — AUTHOR WEBSITE
   Dark literary theme
   ================================== */
/* Overall site colours and typography */
body {
	background-color: #171719;
	color: #e5e0dc;
	font-family: Georgia, "Times New Roman", serif;
	line-height: 1.8;
}

/* Main headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #f3eee8;
	font-family: Georgia, "Times New Roman", serif;
	line-height: 1.3;
	letter-spacing: .02em;
}

/* Links */
a {
	color: #c58b91;
	text-underline-offset: 4px;
}

a:hover,
a:focus {
	color: #f0c5c8;
}

/* Header and navigation */
header,
.site-header,
.site-navigation {
	border-bottom: 1px solid #393236;
}

nav a {
	text-decoration: none;
	letter-spacing: .06em;
}

/* Content area */
main,
.site-content,
.entry-content {
	line-height: 1.8;
}

/* Story and post titles */
.entry-title,
.entry-title a {
	color: #f3eee8;
	text-decoration: none;
}

.entry-title a:hover {
	color: #c58b91;
}

/* Images */
img {
	border-radius: 3px;
}

/* Buttons */
button,
.wp-block-button__link,
input[type="submit"] {
	background-color: #702f3b;
	border: 1px solid #96505b;
	border-radius: 3px;
	color: #ffffff;
	padding: 12px 22px;
	text-decoration: none;
	transition: background-color .2s ease;
}

button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover {
	background-color: #8d3d4b;
	color: #ffffff;
}

/* Quotes and excerpts */
blockquote {
	border-left: 3px solid #96505b;
	padding-left: 1.25em;
	color: #d0c2c0;
}

/* Footer */
footer,
.site-footer {
	border-top: 1px solid #393236;
	color: #b8afb0;
}

/* Mobile readability */
@media (max-width: 600px) {
	body {
		line-height: 1.7;
	}
	
	h1 {
		font-size: 2rem;
	}
	
	h2 {
		font-size: 1.6rem;
	}
}

/* Improve text contrast and readability */
body,
p,
li,
.entry-content,
.wp-block-paragraph {
	color: #f5f3f1;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.entry-title a {
	color: #ffffff;
}

a {
	color: #e4a0aa;
}

a:hover,
a:focus {
	color: #ffd7dc;
}

/* Darker, less glaring text */
body,
p,
li,
.entry-content,
.wp-block-paragraph {
	color: #b8b1ae;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.entry-title a {
	color: #d0c5c2;
}

a {
	color: #b77b84;
}

a:hover,
a:focus {
	color: #d19aa1;
}

/* Twenty Eleven — author website refinements */
/* Main page and content */
#page {
	background: #201e20;
}

#main,
#content {
	background: transparent;
}

#content {
	color: #b8b1ae;
	padding-top: 28px;
}

#content p,
#content li {
	color: #b8b1ae;
	line-height: 1.8;
}

/* Site title and tagline */
#site-title a {
	color: #e0d6d2;
	text-decoration: none;
}

#site-description {
	color: #a99a9a;
}

/* Navigation bar */
#access {
	background: #171619;
	border-top: 1px solid #40363a;
	border-bottom: 1px solid #40363a;
}

#access a {
	color: #d0c5c2;
}

#access a:hover,
#access li.current_page_item > a {
	color: #d39aa3;
}

/* Article and page headings */
.entry-title,
.entry-title a,
#content h1,
#content h2,
#content h3 {
	color: #ded3cf;
}

.entry-title a {
	text-decoration: none;
}

.entry-title a:hover {
	color: #d39aa3;
}

/* Links */
#content a {
	color: #bd858e;
}

#content a:hover {
	color: #e0aab1;
}

/* Sidebar */
#secondary {
	color: #b8b1ae;
}

#secondary h3 {
	color: #ded3cf;
}

/* Footer */
#colophon {
	border-top: 1px solid #40363a;
}

#site-generator {
	color: #a99a9a;
}

/* Curated homepage layout — Twenty Eleven */
.author-home {
	max-width: 1040px;
	margin: 0 auto;
	padding: 20px 24px 50px;
}

/* Intro section */
.author-hero {
	text-align: center;
	padding: 65px 25px 75px;
	margin-bottom: 45px;
	background: #252124;
	border-bottom: 2px solid #75434b;
}

.author-kicker {
	color: #bd858e !important;
	font-family: Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.author-hero h1 {
	color: #e2d8d4 !important;
	font-size: clamp(38px, 6vw, 64px);
	margin: 15px 0;
}

.author-tagline {
	color: #c49aa0 !important;
	font-size: 22px;
	font-style: italic;
}

.author-intro,
.author-section-intro {
	max-width: 650px;
	margin: 20px auto 28px;
	color: #b8b1ae !important;
}

/* Buttons */
.author-button {
	display: inline-block;
	padding: 13px 24px;
	background: #75404a;
	border: 1px solid #a66a75;
	color: #fff !important;
	text-decoration: none !important;
	letter-spacing: 1px;
	font-size: 13px;
}

.author-button:hover {
	background: #92515d;
}

/* Featured stories */
.author-stories {
	padding: 25px 0 50px;
	text-align: center;
}

.author-stories h2,
.author-about h2 {
	color: #e2d8d4 !important;
	font-size: 32px;
	margin-bottom: 10px;
}

.author-story-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	margin-top: 35px;
	text-align: left;
}

.author-story {
	padding: 25px;
	background: #252124;
	border-top: 2px solid #75434b;
}

.author-story h3 {
	color: #ded3cf !important;
	font-size: 21px;
}

.author-story p {
	color: #b8b1ae !important;
	font-size: 15px;
}

.author-story a,
.author-text-link {
	color: #cf969f !important;
	text-decoration: none;
}

/* Browse all stories */
.author-all-stories {
	margin-top: 35px;
}

/* About section */
.author-about {
	padding: 45px 25px;
	background: #252124;
	text-align: center;
	border-top: 1px solid #49343a;
}

.author-about > p:not(.author-kicker) {
	max-width: 620px;
	margin: 15px auto;
	color: #b8b1ae !important;
}

/* Mobile layout */
@media (max-width: 700px) {
	.author-home {
		padding: 10px 12px 30px;
	}
	
	.author-hero {
		padding: 40px 15px 45px;
	}
	
	.author-story-grid {
		grid-template-columns: 1fr;
	}
}

/* Remove stray top separator or empty line */
#page {
	border-top: 0 !important;
}

#branding {
	border-top: 0 !important;
}

.author-home {
	border-top: 0 !important;
}

.author-hero {
	margin-top: 0;
}


/* Hide the automatic page title on the homepage only */
.home .entry-title {
  display: none !important;
}



/* Unify the homepage background */
.home,
.home #main,
.home .author-home {
  background-color: #1b191b !important;
}

.home .author-hero,
.home .author-story,
.home .author-about {
  background-color: #252124 !important;
}


/* Reveal the industrial background behind page content */
#page,
#main,
#primary,
#content,
.singular.page .hentry,
.singular .hentry {
    background-color: transparent;
}


/* Let the industrial background show around the content */
#page,
#main,
#primary,
#content {
    background-color: transparent;
}

/* Keep page and article text readable */
body:not(.home) .hentry {
    background-color: rgba(0, 0, 0, 0.84);
    padding: 24px;
    box-sizing: border-box;
}



/* Industrial Gothic - layout refinements */

/* Main website container */
#page {
    background: transparent;
    box-shadow: none;
}

/* Remove unnecessary content backgrounds */
#main,
#primary,
#content {
    background: transparent;
}

/* Clean up the header */
#branding {
    background: rgba(15, 13, 15, 0.75);
    border-top: 0;
}

/* Navigation */
#access {
    background: #1d1a1d;
    box-shadow: none;
}

/* Footer */
#colophon {
    background: rgba(15, 13, 15, 0.88);
    border-top: 1px solid #533038;
}

/* Keep links in the gothic palette */
#content a {
    color: #d7a0a7;
}


/* Twenty Eleven - clean up header branding */

/* Hide the small duplicate title above navigation */
#branding > .site-title {
    display: none;
}

/* Hide empty secondary navigation */
#access + .menu,
#branding .menu:empty {
    display: none;
}


/* ABOUT ME — FIX WHITE BACKGROUND AND TEXT */

/* Target the About Me page only */
body.page-id-102 .entry-content .wp-block-group,
body.page-id-102 .entry-content .wp-block-group__inner-container,
body.page-id-102 .entry-content .wp-block-columns,
body.page-id-102 .entry-content .wp-block-column {
    background-color: transparent !important;
}

/* Dark translucent panel behind the biography */
body.page-id-102 .entry-content > .wp-block-group {
    background-color: rgba(24, 22, 24, 0.90) !important;
    padding: 30px !important;
}

/* Restore readable text */
body.page-id-102 .entry-content p,
body.page-id-102 .entry-content li {
    color: #e8e1df !important;
}

/* Keep image proportions */
body.page-id-102 .entry-content img {
    max-width: 100%;
    height: auto;
}


/* Remove separator below navigation */

#access {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Remove separator above page content */

body.page #main,
body.page #primary,
body.page #content,
body.page .entry-header,
body.page .entry-content {
    border-top: none !important;
    box-shadow: none !important;
}

/* Remove any horizontal rule above content */
body.page .entry-content > hr:first-child {
    display: none !important;
}


/* INDUSTRIAL GOTHIC — UNIFIED HEADER */

/* Same transparent header on every page */
#branding {
    background: rgba(15, 13, 15, 0.78) !important;
    border: none !important;
    box-shadow: none !important;
}

/* Same transparent navigation on every page */
#access {
    background: rgba(25, 22, 25, 0.78) !important;
    border: none !important;
    box-shadow: none !important;
}

/* Remove unwanted header spacing */
#branding {
    padding-bottom: 0 !important;
}

#access {
    margin-top: 0 !important;
}

/* Hide old header search box */
#branding #searchform {
    display: none !important;
}


/* FIX TWENTY ELEVEN HEADER SPACING */

#branding {
    padding-bottom: 0 !important;
}

#branding hgroup {
    padding-top: 20px !important;
    padding-bottom: 15px !important;
}

#branding #site-title {
    padding-top: 0 !important;
}

#branding #site-description {
    margin-bottom: 0 !important;
}

/* Prevent hidden header search from occupying space */
#branding #searchform,
#branding .only-search {
    display: none !important;
}

/* Keep navigation directly below header */
#access {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* HOMEPAGE — REMOVE UNWANTED SEPARATOR */

body.home #content .entry-header {
    border: 0 !important;
    box-shadow: none !important;
}

body.home #content .entry-content {
    border-top: 0 !important;
}

body.home #content hr:first-child {
    display: none !important;
}


/* REMOVE PAGE TITLE SEPARATOR — TWENTY ELEVEN */

body.page .entry-header,
body.page .entry-title {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Twenty Eleven default page content separator */
body.page .hentry {
    border-bottom: none !important;
}


/* ABOUT ME — TRANSLUCENT CHARCOAL PANEL */

body.page-id-102 .entry-content > .wp-block-group {
    background-color: rgba(24, 22, 24, 0.80) !important;
}

/* Keep inner columns transparent */
body.page-id-102 .entry-content .wp-block-columns,
body.page-id-102 .entry-content .wp-block-column {
    background-color: transparent !important;
}


/* ABOUT ME — RESTORE TRANSPARENCY */

/* Main biography group */
body.page-id-102 .entry-content
.wp-block-group.has-background {
    background: rgba(24, 22, 24, 0.80) !important;
}

/* Remove solid backgrounds from columns */
body.page-id-102 .entry-content
.wp-block-columns,
body.page-id-102 .entry-content
.wp-block-column.has-background {
    background: transparent !important;
}

/* Keep biography text readable */
body.page-id-102 .entry-content p {
    color: #e4d9d5 !important;
}

background: rgba(24, 22, 24, 0.80) !important;
}

/* HOME: Remove outer charcoal background */
body.home #primary,
body.home #content,
body.home article.hentry,
body.home article.hentry > .entry-content {
    background: transparent !important;
    box-shadow: none !important;
}


/* HOME: Remove outer charcoal background */
body.home .author-home {
    background-color: transparent !important;
}


/* Home: Make hero section transparent */
body.home .author-home > .author-hero {
    background: transparent !important;
}


/* Remove Twenty Eleven's extra navigation spacing */
#access {
    margin-bottom: 0 !important;
}

/* Remove empty header and navigation spacing */
#branding {
    border-bottom: 0 !important;
}

#main {
    border-top: 0 !important;
}

/* Home page: transparent content wrapper */
body.home #main,
body.home #primary,
body.home #content,
body.home article.hentry,
body.home .entry-content {
    background-color: transparent !important;
}


/* HOME PAGE — remove dark strip below navigation */
body.home #branding,
body.home #access {
    border-bottom: none !important;
}

body.home #access {
    margin-bottom: 0 !important;
}

body.home #branding {
    padding-bottom: 0 !important;
}

/* HOME PAGE — widen featured stories area */
body.home .author-home {
    max-width: 1200px !important;
    width: 100% !important;
}

/* Featured Stories cards */
body.home .author-home .story-grid,
body.home .author-home .stories-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 700px) {
    body.home .author-home .story-grid,
    body.home .author-home .stories-grid {
        grid-template-columns: 1fr !important;
    }
}


/* HOME PAGE — remove line below hero */

body.page-id-905 .author-hero {
    border: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.page-id-905 .author-hero::before,
body.page-id-905 .author-hero::after {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
}

/* Remove borders from the hero's surrounding elements */
body.page-id-905 .author-home,
body.page-id-905 .entry-content {
    border-bottom: none !important;
}


/* HOME — allow the featured stories to use more space */
body.page-id-905 .author-home {
    max-width: 1200px !important;
    width: 100% !important;
}

/* Prevent cards from being constrained by narrow widths */
body.page-id-905 .author-home .story-card,
body.page-id-905 .author-home .featured-card {
    max-width: none !important;
    min-width: 0 !important;
}


/* WIDER FEATURED STORY CARDS — HOME PAGE */

body.page-id-905 .author-stories {
    width: 100% !important;
    max-width: 1150px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.page-id-905 .author-story-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 25px !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.page-id-905 .author-story {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 30px !important;
    box-sizing: border-box !important;
}

body.page-id-905 .author-story h3 {
    font-size: 25px !important;
    line-height: 1.4 !important;
    letter-spacing: 1px !important;
    overflow-wrap: normal !important;
}

/* Responsive layout */
@media (max-width: 800px) {
    body.page-id-905 .author-story-grid {
        grid-template-columns: 1fr !important;
    }
}