/*
Theme Name:   Victorian
Description:  A MagShow PRO viktoriánus gyermeksablona: viktoriánus stílus, háromoszlopos főoldal (cikkek, hírfolyam, oldalsáv) és "Hírfolyam" bejegyzéstípus tetszik / hozzászólás / megosztás funkciókkal.
Template:     magshow-pro
Version:      1.1.1
Text Domain:  victorian
*/

/* =========================================================================
   1. Színek és betűk – itt állítható az egész stílus
   ========================================================================= */
:root {
	--vic-paper:      #f3e9d2;   /* pergamen */
	--vic-paper-2:    #ebdfc1;   /* öregebb papír */
	--vic-paper-3:    #fbf6e8;   /* világos kártya */
	--vic-ink:        #2a1c12;   /* tinta */
	--vic-ink-soft:   #5b4a3a;
	--vic-burgundy:   #6e1423;   /* bordó */
	--vic-green:      #22402f;   /* palackzöld */
	--vic-green-dark: #1a3224;
	--vic-gold:       #a8842f;   /* réz / arany (csak díszítésre) */
	--vic-gold-light: #d1b46a;
	--vic-rule:       #8a6f3f;   /* vonalak, keretek */

	--vic-display: "Playfair Display", "Didot", "Bodoni MT", Georgia, serif;
	--vic-body:    "EB Garamond", "Garamond", "Palatino Linotype", Georgia, serif;
}

/* =========================================================================
   2. Általános viktoriánus bőr a MagShow elemeire
      (a szelektorok a MagShow saját magshow- előtagú osztályai)

      A fejléc, a menü és a cím SZÍNÉT szándékosan nem írjuk felül ott, ahol
      a Testreszabásban beállított színek érvényesülhetnek.
   ========================================================================= */
body.mscp-victorian {
	background-color: var(--vic-paper);
	background-image:
		radial-gradient(rgba(120, 90, 40, .07) 1px, transparent 1px),
		radial-gradient(rgba(120, 90, 40, .05) 1px, transparent 1px);
	background-size: 22px 22px, 37px 37px;
	background-position: 0 0, 11px 17px;
	color: var(--vic-ink);
	font-family: var(--vic-body);
	font-size: 18px;
	line-height: 1.65;
}

body.mscp-victorian h1,
body.mscp-victorian h2,
body.mscp-victorian h3,
body.mscp-victorian h4,
body.mscp-victorian h5,
body.mscp-victorian h6,
body.mscp-victorian .entry-title,
body.mscp-victorian .magshow-posts-heading,
body.mscp-victorian .magshow-widget-title {
	font-family: var(--vic-display);
	line-height: 1.2;
}

body.mscp-victorian :focus-visible {
	outline: 2px solid var(--vic-gold);
	outline-offset: 2px;
}

/* Fejléc: újságfej, kettős arany vonallal */
body.mscp-victorian .magshow-header-inside {
	border-bottom: 6px double var(--vic-gold);
}
body.mscp-victorian .magshow-site-title {
	font-family: var(--vic-display);
	font-weight: 900;
	font-size: 2.4rem;
	line-height: 1.1;
	text-transform: uppercase;
	letter-spacing: .1em;
}
body.mscp-victorian .magshow-site-title a {
	text-decoration: none;
}
body.mscp-victorian .magshow-site-description {
	font-family: var(--vic-body);
	font-style: italic;
	font-size: 1.12rem;
	line-height: 1.3;
	letter-spacing: .04em;
}

/* Menü */
body.mscp-victorian .magshow-nav-primary,
body.mscp-victorian .magshow-nav-secondary {
	background-color: var(--vic-green);
	border-top: 1px solid var(--vic-gold);
	border-bottom: 1px solid var(--vic-gold);
	box-shadow: none;
}
body.mscp-victorian .magshow-nav-secondary {
	background-color: var(--vic-ink);
}
body.mscp-victorian .magshow-primary-nav-menu a,
body.mscp-victorian .magshow-secondary-nav-menu a {
	font-family: var(--vic-display);
	font-weight: 700;
	font-size: .88rem;
	text-transform: uppercase;
	letter-spacing: .14em;
	color: var(--vic-paper-3);
}
body.mscp-victorian .magshow-primary-nav-menu li:hover > a,
body.mscp-victorian .magshow-primary-nav-menu .current-menu-item > a,
body.mscp-victorian .magshow-primary-nav-menu .current_page_item > a,
body.mscp-victorian .magshow-primary-nav-menu .current-menu-ancestor > a,
body.mscp-victorian .magshow-secondary-nav-menu li:hover > a {
	background-color: var(--vic-burgundy);
	color: var(--vic-paper-3);
}
body.mscp-victorian .magshow-primary-nav-menu .sub-menu {
	background-color: var(--vic-green-dark);
	border: 1px solid var(--vic-gold);
}

