/*
Theme Name: Newsup Középkor
Description: Newsup gyermektéma magyaros, középkori hangulatú történelmi oldalakhoz: három oszlopos címoldal (cikkek – hírfolyam – oldalsáv).
Author: 
Template: newsup
Version: 1.2.7
Text Domain: newsup-kozepkor
*/

:root{
  --perg:#eddcb0; --perg-light:#f6ebcb; --card:#fbf3dd;
  --burgundy:#6d1f2c; --burgundy-dark:#4e1420;
  --gold:#b8892b; --gold-light:#e2c06b; --gold-dark:#8a6420;
  --green:#1f3a2c; --green-dark:#14261d;
  --ink:#2b1d14;
  --f-head:'Cinzel','Trajan Pro',Georgia,serif;
  --f-body:'EB Garamond',Georgia,'Times New Roman',serif;
  --cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'%3E%3Cg fill='%23b8892b'%3E%3Crect x='10' y='1' width='4' height='30'/%3E%3Crect x='4' y='6' width='16' height='4'/%3E%3Crect x='1' y='14' width='22' height='4'/%3E%3C/g%3E%3C/svg%3E");
  --cross-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'%3E%3Cg fill='%23e2c06b'%3E%3Crect x='10' y='1' width='4' height='30'/%3E%3Crect x='4' y='6' width='16' height='4'/%3E%3Crect x='1' y='14' width='22' height='4'/%3E%3C/g%3E%3C/svg%3E");
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .32 0 0 0 0 .15 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --mottle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006 .009' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .38 0 0 0 0 .15 0 0 0 .55 -.18'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");
  --ruling:linear-gradient(90deg,transparent 0,transparent 13px,rgba(128,60,38,.28) 13px,rgba(128,60,38,.28) 14px,transparent 14px,transparent 17px,rgba(128,60,38,.28) 17px,rgba(128,60,38,.28) 18px,transparent 18px,transparent calc(100% - 18px),rgba(128,60,38,.28) calc(100% - 18px),rgba(128,60,38,.28) calc(100% - 17px),transparent calc(100% - 17px),transparent calc(100% - 14px),rgba(128,60,38,.28) calc(100% - 14px),rgba(128,60,38,.28) calc(100% - 13px),transparent calc(100% - 13px));
  --arpad:repeating-linear-gradient(90deg,var(--burgundy) 0 30px,var(--perg-light) 30px 60px);
}

/* ---------- Alap: pergamen háttér, finom szemcsézettséggel ---------- */
body{
  background-color:#f2e8cc;
  background-image:
    var(--ruling),
    radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(120,80,30,.20) 100%),
    var(--mottle),
    var(--noise),
    radial-gradient(ellipse at 50% 0,#f8f1dc 0%,#f3e9cf 60%,#eddfbc 100%);
  background-attachment:fixed;
  color:var(--ink);
  font-family:var(--f-body);
  font-size:18px;
  line-height:1.65;
}
h1,h2,h3,h4,h5,h6{font-family:var(--f-head);color:var(--burgundy);letter-spacing:.02em}
a{color:var(--burgundy);text-decoration:none}
a:hover{color:var(--green);text-decoration:underline}
::selection{background:var(--burgundy);color:var(--gold-light)}

/* ---------- Szülő sablon fejléc / menü / lábléc ---------- */
.mg-headwidget .navbar-wp{background:var(--green)!important;border-color:var(--gold)!important}
/* Dátumsáv: teljesen átlátszó, mögötte látszik a fejléckép */
.mg-headwidget .mg-head-detail{background:transparent!important;border-color:var(--gold)!important}
/* A fejléckép (assets/fejlec.jpg) a szülő sablon fejléc-területén jelenik meg */
.mg-headwidget .mg-nav-widget-area{background:transparent!important;min-height:0!important}
.mg-headwidget .mg-nav-widget-area-back{
  background-color:transparent!important;background-image:none!important;min-height:clamp(140px,15vw,300px)}
