/*
Theme Name: Gridbox Dark
Theme URI: https://themezee.com/themes/gridbox/
Author: ThemeZee
Author URI: https://themezee.com
Description: Dark version of Gridbox with purple accents.
Version: 10.0.2-dark
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gridbox
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS (unchanged, only colors changed)
----------------------------------------------------------------
... (структура та же, цвета заменены) ...
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 1.0 - Normalize (без изменений)
--------------------------------------------------------------*/
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
... (остальные стили Normalize остаются без изменений) ...

/*--------------------------------------------------------------
# 2.0 - Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #e0e0e0;                  /* светлый текст вместо #222 */
	font-family: 'Roboto', Tahoma, Arial;
	font-size: 16px;
	line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 { clear: both; }
p { margin-bottom: 1.5em; }
dfn, cite, em, i { font-style: italic; }
blockquote {
	margin: 0 1.5em;
	border-left: 4px solid #9b4dca;   /* фиолетовый акцент */
	padding-left: 1.25em;
	font-size: 18px;
	font-style: italic;
	color: #b0b0b0;                   /* светлее #777 */
}
blockquote cite,
blockquote small {
	margin-top: 1em;
	display: block;
	font-size: 16px;
	line-height: 1.75;
	color: #c0c0c0;                  /* вместо #404040 */
}
blockquote cite:before,
blockquote small:before { content: "\2014\00a0"; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote > :last-child { margin-bottom: 0.5em; }

hr {
	background-color: #444;          /* вместо #ccc */
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em;
	padding: 0 0 0 1.25em;
}
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }
dt { font-weight: bold; }
dd { margin: 0 0 1.5em; }

img {
	height: auto;
	max-width: 100%;
}

table {
	margin: 0 0 1.5em;
	border: none;
	table-layout: fixed;
	width: 100%;
}
th, td {
	border: 1px solid #444;           /* вместо #ddd */
	padding: 0.3em 0.6em;
}

a {
	color: #9b4dca;                  /* фиолетовый для ссылок */
	text-decoration: none;
}
a:link, a:visited { color: #9b4dca; }
a:hover, a:focus, a:active {
	color: #b57edc;                  /* светлый фиолетовый при наведении */
}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/*--------------------------------------------------------------
# 3.0 - Elements (фон страницы и элементы)
--------------------------------------------------------------*/
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

body {
	background: #1e1e1e;             /* тёмно-серый фон страницы */
}

blockquote { /* уже переопределён выше */ }

/*--------------------------------------------------------------
# 4.0 - Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: 0.4em 0.8em;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #9b4dca;             /* фиолетовый */
	border: none;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.2s ease;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #7b2fbe;             /* более тёмный фиолетовый при наведении */
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	max-width: 100%;
	padding: 0.3em 0.6em;
	color: #ccc;                     /* светлый текст */
	border: 1px solid #555;          /* вместо #ddd */
	background: #2a2a2a;             /* тёмный фон полей */
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #fff;
	border: 1px solid #9b4dca;       /* фиолетовая рамка при фокусе */
}
textarea { width: 100%; }

/*--------------------------------------------------------------
# 5.0 - Accessibility (без изменений)
--------------------------------------------------------------*/
.screen-reader-text { ... } /* остаётся как в оригинале */

/*--------------------------------------------------------------
# 6.0 - Alignments (без изменений)
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/*--------------------------------------------------------------
# 7.0 - Clearings (без изменений)
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

/*--------------------------------------------------------------
# 8.0 - Layout Structure
--------------------------------------------------------------*/
.site { width: 100%; margin: 0; }
.container {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 0 2.5em;
}
.site-content {
	padding-top: 2.5em;
	background: #2a2a2a;             /* тёмный фон контента */
}
.content-single {
	float: left;
	width: 70%;
	padding-right: 4em;
	box-sizing: border-box;
}
.sidebar {
	float: right;
	width: 30%;
}