/* Cikk- és oldalszöveg */
body.mscp-victorian .entry-content {
	font-size: 1.12rem;
	line-height: 1.75;
}
body.mscp-victorian .entry-content a {
	color: var(--vic-burgundy);
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}
body.mscp-victorian .entry-content a:hover,
body.mscp-victorian .entry-content a:focus {
	color: var(--vic-green);
}
body.mscp-victorian.single .entry-content > p:first-of-type::first-letter {
	float: left;
	font-family: var(--vic-display);
	font-weight: 900;
	font-size: 3.6em;
	line-height: .8;
	padding: .08em .1em 0 0;
	color: var(--vic-burgundy);
}
body.mscp-victorian blockquote {
	margin-left: 0;
	padding: .4em 1.2em;
	border-left: 5px double var(--vic-rule);
	font-style: italic;
	color: var(--vic-ink-soft);
}
body.mscp-victorian hr {
	border: 0;
	border-top: 3px double var(--vic-rule);
}

/* Lábléc */
body.mscp-victorian #magshow-footer-blocks {
	background-color: var(--vic-green);
	color: var(--vic-paper);
	border-top: 6px double var(--vic-gold);
}
body.mscp-victorian #magshow-copyright-area {
	background-color: var(--vic-ink);
	color: var(--vic-paper-2);
	border-top: 1px solid var(--vic-gold);
}
body.mscp-victorian #magshow-footer-blocks a,
body.mscp-victorian #magshow-copyright-area a {
	color: var(--vic-gold-light);
}
body.mscp-victorian .magshow-footer-widget .magshow-widget-title {
	color: var(--vic-paper-3);
	background: transparent;
	border-bottom: 1px solid var(--vic-gold);
}
body.mscp-victorian .magshow-footer-widget .magshow-widget-title-inside {
	background: transparent;
	color: inherit;
}

/* =========================================================================
   3. Háromoszlopos főoldal
      A téma fejléce megnyitja a #magshow-content-wrapper elemet (flex),
      a lábléc zárja – a .mscp-home ebben foglalja el a teljes szélességet.
   ========================================================================= */
.mscp-home {
	flex: 1 1 100%;
	width: 100%;
	max-width: 100%;
	padding: 24px 0 40px;
	box-sizing: border-box;
}

.mscp-home__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, .8fr);
	align-items: start;
}

.mscp-col {
	min-width: 0;
	padding: 0 28px;
}
.mscp-col:first-child { padding-left: 0; }
.mscp-col:last-child  { padding-right: 0; }
.mscp-col + .mscp-col {
	border-left: 4px double var(--vic-rule);
}

.mscp-col__title {
	position: relative;
	margin: 0 0 22px;
	padding: 8px 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: 1rem;
	border-top: 1px solid var(--vic-rule);
	border-bottom: 1px solid var(--vic-rule);
}
.mscp-col__title::before,
.mscp-col__title::after {
	content: "\2766";
	display: inline-block;
	color: var(--vic-gold);
	margin: 0 .7em;
}
.mscp-col__title::after { transform: scaleX(-1); }

.mscp-empty {
	text-align: center;
	font-style: italic;
	color: var(--vic-ink-soft);
}

/* =========================================================================
   4. Klasszikus cikk kártya
   ========================================================================= */
.mscp-card {
	background: var(--vic-paper-3);
	border: 3px double var(--vic-rule);
	padding: 14px;
	margin: 0 0 26px;
	box-shadow: 3px 3px 0 rgba(42, 28, 18, .14);
}
.mscp-card__thumb {
	display: block;
	margin: 0 0 14px;
	border: 1px solid var(--vic-rule);
	padding: 4px;
	background: var(--vic-paper);
	line-height: 0;
}
.mscp-card__thumb img {
	width: 100%;
	height: auto;
	filter: sepia(.45) contrast(1.05);
	transition: filter .3s ease;
}
.mscp-card__thumb:hover img { filter: sepia(.15) contrast(1.05); }

