/*
Theme Name: Minnenas Journal
Theme URI: https://minnenasjournal.nu/
Description: Anpassat childtema till Astra for minnenasjournal.nu. Pappersark pa blommig tapet, roda rubriker och vintagekansla. All sajtens CSS ligger har, ingen Extra CSS behovs i anpassaren.
Author: redaktionen
Template: astra
Version: 1.0.3
Text Domain: minnenas-journal
*/

/* =========================================================
   0. Variabler. Samma farger som tidigare.
   ========================================================= */
:root{
  --mj-rod:#b10018;
  --mj-rod-mork:#8c0012;
  --mj-rod-ljus:#f3d9dc;
  --mj-papper:#fffced;
  --mj-papper-mork:#fbf3dc;
  --mj-sand:#ffeecc;
  --mj-linje:#e6d9b8;
  --mj-text:#3a3a3a;
  --mj-text-ljus:#5a5656;
  --mj-skugga:0 10px 30px rgba(80,40,20,.14),0 1px 3px rgba(80,40,20,.08);
  --mj-radie:10px;
  --mj-tapet:url(https://minnenasjournal.nu/wp-content/uploads/2025/11/wallpaper_flowers.webp);
}

/* Pluginens widgetar foljer sajtens roda i stallet for sin egen bla. */
.mj-pris-widget{--mj-pris-accent:var(--mj-rod)}
.mj-artal-gen,.mj-artal-index{--mj-artal-accent:var(--mj-rod)}

/* =========================================================
   1. Grund: tapeten ligger bakom allt, innehallet pa ett pappersark
   ========================================================= */
html,body{overflow-x:hidden;max-width:100%}
body,
body.ast-separate-container,
body.ast-plain-container{
  background-color:#ffeecc;
  background-image:url(https://minnenasjournal.nu/wp-content/uploads/2025/11/wallpaper_flowers.webp);
  background-repeat:repeat;
  background-position:center top;
  background-size:auto;
  color:var(--mj-text);
}

/* Pappersarket for sidor och enskilda inlagg */
.ast-plain-container #content .ast-container,
.ast-page-builder-template #content .ast-container{
  background:var(--mj-papper);
  border-radius:var(--mj-radie);
  box-shadow:var(--mj-skugga);
  margin-top:34px;
  margin-bottom:46px;
  padding:48px 56px 40px;
  position:relative;
  border-top:4px solid var(--mj-rod);
  width:min(1140px,calc(100% - 28px));
  margin-left:auto;margin-right:auto;
}
/* Astras breda bildlage far inte bryta ut ur arket */
.ast-plain-container .ast-article-image-container--wide,
.ast-plain-container .ast-single-post-featured-section{
  margin-left:0!important;margin-right:0!important;width:100%!important;
}
.ast-plain-container .ast-article-single{margin-top:0}
.ast-plain-container #content .ast-container:before{
  content:"";
  position:absolute;left:14px;right:14px;top:6px;
  border-top:1px solid var(--mj-rod);
  opacity:.55;
}
.ast-plain-container .site-content .ast-container #primary{
  padding:0;margin:0;
}

/* Bloggens separata kort far samma papper. Pappret ligger pa
   .ast-article-inner, sa att mellanrummet mellan korten syns. */
.ast-separate-container .ast-article-post{background:transparent;box-shadow:none;margin-bottom:40px}
.ast-separate-container .ast-article-post .ast-article-inner,
.ast-separate-container .ast-article-single,
.ast-separate-container .widget-area .widget,
.ast-separate-container .ast-archive-description{
  background:var(--mj-papper);
  border-radius:var(--mj-radie);
  box-shadow:var(--mj-skugga);
  border-top:3px solid var(--mj-rod);
  overflow:hidden;
}
.ast-separate-container .ast-row{margin-left:-20px;margin-right:-20px}
.ast-separate-container .ast-article-post{padding-left:20px;padding-right:20px}
.ast-separate-container .widget-area .widget{margin-bottom:28px}