/*--------------------------------------------------------------
# 9.0 - Header
--------------------------------------------------------------*/
.site-header {
	background: #1a1a1a;             /* чуть темнее основного */
}
.site-branding {
	float: left;
	max-width: 100%;
	margin: 1em 0;
	padding: 0;
}
.site-branding a:link,
.site-branding a:visited,
.site-branding a:hover {
	text-decoration: none;
	padding: 0;
	border: none;
}
.site-title {
	display: inline-block;
	margin: 0.25rem 0;
	padding: 0;
	color: #fff;
	font-family: 'Roboto Slab', Georgia, Times New Roman;
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;
}
.site-title a:link,
.site-title a:visited { color: #fff; }
.site-title a:hover,
.site-title a:active { color: #b57edc; }  /* фиолетовый при наведении */

.site-branding .custom-logo {
	margin: 0 1em 0 0;
	padding: 0;
	border: none;
	vertical-align: top;
	max-width: 100%;
	height: auto;
}
.header-image { text-align: center; }
.header-image img {
	max-width: 2500px;
	max-height: 500px;
	vertical-align: top;
	width: 100%;
	height: auto;
}

/*--------------------------------------------------------------
# 10.0 - Navigation
--------------------------------------------------------------*/
.primary-navigation {
	float: right;
	margin: 1em 0;
}
.main-navigation-toggle { display: none; }
.main-navigation-menu {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
}
.main-navigation-menu li {
	float: left;
	position: relative;
	margin: 0;
}
.main-navigation-menu a {
	display: block;
	font-size: 16px;
	padding: 0.75em 1.25em;
	text-decoration: none;
}
.main-navigation-menu > .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0.4em 0 0 0.2em;
	font-size: 16px;
	line-height: 1;
	font-family: 'Genericons';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: inherit;
	vertical-align: top;
	content: '\f431';
	color: #9b4dca;                 /* фиолетовая стрелка */
}
.main-navigation-menu a:link,
.main-navigation-menu a:visited { color: #fff; }
.main-navigation-menu li a:hover { color: #b57edc; }

.main-navigation-menu ul {
	position: absolute;
	display: none;
	z-index: 99;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	background: #1a1a1a;
	border-top: 1px solid rgba(255,255,255,0.1);
}
.main-navigation-menu ul li { margin: 0; }
.main-navigation-menu ul a {
	width: 250px;
	padding: 1em;
	float: left;
	font-size: 13px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	transition: none;
}
.main-navigation-menu ul li:last-child a { border-bottom: none; }
.main-navigation-menu ul .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0.2em 0 0 0.2em;
	font-size: 14px;
	line-height: 1;
	font-family: 'Genericons';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: inherit;
	vertical-align: top;
	content: '\f431';
	color: #9b4dca;
	transform: rotate(270deg);
}
.main-navigation-menu ul .menu-item-has-children > a:hover:after { text-decoration: none; }
.main-navigation-menu li ul ul {
	margin-left: 250px;
	margin-top: -1px;
	padding: 0;
	border: 1px solid rgba(255,255,255,0.1);
}
.main-navigation-menu li:hover ul ul,
.main-navigation-menu li:hover ul ul ul,
.main-navigation-menu li:hover ul ul ul ul { display: none; }
.main-navigation-menu li:hover ul,
.main-navigation-menu li li:hover ul,
.main-navigation-menu li li li:hover ul,
.main-navigation-menu li li li li:hover ul { display: block; }
.main-navigation-menu li.current-menu-item > a { text-decoration: underline; }
.main-navigation-menu ul li.current-menu-item > a:after { text-decoration: none; }

/* Social Icons Menu (цвета иконок) */
.social-icons-menu li a:before { color: #fff; } /* иконки белые */
.social-icons-menu li a:hover:before { color: #9b4dca; } /* фиолетовые при наведении */

/*--------------------------------------------------------------
# 11.0 - Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 2.5em 0;
	color: #ccc;                     /* светлый текст */
	word-wrap: break-word;
}
.widget-header {
	margin: 0 0 1.25em 0;
	border-left: 6px solid #9b4dca;   /* фиолетовая полоса */
}
.widget-title {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 0.8em;
	font-family: 'Roboto Slab', Georgia, Times New Roman;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #e0e0e0;                  /* светлый заголовок */
}
.widget ul {
	margin: 0;
	padding: 0 0.3em;
	list-style: circle inside;
}
.widget ul .children,
.widget ul .sub-menu {
	padding: 0;
	margin: 0.5em 0 0.5em 1em;
}
.widget-title a:link,
.widget-title a:visited { color: #e0e0e0; }
.widget-title a:hover,
.widget-title a:active { color: #b57edc; }

.widget select { max-width: 100%; }

/* Search Widget */
.search-form { ... } /* стили без изменений, кроме цвета фона и бордера */
.search-form .search-field {
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 0.5em 1.5em 0.5em 0.7em;
	box-sizing: border-box;
	-webkit-appearance: none;
	background: #2a2a2a;
	border: 1px solid #555;
	color: #ccc;
}
.search-form .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	padding: 0.6em 0.6em 0 0;
	cursor: pointer;
	background: transparent;
}
.search-form .search-submit .genericon-search {
	display: inline-block;
	padding: 0.05em 0 0.55em 0.45em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	line-height: 1;
	font-family: 'Genericons';
	text-decoration: inherit;
	font-weight: normal;
	font-style: normal;
	vertical-align: middle;
	color: #9b4dca;                 /* фиолетовая лупа */
}

/* Magazine Posts Widgets */
.widget-magazine-posts { margin-bottom: 0; }
.widget-magazine-posts .widget-header { border: none; margin-bottom: 1.5em; }
.widget-magazine-posts .widget-header .widget-title {
	padding: 0;
	font-size: 40px;
	text-transform: none;
	color: #e0e0e0;
}
.widget-magazine-posts .widget-header .category-description {
	font-size: 20px;
	color: #b0b0b0;
}
.widget-magazine-posts .widget-header .category-description p { margin: 0.5em 0 2em; }
.widget-magazine-posts .type-post .entry-content { font-size: 16px; }
.widget-magazine-posts .type-post .entry-excerpt p { margin: 0.5em 0 1em; }
.widget-magazine-posts .type-post .entry-meta {
	font-size: 14px;
	margin-bottom: 0.5em;
	color: #999;
}

/* Magazine Grid (без изменений структуры) */
.magazine-grid { display: flex; flex-wrap: wrap; margin-right: -2.5em; }
.magazine-grid .magazine-grid-post { float: left; display: flex; padding-right: 2.5em; box-sizing: border-box; }
.magazine-two-columns-grid .magazine-grid-post { width: 50%; }
.magazine-two-columns-grid .type-post .entry-title { font-size: 32px; }
.magazine-three-columns-grid .magazine-grid-post { width: 33.333%; }
.magazine-three-columns-grid .type-post .entry-title { font-size: 24px; }
.magazine-four-columns-grid .magazine-grid-post { width: 25%; }
.magazine-four-columns-grid .type-post .entry-title { font-size: 20px; }

/*--------------------------------------------------------------
# 12.0 - Content Area
--------------------------------------------------------------*/
.type-post,
.type-page,
.type-attachment {
	margin: 0 0 2.5em 0;
	max-width: 100%;
}
.archive-title,
.page-title,
.entry-title {
	display: inline;
	font-family: 'Roboto Slab', Georgia, Times New Roman;
	font-size: 40px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #e0e0e0;                  /* светлый заголовок */
	word-wrap: break-word;
}
.entry-title a:link,
.entry-title a:visited { color: #e0e0e0; }
.entry-title a:hover,
.entry-title a:active { color: #b57edc; }

.entry-content { font-size: 17px; color: #ccc; }
.wp-post-image { margin: 0 0 0.5em; }

.more-link {
	display: inline-block;
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: #9b4dca;
	transition: all 0.2s ease;
}
.more-link:link, .more-link:visited { color: #fff; }
.more-link:hover, .more-link:active { background: #7b2fbe; }

.page-links { margin: 0; word-spacing: 1em; font-weight: bold; }

/* Entry Meta */
.entry-meta {
	margin: 0.25em 0 0;
	color: #999;                     /* светлее #888 */
	font-size: 16px;
}
.entry-meta a:link, .entry-meta a:visited { color: #999; }
.entry-meta a:hover, .entry-meta a:active { color: #ccc; }
.entry-meta span:after { content: "\002F"; margin-left: 0.2em; }
.entry-meta span:last-child:after { display: none; }

/* Entry Tags & Tagcloud */
.entry-tags { margin: 0 0 2em; }
.widget_tag_cloud .tagcloud,
.entry-tags .meta-tags { font-size: 14px; }
.widget_tag_cloud .tagcloud a,
.entry-tags .meta-tags a {
	float: left;
	display: inline-block;
	margin: 0 2px 2px 0;
	padding: 0.2em 0.5em 0.3em;
	text-decoration: none;
	background: #9b4dca;
	font-size: 14px !important;
	color: #fff;
}
.widget_tag_cloud .tagcloud a:link,
.widget_tag_cloud .tagcloud a:visited,
.entry-tags .meta-tags a:link,
.entry-tags .meta-tags a:visited { color: #fff; }
.widget_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:active,
.entry-tags .meta-tags a:hover,
.entry-tags .meta-tags a:active {
	color: #fff;
	background: #7b2fbe;
}

/* Post Navigation */
.post-navigation {
	margin: 0;
	padding: 1em 0;
	border-top: 2px solid #444;      /* вместо #eee */
}
.post-navigation .nav-links .nav-previous { float: left; }
.post-navigation .nav-links .nav-next { float: right; }
.post-navigation .nav-links a {
	display: inline-block;
	margin: 0 0 3px;
	padding: 0.3em 0.8em;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: #9b4dca;
	transition: all 0.2s ease;
}
.post-navigation .nav-links a:link, .post-navigation .nav-links a:visited { color: #fff; }
.post-navigation .nav-links a:hover, .post-navigation .nav-links a:active { background: #7b2fbe; }

/* Archives */
.page-header { margin-bottom: 2.5em; }
.page-header .blog-description,
.page-header .archive-description {
	font-size: 20px;
	color: #b0b0b0;
}
.page-header .blog-description p,
.page-header .archive-description p { margin: 0.5em 0 0; }

.post-wrapper .type-post .entry-content { font-size: 16px; }
.post-wrapper .type-post .entry-excerpt p { margin: 0.5em 0 1em; }
.post-wrapper .type-post .entry-meta {
	font-size: 14px;
	margin-bottom: 0.5em;
	color: #999;
}

/* Post Columns */
.post-wrapper { display: flex; flex-wrap: wrap; margin-right: -2.5em; }
.post-wrapper .post-column { float: left; display: flex; padding-right: 2.5em; box-sizing: border-box; }
.post-layout-two-columns .post-wrapper .post-column { width: 50%; }
.post-layout-two-columns .post-wrapper .type-post .entry-title { font-size: 32px; }
.post-layout-three-columns .post-wrapper .post-column { width: 33.333%; }
.post-layout-three-columns .post-wrapper .type-post .entry-title { font-size: 24px; }
.post-layout-four-columns .post-wrapper .post-column { width: 25%; }
.post-layout-four-columns .post-wrapper .type-post .entry-title { font-size: 20px; }

/* Pagination */
.post-pagination { margin: 0 0 2.5em; }
.post-pagination a,
.post-pagination .current {
	display: inline-block;
	margin: 0 2px 2px 0;
	padding: 0.4em 0.9em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #9b4dca;
}
.post-pagination a:link, .post-pagination a:visited { color: #fff; }
.post-pagination a:hover,
.post-pagination .current { background: #7b2fbe; }

/* Infinite Scroll */
.infinite-scroll .post-pagination { display: none; }
.infinite-scroll #infinite-handle span {
	display: inline-block;
	margin: 0 0 2.5em;
	padding: 0.3em 0.8em;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: #9b4dca;
	transition: all 0.2s ease;
}
.infinite-scroll #infinite-handle span:hover { background: #7b2fbe; }

/* Breadcrumbs */
.breadcrumbs { margin: 0; border-bottom: 1px solid rgba(255,255,255,0.05); }
.breadcrumbs-container {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background: #2a2a2a;
	color: #ccc;
	font-size: 14px;
}
.breadcrumbs .trail-browse,
.breadcrumbs .trail-items,
.breadcrumbs .trail-items li { display: inline; margin: 0; padding: 0; }
.breadcrumbs .trail-browse { margin-right: 0.5em; font-size: 14px; font-weight: normal; }
.breadcrumbs .trail-items { list-style: none; }
.breadcrumbs .trail-items li::after { content: "\00bb"; padding: 0 0.5em; }
.trail-separator-slash .trail-items li::after { content: "\002F"; }
.trail-separator-dash .trail-items li::after { content: "\2013"; }
.trail-separator-bull .trail-items li::after { content: "\2022"; }
.trail-separator-arrow-bracket .trail-items li::after { content: "\003e"; }
.trail-separator-raquo .trail-items li::after { content: "\00bb"; }
.trail-separator-single-arrow .trail-items li::after { content: "\2192"; }
.trail-separator-double-arrow .trail-items li::after { content: "\21D2"; }
.breadcrumbs .trail-items li:last-of-type::after { display: none; }

/*--------------------------------------------------------------
# 13.0 - Featured Posts
--------------------------------------------------------------*/
.featured-posts-wrap { margin: 0 0 2.5em; }
.featured-posts { display: flex; flex-wrap: wrap; margin-right: -0.5em; }
.featured-posts .grid-post { display: flex; width: 33.333%; padding-right: 0.5em; box-sizing: border-box; }
.featured-posts .grid-post:nth-child(1),
.featured-posts .grid-post:nth-child(2) { width: 50%; }
.featured-posts .grid-post .type-post .featured-image { margin: 0; vertical-align: top; }
.featured-posts .grid-post .type-post { position: relative; margin: 0 0 0.5em; }
.featured-posts .grid-post .type-post .image-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.1s ease;
}
.featured-posts .grid-post .type-post:hover .image-overlay {
	background: rgba(0,0,0,0.3);    /* затемнение при наведении */
}
.featured-posts .grid-post .type-post .post-content {
	position: absolute;
	left: 1.5em;
	bottom: 1.5em;
	right: 1.5em;
}
.featured-posts .grid-post .type-post .entry-title {
	display: block;
	padding: 0.2em 0.6em;
	font-size: 28px;
	text-shadow: 0 0 15px #000;
	color: #fff;
}
.featured-posts .grid-post:nth-child(1) .type-post .entry-title,
.featured-posts .grid-post:nth-child(2) .type-post .entry-title {
	font-size: 36px;
}
.featured-posts .grid-post .type-post .entry-title a:link,
.featured-posts .grid-post .type-post .entry-title a:visited { color: #fff; }
.featured-posts .grid-post .type-post .entry-title a:hover,
.featured-posts .grid-post .type-post .entry-title a:active { color: #b57edc; }

/*--------------------------------------------------------------
# 14.0 - Comments
--------------------------------------------------------------*/
.comments-area { margin: 0 0 2.5em; }
.comments-header,
.comment-reply-title {
	margin: 0 0 1.25em 0;
	border-left: 6px solid #9b4dca;
}
.comments-header .comments-title,
.comment-reply-title span {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 0.8em;
	font-family: 'Roboto Slab', Georgia, Times New Roman;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #e0e0e0;
}
.comment-list { margin: 0; padding: 0; list-style: none; }
.comment {
	margin: 0 0 1.5em;
	padding: 0 0 1.5em;
	border-bottom: 2px solid #444;
	word-wrap: break-word;
}
.comment-meta { float: left; width: 100%; padding: 0; }
.comment-meta .comment-author img { float: left; margin-right: 1em; }
.bypostauthor { display: block; }
.comment-meta .comment-metadata { margin-top: 0.3em; font-size: 14px; color: #999; }
.comment-meta .comment-metadata a { margin-right: 1em; color: #999; }
.comment-meta .comment-metadata a:hover { color: #ccc; }
.comment-content { clear: left; padding: 0.2em 0 0; color: #ccc; }
.comment-content a { word-wrap: break-word; }
.comment ol.children { list-style: none; }
.comment ol.children .comment {
	margin: 1.5em 0 0;
	padding: 1.5em 0 0;
	border-top: 2px solid #444;
	border-bottom: none;
}
.comment .comment-respond { margin-top: 2em; }

.comment-navigation {
	margin: 0 0 1.5em;
	padding: 0.5em 0;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	font-size: 14px;
}
.comment-navigation .nav-previous { float: left; }
.comment-navigation .nav-next { float: right; }

.reply .comment-reply-link {
	display: inline-block;
	margin: 0;
	padding: 0.2em 0.6em;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: #9b4dca;
	transition: all 0.2s ease;
}
.reply .comment-reply-link:link, .reply .comment-reply-link:visited { color: #fff; }
.reply .comment-reply-link:hover, .reply .comment-reply-link:active { background: #7b2fbe; }

.comment-form { padding: 0; }
.comment-form label { display: inline-block; min-width: 150px; font-weight: bold; color: #ccc; }
.comment-form textarea { margin-top: 0.4em; background: #2a2a2a; border: 1px solid #555; color: #ccc; }
.comment-form .submit { padding: 1em 1.6em; background: #9b4dca; color: #fff; }
.comment-form .submit:hover { background: #7b2fbe; }
.comment-reply-title small a { margin-left: 1em; text-decoration: underline; font-size: 14px; font-weight: normal; color: #b57edc; }

/*--------------------------------------------------------------
# 15.0 - Footer
--------------------------------------------------------------*/
.footer-wrap { background: #1a1a1a; }
.site-footer {
	font-size: 14px;
	color: rgba(255,255,255,0.6);
}
.site-footer a:link,
.site-footer a:visited { color: #b57edc; }
.site-footer a:hover,
.site-footer a:active { color: #fff; }
.site-footer .site-info { padding: 2em 0; }

/*--------------------------------------------------------------
# 16.0 - Media (без изменений)
--------------------------------------------------------------*/
... (остаётся как в оригинале) ...

/*--------------------------------------------------------------
# 17.0 - Media Queries (цвета уже изменены в базовых стилях)
--------------------------------------------------------------*/
... (медиа-запросы оставляем без изменений, т.к. они касаются структуры, а не цветов) ...

/*--------------------------------------------------------------
# 18.0 - Theme Option Styles (только изменения цветов)
--------------------------------------------------------------*/
.sidebar-left .content-single { float: right; padding-right: 0; padding-left: 4em; }
.sidebar-left .sidebar { float: left; }
@media only screen and (max-width: 80em) { .sidebar-left .content-single { padding-left: 2em; } }
@media only screen and (max-width: 55em) { .sidebar-left .content-single { float: none; width: 100%; padding: 0; } }

.sticky-header .fixed-header { position: fixed; z-index: 100; top: 0; width: 100%; }
.sticky-header.admin-bar .fixed-header { top: 32px; }
.sticky-header .fixed-header .site-branding,
.sticky-header .fixed-header .primary-navigation,
.sticky-header .fixed-header .main-navigation-toggle { margin: 0.5em 0; transition: all 0.2s ease; }
@media only screen and (max-width: 60em) {
	.sticky-header .fixed-header .main-navigation-toggle { padding: 0.75em 1em; }
	.sticky-header .fixed-header .primary-navigation { margin: 0; }
}
@media only screen and (max-width: 782px) { .sticky-header.admin-bar .fixed-header { top: 46px; } }
@media only screen and (max-width: 600px) { .sticky-header.admin-bar .fixed-header { top: 0; } }

/*--------------------------------------------------------------
# 19.0 - Media Query Fixes (без изменений)
--------------------------------------------------------------*/
@media only screen and (min-width: 60.001em) {
	.main-navigation-menu { display: block !important; }
}

/* ============================================================
   СОВРЕМЕННЫЕ КАРТОЧКИ ПОСТОВ (плитки)
   ============================================================ */

/* Общий стиль для всех карточек постов в сетке */
.post-wrapper .post-column .type-post,
.magazine-grid .magazine-grid-post .type-post,
.featured-posts .grid-post .type-post {
    background: #2d2d2d;              /* чуть светлее основного фона */
    border-radius: 12px;              /* скругление углов */
    overflow: hidden;                 /* чтобы содержимое не вылезало за радиус */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    width: 100%;                      /* чтобы карточка занимала всю ширину колонки */
    margin-bottom: 1.5em;             /* отступ снизу */
}

/* Избавляемся от лишних отступов внутри карточки */
.post-wrapper .post-column .type-post .entry-content,
.magazine-grid .magazine-grid-post .type-post .entry-content {
    padding: 0 1.2em 1.2em;
}

/* Заголовок внутри карточки – делаем отступы */
.post-wrapper .post-column .type-post .entry-title,
.magazine-grid .magazine-grid-post .type-post .entry-title {
    padding: 0.5em 1.2em 0;
    margin: 0;
}

/* Метаданные и текст – тоже отступы */
.post-wrapper .post-column .type-post .entry-meta,
.magazine-grid .magazine-grid-post .type-post .entry-meta {
    padding: 0 1.2em;
}

.post-wrapper .post-column .type-post .entry-excerpt,
.magazine-grid .magazine-grid-post .type-post .entry-excerpt {
    padding: 0 1.2em;
}

/* Изображение внутри карточки – без отступов, чтобы прилегало к краям */
.post-wrapper .post-column .type-post .wp-post-image,
.magazine-grid .magazine-grid-post .type-post .wp-post-image {
    margin: 0;
    border-radius: 12px 12px 0 0;     /* скругляем только верхние углы */
    width: 100%;
    display: block;
    transition: transform 0.4s ease;
}

/* Эффект при наведении на карточку */
.post-wrapper .post-column .type-post:hover,
.magazine-grid .magazine-grid-post .type-post:hover,
.featured-posts .grid-post .type-post:hover {
    transform: translateY(-6px);       /* поднимаем вверх */
    box-shadow: 0 12px 28px rgba(155, 77, 202, 0.4); /* фиолетовое свечение */
    background: #333;                 /* слегка светлее фон при наведении */
}

/* При наведении на карточку – увеличиваем картинку (опционально) */
.post-wrapper .post-column .type-post:hover .wp-post-image,
.magazine-grid .magazine-grid-post .type-post:hover .wp-post-image {
    transform: scale(1.03);
}

/* Стиль для кнопки "Читать далее" – делаем её более заметной */
.more-link {
    display: inline-block;
    margin: 0.5em 0 0.2em;
    padding: 0.5em 1.2em;
    border-radius: 30px;              /* скруглённая кнопка */
    background: linear-gradient(135deg, #9b4dca, #7b2fbe);
    border: none;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}
.more-link:hover {
    background: linear-gradient(135deg, #b57edc, #9b4dca);
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgba(155, 77, 202, 0.5);
}

/* Для виджета Magazine Posts – чтобы карточки выглядели так же */
.widget-magazine-posts .magazine-grid .magazine-grid-post .type-post {
    background: #2d2d2d;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    margin-bottom: 1.5em;
}
.widget-magazine-posts .magazine-grid .magazine-grid-post .type-post:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(155, 77, 202, 0.4);
    background: #333;
}
.widget-magazine-posts .magazine-grid .magazine-grid-post .type-post .wp-post-image {
    margin: 0;
    border-radius: 12px 12px 0 0;
    display: block;
    transition: transform 0.4s ease;
}
.widget-magazine-posts .magazine-grid .magazine-grid-post .type-post:hover .wp-post-image {
    transform: scale(1.03);
}

/* Для избранных постов (featured) – оставляем их особенными, но добавляем лёгкую тень */
.featured-posts .grid-post .type-post {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.featured-posts .grid-post .type-post:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(155, 77, 202, 0.3);
}

/* Адаптивность: на маленьких экранах убираем лишние отступы */
@media only screen and (max-width: 30em) {
    .post-wrapper .post-column .type-post .entry-content,
    .magazine-grid .magazine-grid-post .type-post .entry-content {
        padding: 0 0.8em 0.8em;
    }
    .post-wrapper .post-column .type-post .entry-title,
    .magazine-grid .magazine-grid-post .type-post .entry-title {
        padding: 0.3em 0.8em 0;
    }
    .post-wrapper .post-column .type-post .entry-meta,
    .magazine-grid .magazine-grid-post .type-post .entry-meta {
        padding: 0 0.8em;
    }
    .post-wrapper .post-column .type-post .entry-excerpt,
    .magazine-grid .magazine-grid-post .type-post .entry-excerpt {
        padding: 0 0.8em;
    }
}