.mscp-card__cat {
	margin: 0 0 4px;
	font-family: var(--vic-display);
	font-size: .82rem;
	text-transform: uppercase;
	letter-spacing: .16em;
}
.mscp-card__cat a { color: var(--vic-burgundy); text-decoration: none; }

.mscp-card__title {
	margin: 0 0 6px;
	font-size: 1.4rem;
	font-weight: 700;
}
.mscp-card__title a {
	color: var(--vic-ink);
	text-decoration: none;
}
.mscp-card__title a:hover { color: var(--vic-burgundy); }

.mscp-card__meta {
	margin: 0 0 10px;
	font-style: italic;
	font-size: .98rem;
	color: var(--vic-ink-soft);
	border-bottom: 1px dotted var(--vic-rule);
	padding-bottom: 8px;
}

.mscp-card__excerpt {
	margin: 0 0 10px;
	font-size: 1.12rem;
	text-align: justify;
	hyphens: auto;
}
.mscp-card__excerpt::first-letter {
	float: left;
	font-family: var(--vic-display);
	font-weight: 900;
	font-size: 3.2em;
	line-height: .8;
	padding: .06em .1em 0 0;
	color: var(--vic-burgundy);
}

.mscp-card__more {
	font-family: var(--vic-display);
	font-size: .88rem;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--vic-burgundy);
	text-decoration: none;
}
.mscp-card__more:hover { color: var(--vic-green); }

/* =========================================================================
   5. Hírfolyam
   ========================================================================= */
.mscp-feed-item {
	position: relative;
	margin: 0 0 24px;
	padding: 16px 18px 12px;
	background: var(--vic-paper-3);
	border: 1px solid var(--vic-rule);
	outline: 1px solid var(--vic-rule);
	outline-offset: -6px;
	box-shadow: 4px 4px 0 rgba(42, 28, 18, .16);
}

.mscp-feed-item__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted var(--vic-rule);
}
.mscp-feed-item__avatar img {
	display: block;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: 2px double var(--vic-gold);
	padding: 2px;
	background: var(--vic-paper);
	filter: sepia(.5);
}
.mscp-feed-item__author {
	display: block;
	font-family: var(--vic-display);
	font-weight: 700;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	line-height: 1.2;
}
.mscp-feed-item__time {
	font-style: italic;
	font-size: .96rem;
	color: var(--vic-ink-soft);
	text-decoration: none;
}

.mscp-feed-item__content {
	font-size: 1.12rem;
	overflow-wrap: anywhere;
}
.mscp-feed-item__content a { color: var(--vic-burgundy); }
.mscp-feed-item__content > :first-child { margin-top: 0; }
.mscp-feed-item__content > :last-child  { margin-bottom: 0; }

.mscp-feed-item__media {
	margin: 12px 0 0;
	padding: 4px;
	border: 1px solid var(--vic-rule);
	background: var(--vic-paper);
	line-height: 0;
}
.mscp-feed-item__media img {
	width: 100%;
	height: auto;
	filter: sepia(.35) contrast(1.05);
}

.mscp-feed-item__stats {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 12px 0 0;
	font-size: .96rem;
	color: var(--vic-ink-soft);
}
.mscp-feed-item__stats[hidden] { display: none; }
.mscp-feed-item__stats [aria-hidden="true"] { color: var(--vic-gold); }

.mscp-feed-item__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 3px double var(--vic-rule);
}

/* Gombok: viktoriánus címke */
.mscp-btn {
	display: inline-flex;
	align-items: center;
	gap: .45em;
	padding: .5em 1em;
	background: transparent;
	color: var(--vic-ink);
	border: 1px solid var(--vic-rule);
	border-radius: 2px;
	font-family: var(--vic-display);
	font-size: .82rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .12em;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease;
}
.mscp-btn:hover:not(:disabled),
.mscp-btn[aria-expanded="true"] {
	background: var(--vic-paper-2);
}
.mscp-btn.is-active,
.mscp-btn--primary {
	background: var(--vic-burgundy);
	border-color: var(--vic-burgundy);
	color: var(--vic-paper-3);
}
.mscp-btn.is-active:hover:not(:disabled),
.mscp-btn--primary:hover:not(:disabled) {
	background: var(--vic-green);
	border-color: var(--vic-green);
}
.mscp-btn:disabled { opacity: .6; cursor: default; }
.mscp-btn--wide {
	display: block;
	width: 100%;
	text-align: center;
	justify-content: center;
	padding: .8em 1em;
}