/* =========================================================
   2. Sidhuvud
   ========================================================= */
.site-header,
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar{
  background:var(--mj-papper);
}
#masthead{
  border-bottom:3px double var(--mj-rod);
  box-shadow:0 4px 18px rgba(80,40,20,.10);
}
.ast-primary-header-bar{border-bottom:0}
.main-header-menu .menu-item > .menu-link{
  font-weight:600;
  letter-spacing:.01em;
  position:relative;
}
.main-header-menu .menu-item > .menu-link:after{
  content:"";position:absolute;left:1em;right:1em;bottom:.45em;
  height:2px;background:var(--mj-rod);
  transform:scaleX(0);transform-origin:left;transition:transform .2s ease;
}
.main-header-menu .menu-item:hover > .menu-link:after,
.main-header-menu .current-menu-item > .menu-link:after{transform:scaleX(1)}

/* Logotypen responsiv. Astra skriver ut en fast bredd pa 600px. */
header .custom-logo-link img,
.site-branding .custom-logo-link img,
.astra-logo-svg{width:100%!important;max-width:340px!important;height:auto!important}
@media (max-width:921px){
  header .custom-logo-link img,.site-branding .custom-logo-link img,.astra-logo-svg{max-width:240px!important}
}
@media (max-width:420px){
  header .custom-logo-link img,.site-branding .custom-logo-link img,.astra-logo-svg{max-width:200px!important}
}
.site-logo-img,.site-branding{max-width:100%}

/* =========================================================
   3. Rubriker och text
   ========================================================= */
h1,h2,h3,h4,h5,h6,
.entry-content :where(h1,h2,h3,h4,h5,h6),
.entry-title,.entry-title a{color:var(--mj-rod)}

.entry-header .entry-title,
.ast-single-post .entry-title,
h1.entry-title{
  font-size:2.35rem;line-height:1.2;letter-spacing:-.01em;
  padding-bottom:16px;margin-bottom:22px;position:relative;
}
h1.entry-title:after{
  content:"";display:block;width:72px;height:3px;background:var(--mj-rod);
  margin-top:16px;border-radius:2px;
  box-shadow:84px 0 0 -1px var(--mj-linje),-84px 0 0 -1px var(--mj-linje);
  margin-left:84px;
}

.entry-content h2{
  margin-top:2.1em;margin-bottom:.7em;
  padding-bottom:.3em;
  border-bottom:1px solid var(--mj-linje);
  position:relative;
}
.entry-content h2:after{
  content:"";position:absolute;left:0;bottom:-1px;width:56px;height:3px;background:var(--mj-rod);
}
.entry-content h3{margin-top:1.6em;margin-bottom:.5em;padding-left:14px;border-left:3px solid var(--mj-rod)}