.mg-headwidget .mg-nav-widget-area-back .overlay,
.mg-headwidget .mg-nav-widget-area-back .inner{background:transparent!important}
.mg-headwidget .site-title{text-wrap:balance}
/* Menü: Cinzel betű, bordó-arany kiegészítők a parent kék elemei helyett */
.navbar-wp .navbar-nav>li>a,.navbar-wp .nav>li>a{font-family:var(--f-head)!important}
.mg-head-detail .time,.mg-head-detail #time{background:var(--burgundy)!important;color:var(--gold-light)!important;border:1px solid var(--gold)}
.btn-bell,.navbar-wp .subscribe-btn,.btn-theme{background:var(--burgundy)!important;color:var(--gold-light)!important;border-color:var(--gold)!important}
.mg-headwidget .navbar-wp{border-top:2px solid var(--gold)!important;border-bottom:3px double var(--gold)!important}
.navbar-wp .navbar-nav>li>a,
.mg-headwidget .mg-head-detail a,
.mg-headwidget .mg-head-detail{color:var(--gold-light)!important;font-family:var(--f-head);letter-spacing:.06em;text-transform:uppercase}
.navbar-wp .navbar-nav>li>a:hover,
.navbar-wp .navbar-nav>.active>a{background:var(--burgundy)!important;color:#fff!important}
.navbar-wp .dropdown-menu{background:var(--green-dark)!important;border:1px solid var(--gold)}
.mg-headwidget .site-title a,.mg-headwidget .site-description{color:var(--gold-light)!important;font-family:var(--f-head);text-shadow:0 2px 3px rgba(0,0,0,.5)}
footer,.mg-footer,.mg-footer-bottom-area{background:var(--green-dark)!important;color:var(--gold-light)}
footer a,.mg-footer a{color:var(--gold-light)}

/* ---------- Fejléckép ---------- */
.nk-banner{max-width:1280px;margin:22px auto 0;padding:0 16px}
.nk-banner img{display:block;width:100%;height:auto;border:3px double var(--gold);outline:1px solid var(--burgundy);outline-offset:4px;
  box-shadow:0 6px 16px rgba(60,30,10,.4)}

/* ---------- Címoldal elrendezés ---------- */
.nk-wrap{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.8fr);
  gap:30px;max-width:1280px;margin:30px auto 48px;padding:0 16px;align-items:stretch;
}

/* Oszlopcímek: bordó szalag, fecskefarkú végekkel, kettős kereszttel */
.nk-col-title{
  position:relative;margin:0 0 20px;padding:12px 30px;text-align:center;
  font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold-light);background:linear-gradient(180deg,#7c2536,var(--burgundy-dark));
  box-shadow:inset 0 2px 0 var(--gold),inset 0 -2px 0 var(--gold),inset 0 0 0 1px rgba(0,0,0,.25);
  clip-path:polygon(0 0,100% 0,calc(100% - 16px) 50%,100% 100%,0 100%,16px 50%);
  text-shadow:0 1px 2px rgba(0,0,0,.6);
}
.nk-col-title::before{content:"";display:inline-block;width:12px;height:16px;margin-right:12px;vertical-align:-2px;background:var(--cross-light) center/contain no-repeat}
.nk-col-title::after{content:"";display:inline-block;width:12px;height:16px;margin-left:12px;vertical-align:-2px;background:var(--cross-light) center/contain no-repeat}

/* A hírfolyam akkora, mint a hosszabbik szomszéd oszlop, benne görgetve */
.nk-feed{position:relative;min-height:560px}
.nk-feed-scroll{position:absolute;top:62px;right:0;bottom:0;left:0;overflow-y:auto;padding:4px 10px 8px 4px;
  scrollbar-color:var(--gold) transparent;scrollbar-width:thin}
.nk-feed-scroll::-webkit-scrollbar{width:8px}
.nk-feed-scroll::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}

/* ---------- Kártyák ---------- */
.nk-card{
  position:relative;background:var(--card);padding:18px 20px;margin:0 0 24px;
  background-image:var(--noise);
  border:1px solid var(--gold-dark);border-top:5px double var(--gold-dark);
  box-shadow:inset 0 0 0 3px var(--card),inset 0 0 0 4px rgba(184,137,43,.6),0 4px 10px rgba(60,30,10,.28);
  transition:transform .15s ease,box-shadow .15s ease;
}
.nk-card:hover{transform:translateY(-2px);
  box-shadow:inset 0 0 0 3px var(--card),inset 0 0 0 4px rgba(184,137,43,.8),0 8px 16px rgba(60,30,10,.35)}