.mscp-feed-status {
	margin: 8px 0 0;
	text-align: center;
	font-style: italic;
	color: var(--vic-ink-soft);
}

/* Megosztás menü */
.mscp-share {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
	padding: 10px;
	background: var(--vic-paper-2);
	border: 1px dashed var(--vic-rule);
}
.mscp-share[hidden] { display: none; }
.mscp-share__link {
	padding: .35em .8em;
	background: var(--vic-paper-3);
	border: 1px solid var(--vic-rule);
	border-radius: 2px;
	font-family: var(--vic-display);
	font-size: .82rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: var(--vic-ink);
	text-decoration: none;
	cursor: pointer;
}
.mscp-share__link:hover {
	background: var(--vic-green);
	border-color: var(--vic-green);
	color: var(--vic-paper-3);
}

/* Hozzászólások */
.mscp-comments {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px dotted var(--vic-rule);
}
.mscp-comments[hidden] { display: none; }

.mscp-comments__list {
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
}
.mscp-comments__note,
.mscp-comments__closed {
	font-style: italic;
	color: var(--vic-ink-soft);
	font-size: 1rem;
}

.mscp-comment {
	display: flex;
	gap: 10px;
	margin: 0 0 12px;
}
.mscp-comment__avatar img {
	display: block;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 1px solid var(--vic-gold);
	filter: sepia(.5);
}
.mscp-comment__body {
	flex: 1;
	min-width: 0;
	padding: 8px 12px;
	background: var(--vic-paper-2);
	border-left: 3px double var(--vic-rule);
}
.mscp-comment__author {
	font-family: var(--vic-display);
	font-size: .95rem;
	letter-spacing: .04em;
}
.mscp-comment__time {
	margin-left: 6px;
	font-style: italic;
	font-size: .9rem;
	color: var(--vic-ink-soft);
}
.mscp-comment__text { font-size: 1.02rem; overflow-wrap: anywhere; }
.mscp-comment__text p { margin: .3em 0 0; }

.mscp-comment-form__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin-bottom: 8px;
}
.mscp-comment-form input[type="text"],
.mscp-comment-form input[type="email"],
.mscp-comment-form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: .55em .7em;
	background: var(--vic-paper-3);
	color: var(--vic-ink);
	border: 1px solid var(--vic-rule);
	border-radius: 2px;
	font-family: var(--vic-body);
	font-size: 1rem;
}
.mscp-comment-form textarea { resize: vertical; min-height: 4.5em; }
.mscp-comment-form__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-top: 8px;
}
.mscp-comment-form__msg {
	font-style: italic;
	font-size: .98rem;
	color: var(--vic-green);
}
.mscp-comment-form__msg.is-error { color: var(--vic-burgundy); }

/* Méhkas-mező: a botoknak látszik, az embereknek nem */
.mscp-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* =========================================================================
   6. Jobb oldalsáv (a MagShow jelenlegi widgetjei + extra terület)
   ========================================================================= */
/* A MagShow oldalsávja alapból 28% széles és lebegő; itt a harmadik oszlop
   teljes szélességét kapja. A "ragadós oldalsáv" szkriptjét is lefogjuk. */