.entry-content > p:first-of-type{font-size:1.1em;line-height:1.7;color:#2c2c2c}

.entry-content a:not(.mj-artal-chip):not(.mj-artal-las):not(.wp-block-button__link){
  color:var(--mj-rod);text-decoration:underline;text-decoration-color:rgba(177,0,24,.35);
  text-underline-offset:3px;transition:text-decoration-color .15s;
}
.entry-content a:hover{text-decoration-color:var(--mj-rod)}

/* Listor med rod markor */
.entry-content ul:not([class]){list-style:none;padding-left:1.35em}
.entry-content ul:not([class]) > li{position:relative;margin-bottom:.45em}
.entry-content ul:not([class]) > li:before{
  content:"";position:absolute;left:-1.2em;top:.62em;width:.5em;height:.5em;
  background:var(--mj-rod);transform:rotate(45deg);border-radius:1px;
}
.entry-content ol:not([class]) > li{margin-bottom:.45em}
.entry-content ol:not([class]) > li::marker{color:var(--mj-rod);font-weight:700}

/* Korthetsrutan pa arssidorna (klassen satts i functions.php) */
.entry-content ul.mj-korthet{
  list-style:none;margin:0 0 1.6em;padding:18px 22px;
  background:var(--mj-papper-mork);border:1px solid var(--mj-linje);
  border-left:5px solid var(--mj-rod);border-radius:8px;
  display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;
}
.entry-content ul.mj-korthet > li{margin:0;padding:0}
.entry-content ul.mj-korthet > li:before{display:none}
.entry-content ul.mj-korthet strong{color:var(--mj-rod)}
@media (max-width:700px){.entry-content ul.mj-korthet{grid-template-columns:1fr}}

blockquote{border-left:4px solid var(--mj-rod);background:var(--mj-papper-mork);padding:14px 20px;border-radius:0 8px 8px 0}

/* =========================================================
   4. Bilder
   ========================================================= */
.entry-content img,.entry-content iframe,.entry-content video{max-width:100%;height:auto}
.ast-single-post-featured-section img,
.ast-article-image-container--wide img,
.entry-content img.wp-image,
.entry-content figure img{
  border-radius:8px;
  box-shadow:0 4px 16px rgba(80,40,20,.18);
}
.ast-single-post-featured-section{margin-bottom:28px}
.ast-article-post .post-thumb-img-content img{aspect-ratio:3/2;width:100%;object-fit:cover}
.wp-caption img[class*=wp-image-],.site .comments-area{border-radius:6px}
.ast-separate-container .site-content .ast-single-post-featured-section + article{margin-top:-15px;z-index:9;position:relative;border-radius:4px}

/* =========================================================
   5. Pluginens rutor: prisomraknare, artalsvaljare, arsnavigering
   ========================================================= */
.mj-pris-widget,.mj-artal-gen{
  background:var(--mj-papper-mork)!important;
  border:1px solid var(--mj-linje)!important;
  box-shadow:0 2px 10px rgba(80,40,20,.08)!important;
  max-width:100%;box-sizing:border-box;
}
.mj-pris-widget input,.mj-pris-widget select,.mj-artal-gen select{
  box-sizing:border-box;max-width:100%;font-size:16px;
  border-color:var(--mj-linje)!important;background:#fff!important;
}
.mj-pris-btn,.mj-artal-btn,.mj-artal-las{border-radius:6px!important;background:var(--mj-rod)!important}
.mj-pris-btn:hover,.mj-artal-btn:hover,.mj-artal-las:hover{background:var(--mj-rod-mork)!important;opacity:1!important}
.mj-pris-resultat,.mj-artal-resultat{border-left-color:var(--mj-rod)!important;background:#fff!important}
.mj-artal-chip{background:#fff!important;border-color:var(--mj-linje)!important;color:var(--mj-text)!important}
.mj-artal-chip:hover{background:var(--mj-rod)!important;border-color:var(--mj-rod)!important;color:#fff!important}
.mj-artal-dec{color:var(--mj-rod)!important;border-bottom:1px dashed var(--mj-linje);padding-bottom:4px}
.mj-pris-inline{font-weight:600;color:var(--mj-rod-mork)}

.mj-artal-nav{
  background:var(--mj-papper-mork)!important;border:1px solid var(--mj-linje)!important;
  border-radius:8px!important;padding:0!important;overflow:hidden;
}
.mj-artal-nav span{flex:1;text-align:center;padding:14px 10px;border-right:1px solid var(--mj-linje)}
.mj-artal-nav span:last-child{border-right:0}
.mj-artal-nav span:first-child{text-align:left}
.mj-artal-nav span:last-child{text-align:right}
.mj-artal-nav a{color:var(--mj-rod)!important;text-decoration:none!important}
.mj-artal-nav a:hover{text-decoration:underline!important}

@media (max-width:560px){
  .mj-pris-widget,.mj-artal-gen{padding:16px!important}
  .mj-artal-rad{flex-direction:column}
  .mj-artal-rad select,.mj-artal-btn,.mj-pris-btn{width:100%}
  .mj-artal-nav{flex-direction:column}
  .mj-artal-nav span,.mj-artal-nav span:first-child,.mj-artal-nav span:last-child{text-align:center;border-right:0;border-bottom:1px solid var(--mj-linje)}
  .mj-artal-nav span:last-child{border-bottom:0}
}

/* Tabeller och utfallbara block som skrivs i innehallet */
.entry-content table{width:100%;border-collapse:collapse;margin:1em 0 1.6em;font-size:.95em}
.entry-content th,.entry-content td{padding:8px 10px;border-bottom:1px solid var(--mj-linje);text-align:left;vertical-align:top}
.entry-content thead th,.mj-tabell thead th{background:var(--mj-rod)!important;color:#fff;font-weight:600}
.entry-content tbody tr:nth-child(even),.mj-tabell tbody tr:nth-child(even){background:var(--mj-papper-mork)!important}
.mj-ar-dec{border-color:var(--mj-linje)!important;background:#fff!important}
.mj-ar-dec summary{color:var(--mj-rod)!important}

.mj-tid{border-left-color:var(--mj-rod)!important}
.mj-tid li:before{border-color:var(--mj-rod)!important;background:var(--mj-papper)!important}
.mj-tid .mj-tid-ar{color:var(--mj-rod)!important}
.mj-formel{border-left-color:var(--mj-rod)!important;background:var(--mj-papper-mork)!important}
/* Diagram i innehallet: staplar och etiketter i sajtens rott, deflationsar i gratt */
.mj-diagram rect[fill="#1d3f5e"],.mj-diagram text[fill="#1d3f5e"]{fill:var(--mj-rod)}
.mj-diagram rect[fill="#b5543c"]{fill:var(--mj-text-ljus)}

/* =========================================================
   6. Bloggen och arkiv
   ========================================================= */
.ast-article-post .entry-title a{color:var(--mj-rod)}
.ast-article-post .entry-title a:hover{color:var(--mj-rod-mork)}
.ast-blog-meta-container,.entry-meta,.entry-meta a{color:var(--mj-text-ljus)}
.ast-blog-single-element.ast-taxonomy-container a,.cat-links a{
  display:inline-block;font-size:.75em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--mj-rod);text-decoration:none;
}
.widget-area .widget-title{color:var(--mj-rod);padding-bottom:.3em;border-bottom:1px solid var(--mj-linje)}
.widget-area .widget ul li a{color:var(--mj-text)}
.widget-area .widget ul li a:hover{color:var(--mj-rod)}

@media (min-width:421px){
  .single .post-navigation .nav-links{display:flex;width:100%;background:var(--mj-papper);border-radius:6px;padding:15px}
}
@media (max-width:420px){
  .ast-separate-container .post-navigation{display:flex;width:100%;background:var(--mj-papper);border-radius:6px;padding:15px;margin-top:24px}
}

/* =========================================================
   7. Sidfot
   ========================================================= */
.site-footer{
  background:var(--mj-papper);
  border-top:3px double var(--mj-rod);
  box-shadow:0 -4px 18px rgba(80,40,20,.10);
}
.ast-builder-footer-grid-columns,.site-below-footer-wrap,.site-primary-footer-wrap{background:transparent}
.site-footer .astra-footer-vertical-menu .menu-link,
.site-footer .menu-link{font-weight:600}
.site-footer .copyright-text,.site-footer .ast-footer-copyright{color:var(--mj-text-ljus);font-size:.9em}
.site-footer .copyright-text:before{content:"\2766";color:var(--mj-rod);margin-right:8px}

/* =========================================================
   8. Knappar, formular, smatt
   ========================================================= */
.ast-button,.button,button:not(.mj-pris-btn):not(.mj-artal-btn):not(.mj-artal-kopiera),input[type=submit],.wpcf7-submit{
  background:var(--mj-rod);color:#fff;border:0;border-radius:6px;font-weight:600;padding:10px 22px;
}
.ast-button:hover,.button:hover,input[type=submit]:hover,.wpcf7-submit:hover{background:var(--mj-rod-mork);color:#fff}
/* Astras mobilmenyknapp: ram och rod ikon i stallet for fylld knapp */
.ast-mobile-header-wrap .menu-toggle,.ast-button-wrap .menu-toggle,.main-header-menu-toggle{
  background:transparent!important;color:var(--mj-rod)!important;
  border:1px solid var(--mj-linje)!important;border-radius:6px;padding:8px 10px;
}
.menu-toggle .ast-mobile-svg,.ast-button-wrap .menu-toggle svg{fill:var(--mj-rod)!important;color:var(--mj-rod)!important}
.ast-mobile-popup-drawer .ast-mobile-popup-inner{background:var(--mj-papper)}
.ast-mobile-popup-drawer .menu-link{color:var(--mj-text)}
.ast-mobile-popup-drawer .current-menu-item > .menu-link{color:var(--mj-rod)}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 textarea,input[type=search]{
  border:1px solid var(--mj-linje);border-radius:6px;background:#fff;
}
.wpcf7 input:focus,.wpcf7 textarea:focus{border-color:var(--mj-rod);outline:none;box-shadow:0 0 0 3px var(--mj-rod-ljus)}
::selection{background:var(--mj-rod);color:#fff}
.ast-scroll-to-top-icon,#ast-scroll-top{background:var(--mj-rod)}

/* =========================================================
   9. Mobil
   ========================================================= */
@media (max-width:921px){
  .ast-plain-container #content .ast-container{padding:26px 20px 24px;margin-top:18px;margin-bottom:28px;border-radius:8px}
  h1.entry-title{font-size:1.75rem}
  h1.entry-title:after{margin-left:0;box-shadow:none}
  .entry-content h2{font-size:1.45rem}
  .entry-content h3{font-size:1.2rem}
}
@media (max-width:420px){
  .ast-plain-container #content .ast-container{padding:20px 14px 18px}
}
@media print{
  body{background:#fff}
  .ast-plain-container #content .ast-container{box-shadow:none;border:0}
}

/* =========================================================
   Innehallskomponenter: tidslinje, tabeller och dropplistor.
   Gemensam grundlayout for alla sidor, farger fran variablerna.
   ========================================================= */
.mj-tabell{width:100%;border-collapse:collapse;margin:.6em 0 1.2em;font-size:.93em}
.mj-tabell th,.mj-tabell td{padding:7px 9px;border-bottom:1px solid var(--mj-linje);text-align:left;vertical-align:top}
.mj-tabell thead th{background:var(--mj-rod);color:#fff;font-weight:600}
.mj-tabell tbody tr:nth-child(even){background:var(--mj-papper-mork)}
.mj-ar-dec{margin:0 0 .6em;border:1px solid var(--mj-linje);border-radius:8px;padding:0 12px;background:var(--mj-papper)}
.mj-ar-dec summary{cursor:pointer;padding:10px 0;font-weight:700;color:var(--mj-rod)}
.mj-ar-dec[open] summary{border-bottom:1px solid var(--mj-linje);margin-bottom:6px}
.mj-tid{list-style:none;margin:1em 0 1.8em;padding:0 0 0 22px;border-left:3px solid var(--mj-rod)}
.mj-tid li{position:relative;margin:0 0 14px;padding-left:4px}
.mj-tid li:before{content:"";position:absolute;left:-28px;top:6px;width:13px;height:13px;border-radius:50%;background:var(--mj-papper);border:3px solid var(--mj-rod);box-sizing:border-box}
.mj-tid .mj-tid-ar{display:block;font-weight:700;color:var(--mj-rod)}
@media (max-width:600px){.mj-tabell{font-size:.8em}.mj-tabell th,.mj-tabell td{padding:5px}}