.nk-card-title{font-size:1.2rem;margin:.2em 0 .5em;line-height:1.3}
.nk-card-title a{color:var(--burgundy)}
.nk-card-title a:hover{color:var(--green);text-decoration:none}
.nk-card-text{font-size:1.02rem}
.nk-card-text p:last-child{margin-bottom:0}
.nk-card .nk-thumb{display:block;margin:12px 0}
.nk-card .nk-thumb img,.nk-card img.nk-thumb{display:block;width:100%;height:auto;border:3px double var(--gold);filter:sepia(.28) contrast(1.05);transition:filter .2s}
.nk-card:hover .nk-thumb img{filter:none}
.nk-meta{font-size:.88rem;color:#6b5238;font-style:italic}
.nk-meta a{color:#6b5238}
.nk-hist{display:inline-block;margin:6px 0;font-size:.9rem;color:var(--green);font-style:italic}
.nk-readmore{font-family:var(--f-head);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}

/* Cikk-kártyák: kódex-iniciálé (bordó alap, arany keret és betű) és sarokdísz */
.nk-post-item .nk-card-text::first-letter,
.single-post .entry-content>p:first-of-type::first-letter{
  float:left;font-family:var(--f-head);font-weight:700;font-size:2.9em;line-height:1;
  color:var(--gold-light);text-shadow:0 1px 2px rgba(0,0,0,.55);
  background:radial-gradient(circle at 30% 25%,#8a2a3e 0%,var(--burgundy) 55%,var(--burgundy-dark) 100%);
  border:3px double var(--gold);padding:.08em .2em .02em;margin:.06em .4rem 0 0;
}
.nk-post-item::before,.nk-post-item::after{content:"❖";position:absolute;color:var(--gold-dark);background:var(--card);font-size:13px;line-height:1;padding:0 4px}
.nk-post-item::before{top:-9px;left:14px}
.nk-post-item::after{bottom:-8px;right:14px}

/* Hírfolyam-kártyák: krónika-idővonal pecséttel */
.nk-feed-item{margin-left:26px}
.nk-feed-item::before{content:"";position:absolute;left:-35px;top:20px;width:18px;height:18px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#a33048,var(--burgundy-dark));border:3px solid var(--gold);box-shadow:0 1px 3px rgba(0,0,0,.4);z-index:2}
.nk-feed-item::after{content:"";position:absolute;left:-27px;top:0;bottom:-24px;width:3px;background:linear-gradient(180deg,var(--gold),var(--gold-dark));z-index:1}
.nk-feed-item:last-child::after{bottom:auto;height:30px}
.nk-feed-item:hover{transform:none}
.nk-card-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.nk-avatar{border-radius:50%;border:2px solid var(--gold)}
.nk-card-head strong{display:block;line-height:1.2;font-family:var(--f-head);color:var(--green);font-size:.95rem}
.nk-time{font-size:.82rem;color:#6b5238;font-style:italic}
.nk-badge{margin-left:auto;background:var(--burgundy);color:var(--gold-light);font-family:var(--f-head);
  font-size:.68rem;padding:3px 10px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--gold);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}

/* ---------- Like / megosztás ---------- */
.nk-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;padding-top:12px;
  border-top:3px double var(--gold)}
.nk-actions button,.nk-actions a.nk-btn{
  font-family:var(--f-head);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;
  background:transparent;color:var(--green);cursor:pointer;border:1px solid var(--gold-dark);
  padding:4px 11px;text-decoration:none;line-height:1.5;transition:background .15s,color .15s
}
.nk-actions button:hover,.nk-actions a.nk-btn:hover{background:var(--green);color:var(--gold-light);text-decoration:none}
.nk-like.is-liked{background:var(--burgundy);color:var(--gold-light);border-color:var(--burgundy);cursor:default}
.nk-share-label{font-size:.85rem;color:#6b5238;margin-left:auto;font-style:italic}

/* ---------- Oldalsáv ---------- */
.nk-widget{position:relative;background:var(--card);background-image:var(--noise);padding:16px 18px;margin-bottom:24px;
  border:1px solid var(--gold-dark);border-top:5px double var(--gold-dark);
  box-shadow:inset 0 0 0 3px var(--card),inset 0 0 0 4px rgba(184,137,43,.6),0 4px 10px rgba(60,30,10,.28)}
.nk-widget-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1rem;letter-spacing:.12em;
  text-transform:uppercase;text-align:center;margin:0 0 12px;padding-bottom:10px;border-bottom:3px double var(--gold)}
.nk-widget-title::before,.nk-widget-title::after{content:"";width:10px;height:14px;background:var(--cross) center/contain no-repeat}
.nk-widget ul{list-style:none;margin:0;padding:0}
.nk-widget li{padding:6px 0;border-bottom:1px dotted rgba(138,100,32,.6)}
.nk-widget li:last-child{border-bottom:0}
.nk-widget input[type=search],.nk-widget input[type=text]{background:#fffaf0;border:1px solid var(--gold-dark);padding:6px 9px;font-family:var(--f-body)}
.nk-widget input[type=submit],.nk-widget button[type=submit]{background:var(--burgundy);color:var(--gold-light);border:1px solid var(--gold);padding:6px 14px;font-family:var(--f-head);text-transform:uppercase;font-size:.8rem}
.nk-hist-year{font-family:var(--f-head);color:var(--burgundy);font-weight:700;margin-right:8px}

/* ---------- Lapozó ---------- */
.nk-pager{display:flex;justify-content:space-between;gap:10px;font-family:var(--f-head);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}

/* ---------- Kommentek ---------- */
.comment-respond input[type=submit],.form-submit .submit{background:var(--burgundy);color:var(--gold-light);border:1px solid var(--gold);font-family:var(--f-head)}

/* ---------- Mobil / tablet ---------- */
@media (max-width:991px){
  .nk-wrap{grid-template-columns:1fr}
  .nk-feed{min-height:0}
  .nk-feed-scroll{position:static;max-height:80vh}
  body{font-size:17px}
}