.mscp-col--side .magshow-sidebar-one-wrapper {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
.mscp-col--side .magshow-sidebar-one-wrapper-inside {
	padding: 0;
}
.mscp-col--side .theiaStickySidebar {
	position: static !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	transform: none !important;
}

.mscp-col--side .magshow-widget-box {
	margin: 0 0 24px;
	padding: 0;
	background: var(--vic-paper-3);
	border: 3px double var(--vic-rule);
	box-shadow: 3px 3px 0 rgba(42, 28, 18, .12);
}
.mscp-col--side .magshow-widget-box-inside {
	padding: 12px 16px 14px;
	background: transparent;
}
.mscp-col--side .magshow-widget-header {
	margin: 0 0 12px;
	background: transparent;
	border: 0;
}
.mscp-col--side .magshow-widget-title {
	margin: 0;
	padding: 4px 0 8px;
	text-align: center;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: .16em;
	background: transparent;
	border-bottom: 1px solid var(--vic-rule);
}
.mscp-col--side .magshow-widget-title-inside {
	padding: 0;
	background: transparent;
}
.mscp-col--side .magshow-widget-title::after {
	content: "\2766";
	display: block;
	margin-top: 4px;
	color: var(--vic-gold);
	letter-spacing: 0;
}
.mscp-col--side .widget ul {
	margin: 0;
	padding-left: 1.1em;
}

/* =========================================================================
   7. Reszponzív
   ========================================================================= */
@media (max-width: 1100px) {
	.mscp-home__inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
	.mscp-col--side {
		grid-column: 1 / -1;
		margin-top: 28px;
		padding: 28px 0 0;
		border-left: 0;
		border-top: 4px double var(--vic-rule);
	}
}

@media (max-width: 720px) {
	.mscp-home { padding: 16px 0 32px; }
	.mscp-home__inner { grid-template-columns: 1fr; }
	.mscp-col,
	.mscp-col:first-child,
	.mscp-col:last-child { padding-left: 0; padding-right: 0; }
	.mscp-col + .mscp-col {
		margin-top: 28px;
		padding-top: 28px;
		border-left: 0;
		border-top: 4px double var(--vic-rule);
	}
	.mscp-comment-form__row { grid-template-columns: 1fr; }
	.mscp-col--side { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
	.mscp-btn,
	.mscp-card__thumb img { transition: none; }
}

/* =========================================================================
   8. Szerkesztés a főoldalról (csak a jogosult, bejelentkezett felhasználónak)
   ========================================================================= */
.mscp-visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/* Új hír űrlap */
.mscp-composer {
	margin: 0 0 24px;
	padding: 14px 16px 12px;
	background: var(--vic-paper-2);
	border: 1px dashed var(--vic-rule);
	outline: 1px solid var(--vic-rule);
	outline-offset: -5px;
}
.mscp-composer__label {
	margin: 0 0 8px;
	font-family: var(--vic-display);
	font-size: .88rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .14em;
}
.mscp-composer__label span {
	font-family: var(--vic-body);
	font-weight: 400;
	font-style: italic;
	text-transform: none;
	letter-spacing: 0;
	color: var(--vic-ink-soft);
}
.mscp-composer textarea,
.mscp-edit-form textarea {
	display: block;
	width: 100%;
	min-height: 5em;
	box-sizing: border-box;
	padding: .6em .8em;
	background: var(--vic-paper-3);
	color: var(--vic-ink);
	border: 1px solid var(--vic-rule);
	border-radius: 2px;
	font-family: var(--vic-body);
	font-size: 1.12rem;
	line-height: 1.5;
	resize: vertical;
}
.mscp-composer__foot,
.mscp-edit-form__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}
.mscp-composer__file { position: relative; }
.mscp-composer__file:focus-within {
	outline: 2px solid var(--vic-gold);
	outline-offset: 2px;
}
.mscp-composer__filename {
	font-style: italic;
	font-size: .98rem;
	color: var(--vic-ink-soft);
	overflow-wrap: anywhere;
}
.mscp-composer__msg,
.mscp-edit-form__msg {
	font-style: italic;
	font-size: .98rem;
	color: var(--vic-green);
}
.mscp-composer__msg.is-error,
.mscp-edit-form__msg.is-error { color: var(--vic-burgundy); }

/* Hírenkénti eszköztár */
.mscp-admin-tools {
	display: flex;
	gap: 4px;
	margin-left: auto;
	align-self: flex-start;
}
.mscp-tool {
	padding: .25em .6em;
	background: transparent;
	border: 1px solid var(--vic-rule);
	border-radius: 2px;
	font-family: var(--vic-display);
	font-size: .76rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--vic-ink-soft);
	text-decoration: none;
	cursor: pointer;
}
.mscp-tool:hover { background: var(--vic-paper-2); color: var(--vic-ink); }
.mscp-tool--danger:hover {
	background: var(--vic-burgundy);
	border-color: var(--vic-burgundy);
	color: var(--vic-paper-3);
}

/* Szerkesztés közben */
.mscp-feed-item.is-editing { outline-color: var(--vic-gold); }
.mscp-edit-form { margin: 0 0 4px; }
.mscp-edit-form__remove {
	display: inline-flex;
	align-items: center;
	gap: .3em;
	font-size: .98rem;
}
.mscp-feed-item.is-removing { opacity: .4; pointer-events: none; }

/* A szülőtéma az oldalsáv szövegét apró (13-14 px) betűvel adja; itt olvashatóbb. */
.mscp-col--side .widget,
.mscp-col--side .widget li,
.mscp-col--side .widget a,
.mscp-col--side .widget p {
	font-size: 1.05rem;
	line-height: 1.55;
}