/*
Theme Name: Museum Lite
Theme URI: https://www.stockholmmuseum.com
Author: Stockholm Museum
Description: Lightweight custom theme scaffold for stockholmmuseum.com
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: museum-lite
*/

/* ==========================
   No CLS
========================== */
html{overflow-y:scroll}
.site-header{min-height:80px}
.nav-container{min-height:50px}
svg,img{display:block}
.header-meta{display:flex;align-items:center;gap:12px}
.header-time,.header-weather{display:inline-block;min-width:90px;height:20px}
.header-top{min-height:80px;display:flex;align-items:center}

.header-time:empty::before,.header-weather:empty::before{content:"00:00";visibility:hidden}

.spacer-2rem{height:2rem}

/* -------------------------------------
   Header Container
------------------------------------- */
.site-header{position:sticky;top:0;z-index:2000;box-shadow:0 4px 10px #00000026}
.site-header::after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:10px;background:linear-gradient(to bottom,#00000014,transparent);pointer-events:none}

/* -------------------------------------
   Top Row (logo + pills)
------------------------------------- */
.header-top{background: linear-gradient(to bottom, #2E4A63, #4F7FA8);display:flex;justify-content:center;padding:.6rem 0}
.header-row{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;padding:0 .75rem;box-sizing:border-box;max-width: 1400px;
  margin: 0 auto;}
.header-logo{display:flex;justify-content:center}
.header-logo img.site-logo{display:block;height:auto;max-height:60px;max-width:100%}
@media (max-width: 768px) {.header-logo img.site-logo{max-height:45px}}
@media (max-width: 480px) {.header-logo img.site-logo{max-height:35px}}

/* -------------------------------------
   Pills row (time + weather)
------------------------------------- */
.header-pills{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:.4rem;flex-wrap:wrap}
.header-pills > *{display:inline-flex;align-items:center;gap:.4em;padding:.25em .8em;background: rgba(0, 0, 0, 0.25);backdrop-filter: blur(2px);border-radius:999px;line-height:1;white-space:nowrap;font-size:.95rem;font-family:'Work Sans',sans-serif;color:#fff;font-weight:600}
.header-weather .wi{font-size:1em;position:relative;top:.05em}

/* -------------------------------------
  PILL SEARCH
------------------------------------- */
.mobile-explore-btn{background:#28a745;border:none;cursor:pointer;transition:background .2s ease;font-weight:700}
.mobile-explore-btn:hover{background:#218838}
.mobile-explore-btn span{font-size:1.1em}
@media (min-width: 1025px) {.mobile-explore-btn{display:none!important}}
@media (min-width: 1025px) {
.header-row{flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem}
.header-logo{flex:0 0 auto}
.header-pills{margin-top:0}
}

/* -------------------------------------
   Navigation Row (sticky)
------------------------------------- */
.header-nav{background:#2A4761;padding:.5rem 0}
.header-nav-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.header-search{flex:0 0 auto}
.header-menu{flex:1 1 auto;
  min-width: 0; /* Add this if it's inside a flex container to allow overflow */
  overflow: visible; /* Important: allow dropdowns to show */
  white-space: nowrap; width: max-content; /* Prevent internal wrapping */}
@media (max-width: 1024px) {.header-nav{display:none!important}}
@media (min-width: 1025px) {.header-nav{display:block}}

/*----------------------------------------
    DROPDOWN MENU (Menu2)
-----------------------------------------*/
.dropdown-menu{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.dropdown-menu li{position:relative}
.dropdown-menu > li > a{display:flex;align-items:center;justify-content:center;gap:.25em;color:#fff;text-decoration:none;padding:.3rem .7rem;font-family:'Work Sans',sans-serif;
font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;transition:background-color .3s ease,color .3s ease;white-space:nowrap;line-height:1.2}
.dropdown-menu > li > a:hover{background:#a8a46b80;color:#fff}
.dropdown-menu > li.current-menu-item > a,.dropdown-menu > li.current-menu-ancestor > a{background:#959b6b;color:#fff;font-weight:800}
.dropdown-menu > li > ul.sub-menu{position:absolute;top:100%;left:0;background:#000000d9;min-width:220px;list-style:none;padding:.25rem 0;margin:0;z-index:9999;opacity:0;visibility:hidden;
transform:translateY(5px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;border-radius:0 0 8px 8px}
.dropdown-menu ul.sub-menu li ul.sub-menu{position:absolute;top:0;left:100%;background:#000000d9;min-width:220px;list-style:none;padding:.25rem 0;margin:0;z-index:9999;opacity:0;visibility:hidden;
transform:translateX(5px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;border-radius:0 8px 8px 0}
.dropdown-menu li:hover > ul.sub-menu,.dropdown-menu ul.sub-menu li:hover > ul.sub-menu{opacity:1;visibility:visible;transform:translate(0,0);transition-delay:120ms}
.dropdown-menu ul.sub-menu li a{display:flex;align-items:center;justify-content:flex-start;gap:.5em;font-family:"Work Sans",sans-serif;font-size:14px;color:#fff;padding:.3rem .75rem;white-space:nowrap;
transition:background-color .3s ease,color .3s ease;position:relative}
/*.dropdown-menu ul.sub-menu li a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,transparent,#959b6b99,transparent)}
.dropdown-menu ul.sub-menu li:last-child a::after{display:none}*/
.dropdown-menu ul.sub-menu li a:hover{background:#0009;color:#b5ba83;text-decoration:none}
.dropdown-menu ul.sub-menu li.current-menu-item > a{background:#a8a46b80;color:#fff}
.dropdown-menu > li.menu-item-has-children > a::after{content:"▾";font-size:.75em;color:#ccc;margin-left:.3em}
.dropdown-menu > li.menu-item-has-children > a:hover::after{color:#fff}
.dropdown-menu ul.sub-menu li.menu-item-has-children > a::after{content:"▸";font-size:.75em;color:#ccc;margin-left:auto}
.dropdown-menu ul.sub-menu li.menu-item-has-children > a:hover::after{color:#b5ba83}
@media (max-width: 768px) {
.dropdown-menu{display:none}
}
.inline-chevron{font-size:.75em;color:#ccc;margin-left:.3em}
.menu-item:hover .inline-chevron{color:#fff}

/*----------------------------------------
    FOOTER STYLES
-----------------------------------------*/
.site-footer{background: linear-gradient(to bottom, #2E4455, #3C5366);color:#f5f5f5;font-family:"Work Sans",sans-serif}
.site-footer a{color:#f5f3ed;text-decoration:none;transition:color .25s ease}
.site-footer a:hover{color:#e8d27c}
.footer-top{padding:2em 1em;background: linear-gradient(to bottom, #25323D, #34414D);color:#fff}
.footer-top .footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;align-items:flex-start}
.footer-logo-block{max-width:280px}
.footer-logo-block img,.footer-logo img{display:block;max-height:50px;margin-bottom:1rem;filter: drop-shadow(0 2px 4px #0006);}
.footer-tagline{margin-top:.4em;font-size:.9rem;line-height:1.3;color:#ddd}
.footer-menus{display:flex;gap:3rem;flex-wrap:wrap}
.footer-menu{flex:1;min-width:200px}
.footer-menu h3{margin:0 0 .6em;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#f5f3ed;border-bottom:2px solid #bfa14a;padding-bottom:.3em}
.footer-nav{list-style:none;margin:0;padding:0}
.footer-nav li{margin-bottom:.4em;line-height:1.2em}
.footer-nav a{display:inline-block;padding:.6em 0;font-size:.95rem;color:#f5f3ed;text-decoration:none;transition:color .25s ease}
.footer-nav a:hover{color:#e8d27c}
.footer-bottom{background: #162028;text-align:center;padding: .45rem 1rem;color:#ddd;font-size:.8rem;font-family:"Work Sans",sans-serif;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.footer-bottom p{margin:0;line-height:1.4;font-size:.8rem;color:#ddd}
@media (max-width: 768px) {
.footer-bottom{min-height:100px}
.footer-top .footer-row,.footer-menus{flex-direction:column;align-items:flex-start;gap:1.5rem}
}

/*----------------------------------------
    FRONT PAGE
-----------------------------------------*/
.front-page .hero{text-align:center;padding:2rem 1rem}
.front-page .hero h1{font-size:clamp(2rem,4vw,3rem)}
.front-page .front-section{}
.front-page .front-section h2{margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2rem)}

/*----------------------------------------
    SEARCH
-----------------------------------------*/
/* Search results layout */
.search-results .search-list{display:grid;grid-template-columns:1fr;gap:1.5rem}
.search-results .search-item{display:flex;gap:1rem;align-items:flex-start}
.search-results .search-thumb img{width:100px;height:100px;object-fit:cover}
.search-results .search-title{font-size:clamp(1.125rem,2vw,1.375rem);margin:0 0 .25rem}

/*----------------------------------------
    404
-----------------------------------------*/
.error-404 .page-title{font-size:clamp(1.75rem,2.5vw,2.25rem);margin-bottom:1rem}
.error-404 .button{display:inline-block;padding:.5rem 1rem;background:#333;color:#fff;text-decoration:none;border-radius:3px;margin-bottom:1rem}
.error-404 .suggested-links{list-style:none;padding:0;margin:1rem 0}
.error-404 .suggested-links li{margin-bottom:.25rem}

/*----------------------------------------
    AREA SINGLE
-----------------------------------------*/
/* Areas archive */
.category-areas .area-list{display:grid;grid-template-columns:1fr;gap:2rem}
@media (min-width: 768px) {.category-areas .area-list{grid-template-columns:1fr 1fr}}
.area-thumb img{width:100%;height:220px;object-fit:cover;margin-bottom:.5rem}
.area-title{font-size:clamp(1.25rem,2vw,1.5rem);margin-top:.25rem}

/*----------------------------------------
    UNVEILED SINGLE
-----------------------------------------*/
/* Unveiled archive */
.category-unveiled .unveiled-list{display:grid;grid-template-columns:1fr;gap:2rem}
@media (min-width: 768px) {.category-unveiled .unveiled-list{grid-template-columns:1fr 1fr}}
.unveiled-thumb img{width:100%;height:220px;object-fit:cover;margin-bottom:.5rem}
.unveiled-title{font-size:clamp(1.25rem,2vw,1.5rem);margin-top:.25rem}

/*----------------------------------------
    HOTELS SINGLE
-----------------------------------------*/
/* Hotel archive grid */
.category-hotels .hotel-list{display:grid;grid-template-columns:1fr;gap:2rem}
@media (min-width: 768px) {.category-hotels .hotel-list{grid-template-columns:1fr 1fr}}
.hotel-thumb img{width:100%;height:200px;object-fit:cover;margin-bottom:.5rem}
.hotel-title{font-size:clamp(1.25rem,2vw,1.5rem)}

/*----------------------------------------
    MUSEUM SINGLE NOMAP
-----------------------------------------*/
.single-museum.no-map .entry-title{color:var(--museum-accent,#333)}
.single-museum.no-map .featured-image{margin-bottom:1rem}

/*----------------------------------------
    MUSEUM SINGLE
-----------------------------------------*/
.single-museum .featured-image img{width:100%;height:auto;object-fit:cover;margin-bottom:1rem}
.single-museum .entry-title{font-size:clamp(1.5rem,2vw,2.25rem);margin-bottom:.5rem}

/*----------------------------------------
    CATEGORY MUSEUMS
-----------------------------------------*/
/* Museum category layout */
.category-museums .museum-list{display:grid;grid-template-columns:1fr;gap:2rem}
@media (min-width: 768px) {.category-museums .museum-list{grid-template-columns:1fr 1fr}}
.museum-item{display:flex;flex-direction:column}
.museum-thumb img{width:100%;height:200px;object-fit:cover;margin-bottom:.5rem}
.museum-title{font-size:clamp(1.25rem,2vw,1.5rem);margin:.25rem 0}

/*----------------------------------------
    NEW HERO COMPONENT (Articles)
-----------------------------------------*/
.hero{position:relative;width:100%;height:var(--hero-height,60vh);min-height:320px;overflow:hidden;border-radius:14px;background:#000}
.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:14px;z-index:1;transform:scale(1.02);transition:transform 12s ease-out}
.hero:hover .hero__image{transform:scale(1.05)}
.hero::after{content:"";position:absolute;inset:0;border-radius:14px;background:radial-gradient(circle at center,transparent 40%,#0000008c 100%);z-index:2}
.hero__content{position:absolute;bottom:1.4rem;left:1.2rem;right:1.2rem;z-index:3;display:flex;flex-direction:column;gap:.7rem}
.hero__title h1{margin:0;max-width:80%;color:#fff;font-size:clamp(1.6rem,3vw + 1rem,2.7rem);line-height:1.28;padding:.75em 1em;border-radius:10px;
  background:linear-gradient(to right,#000000cc 0%,#00000066 70%,#00000033 100%);backdrop-filter:blur(1.5px);text-shadow:0 2px 6px #000000e6;width: fit-content;
  max-width: 80%;}
  /* Subtitle (italic tagline) */
.hero__title .h1kursiv--overlay{display:block;margin-top:.18em;font-size:.8em;font-style:italic;opacity:.92;color:#e8eef2}
@media (max-width: 768px) {
.hero__title .h1kursiv--overlay{display:none}
}
.hero__caption{font-family:"Work Sans",sans-serif;font-size:.78rem;color:#e8eef2;opacity:.92;text-align:right;background:linear-gradient(to right,#000000cc 0%,#00000066 70%,#00000033 100%);backdrop-filter:blur(1.5px);text-shadow:0 2px 6px #000000e6;
  padding:.35rem .6rem .35rem .9rem;border-radius:6px;width: fit-content;margin-left: auto;}
@media (max-width: 768px) {
.hero__title h1{max-width:90%;font-size:clamp(1.2rem,5vw + 0.6rem,2rem);padding:.55em .75em}
.hero__caption{font-size:.72rem}
}

/*----------------------------------------
    FRONT PAGE HERO (Legacy but needed)
-----------------------------------------*/
.museum-hero{position:relative;width:100%;height:min(60vh,650px);min-height:320px;overflow:hidden;border-radius:14px;background:#000;margin-top:20px;margin:3rem 0}
.museum-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:14px;z-index:1}
.museum-hero::after{content:"";position:absolute;inset:0;border-radius:14px;background:radial-gradient(circle at center,transparent 40%,#0000008c 100%);z-index:2}
.museum-hero-pills{position:absolute;top:1rem;left:1rem;display:flex;flex-wrap:wrap;gap:.6em;z-index:4}
.museum-hero-pills .hero-btn{color:#fff;padding:.45em 1.1em;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;background:#00000073;
  box-shadow:0 2px 6px #00000059;backdrop-filter:blur(2px);transition:background .3s,transform .2s}
.museum-hero-pills .hero-btn:hover{background:#0009;transform:translateY(-2px)}
.museum-hero-overlay{position:absolute;bottom:2rem;left:1.2rem;z-index:4}
.museum-hero-overlay h1{margin:0 0 40px;max-width:80%;color:#fff;font-size: clamp(1.6rem, 2.4vw + 0.8rem, 2.4rem);line-height:1.28;padding:.75em 1em;border-radius:10px;
  background:linear-gradient(to right,#000000cc 0%,#00000066 70%,#00000033 100%);backdrop-filter:blur(1.5px);text-shadow:0 2px 6px #000000e6}
@media (max-width: 768px) {
.museum-hero-overlay h1{max-width:90%;font-size:clamp(1.3rem,5vw + 0.6rem,2.2rem);padding:.55em .75em 4;margin-bottom:7em}
.museum-hero-pills{display:none}
}
.museum-hero-imgcaption{position:absolute;left:1rem;right:1rem;bottom:.1rem;z-index:5;font-family:"Work Sans",sans-serif;font-size:.78rem;color:#e8eef2;opacity:.92;text-align:right;padding:.35rem .6rem .35rem .9rem;width:fit-content;margin-left:auto;border-radius:6px;background:linear-gradient(to right,#000000cc 0%,#00000066 70%,#00000033 100%);backdrop-filter:blur(1.5px);text-shadow:0 2px 6px #000000e6}

/*----------------------------------------
    CATEGORY-SPECIFIC HERO THEMES
-----------------------------------------*/
/* Gardens */
.hero--gardens .museum-hero::after{background:radial-gradient(circle at center,transparent 40%,#0a1e148c 100%)}
.hero--gardens .museum-hero-overlay h1{background:linear-gradient(to right,#0f2d1ed9 0%,#143c28a6 55%,#143c2840 100%)}
.hero--gardens .h1kursiv--overlay{color:#e8f3ec}
.hero--gardens .hero__title .h1kursiv--overlay {
  color: #e8f3ec;
}

/* Personalities */
.hero--personality .museum-hero::after{background:radial-gradient(circle at center,transparent 40%,#000000bf 100%)}
.hero--personality .museum-hero-overlay h1{background:linear-gradient(to right,#000000eb 0%,#000000cc 60%,#00000080 100%)}
.hero--personality .h1kursiv--overlay{color:#e6e6e6}
.hero--personality .hero__title .h1kursiv--overlay {
  color: #e6e6e6;
}

/* Palaces */
.hero--palace .museum-hero::after{background:radial-gradient(circle at center,transparent 40%,#503c148c 100%)}
.hero--palace .museum-hero-overlay h1{background:linear-gradient(to right,#3c2d0fd9 0%,#3c2d0fa6 60%,#3c2d0f66 100%)}
.hero--palace .museum-hero-title{color:#f5f1e6}
.hero--palace .h1kursiv--overlay{color:#e6d8b5}
.hero--palace .hero__title .h1kursiv--overlay {
  color: #e6d8b5;
}

/* Areas */
.hero--area .museum-hero::after{background:radial-gradient(circle at center,transparent 40%,#141e288c 100%)}
.hero--area .museum-hero-overlay h1{background:linear-gradient(to right,#141e28d9 0%,#141e28a6 60%,#141e2859 100%)}
.hero--area .h1kursiv--overlay{color:#d9e2ec}
.hero--area .hero__title .h1kursiv--overlay {
  color: #d9e2ec;
}

/*----------------------------------------
    CATEGORY THEMES — NEW HERO (Articles)
-----------------------------------------*/
/* Gardens */
.hero--gardens.hero::after{background:radial-gradient(circle at center,transparent 40%,#0a1e148c 100%)}
.hero--gardens .hero__title h1{background:linear-gradient(to right,#0f2d1ed9 0%,#143c28a6 55%,#143c2840 100%)}

/* Personalities */
.hero--personality.hero::after{background:radial-gradient(circle at center,transparent 40%,#000000bf 100%)}
.hero--personality .hero__title h1{background:linear-gradient(to right,#000000eb 0%,#000000cc 60%,#00000080 100%)}

/* Palaces */
.hero--palace.hero::after{background:radial-gradient(circle at center,transparent 40%,#503c148c 100%)}
.hero--palace .hero__title h1{background:linear-gradient(to right,#3c2d0fd9 0%,#3c2d0fa6 60%,#3c2d0f66 100%)}

/* Areas */
.hero--area.hero::after{background:radial-gradient(circle at center,transparent 40%,#141e288c 100%)}
.hero--area .hero__title h1{background:linear-gradient(to right,#141e28d9 0%,#141e28a6 60%,#141e2859 100%)}

/*----------------------------------------
    CATEGORY THEMES — FRONT PAGE HERO
-----------------------------------------*/
/* Gardens */
.hero--gardens .museum-hero::after{background:radial-gradient(circle at center,transparent 40%,#0a1e148c 100%)}
.hero--gardens .museum-hero-overlay h1{background:linear-gradient(to right,#0f2d1ed9 0%,#143c28a6 55%,#143c2840 100%)}

/* Personalities */
.hero--personality .museum-hero::after{background:radial-gradient(circle at center,transparent 40%,#000000bf 100%)}
.hero--personality .museum-hero-overlay h1{background:linear-gradient(to right,#000000eb 0%,#000000cc 60%,#00000080 100%)}

/* Palaces */
.hero--palace .museum-hero::after{background:radial-gradient(circle at center,transparent 40%,#503c148c 100%)}
.hero--palace .museum-hero-overlay h1{background:linear-gradient(to right,#3c2d0fd9 0%,#3c2d0fa6 60%,#3c2d0f66 100%)}

/* Areas */
.hero--area .museum-hero::after{background:radial-gradient(circle at center,transparent 40%,#141e288c 100%)}
.hero--area .museum-hero-overlay h1{background:linear-gradient(to right,#141e28d9 0%,#141e28a6 60%,#141e2859 100%)}

  
/*--------------------------------------
  H1 TITLES
--------------------------------------*/
.h1tagline,.h1taglineSvart{margin:0;padding:0}
.h1tagline{font-family:"Playfair Display",serif;font-weight:600;font-size:clamp(1.8em,2vw + 1em,2.4em);line-height:1.2;color:#fff;position:relative;display:inline-block;padding:.3em .6em;
background-color:#0006;border-radius:6px;text-shadow:0 2px 4px #0009;box-decoration-break:clone}
.h1tagline::before{content:'';position:absolute;inset:0;background:inherit;backdrop-filter:blur(2px);border-radius:6px;z-index:-1}
.h1tagline::after{content:attr(data-split-tagline);display:block;font-style:italic;color:#888;margin-top:.2em}
.h1taglineSvart{font:800 clamp(1.6em,2vw + 1em,2.4em) / clamp(1.1em,.3vw + 1em,1.3em) "Work Sans","Playfair Display",serif;color:#222;text-shadow:0 2px 4px #00000026;position:relative;display:inline-block}
.h1taglineSvart::after{content:"";display:block;width:60px;height:3px;margin-top:.4em;background:#0089CE;border-radius:2px}
.h1kursiv{display:block;font-family:"Cormorant",serif;font-style:italic;font-weight:300!important;font-size:clamp(0.8em,0.4vw + 0.7em,0.8em);line-height:1.0;margin-top:.5em;padding-left:.5em;text-indent:-.5em;color:#333}
.h1kursiv--overlay{color:#f5f5f5;text-shadow:0 2px 4px #0009;font-size: clamp(0.65em, 0.3vw + 0.65em, 0.8em)!important;font-weight:400;margin-top:.3em}
@keyframes fadeSlideUp {
0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}
.heading-divider{width:60%;height:1px;background:linear-gradient(to right,#ccc,#eee);margin:1.2em 0}
@media (max-width: 480px) {
.h1tagline{font-size:clamp(1.4em,4vw + 0.6em,2em);line-height:1.25;padding:.25em .5em}
.h1taglineSvart{font:700 clamp(1.3em,4vw + 0.6em,1.9em) / 1.2 "Work Sans","Playfair Display",serif}
.h1kursiv,.h1kursiv--overlay{font-size:.65em!important;line-height:1.1;margin-top:.3em;padding-left:.4em;text-indent:-.4em}
}
.h1kursiv--overlay {
  font-size: clamp(0.6em, 0.6vw + 0.8em, 0.8em);
}
/*--------------------------------------
  MUSEUM NOTICE
--------------------------------------*/
.museum-notice{background:#fff3cd;color:#856404;border-left:5px solid #ffeeba;padding:1em 1.2em;margin:1.5em 0;border-radius:4px;font-size:.95rem;font-family:'Playfair Display',serif}

/* --------------------------------------
   CONTACT FORM
-------------------------------------- */
.contact-form{max-width:600px;margin:2em auto;padding:1.5em;background:#f9f9f9;border:1px solid #ddd;border-radius:6px;font-family:"Work Sans",sans-serif;font-size:1em;line-height:1.4}
.contact-form label{font-weight:600;font-size:1em;display:block;margin-bottom:.25em;color:#333}
.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:1em;margin-bottom:.8em;box-sizing:border-box;transition:border-color .3s}
.contact-form input:focus,.contact-form textarea:focus{border-color:#0073aa;outline:none}
.contact-form input[type="submit"]{background:#0073aa;color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-size:1em;transition:background .3s}
.contact-form input[type="submit"]:hover{background:#005f8d}
.contact-form p{margin-top:1em;font-weight:600;font-size:.9em}
.contact-form p[style*="color:green"]{background:#e6f7ed;padding:8px;border-left:4px solid #46b450}
.contact-form p[style*="color:red"]{background:#fdecea;padding:8px;border-left:4px solid #dc3232}

/*--------------------------------------
  CLUSTER BADGES – PREMIUM EDITION
--------------------------------------*/
.cluster-badge-wrapper{display:flex;flex-wrap:wrap;gap:.6rem;margin:.5rem 0 1rem}

/* Base badge */
.cluster-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:10px;text-decoration:none;font-family:"Work Sans",sans-serif;font-size:.88rem;font-weight:600;letter-spacing:.02em;background:#f7f7f7;border-left:4px solid transparent;box-shadow:0 2px 6px #00000014 inset 0 0 .5px #fff9;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}

/* Icon */
.cluster-badge-icon{font-size:1.05rem;position:relative;top:1px;opacity:.9}

/* Hover */
.cluster-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000024}

/*--------------------------------------
  COLOR THEMES
--------------------------------------*/
.badge-royal{background:linear-gradient(to right,#f4efe6,#faf7f2);border-left-color:#b79a5b;color:#7a5c1e}
.badge-water{background:linear-gradient(to right,#eef5fb,#f7fbff);border-left-color:#2f6fa3;color:#1e4f78}
.badge-medieval{background:linear-gradient(to right,#f1f1f1,#fafafa);border-left-color:#6e6e6e;color:#444}

/*--------------------------------------
  MOBILE
--------------------------------------*/
@media (max-width: 640px) {
.cluster-badge-wrapper{flex-direction:column;align-items:flex-start;gap:.7rem}
.cluster-badge{width:100%;padding:.65rem .9rem;font-size:.9rem}
}

.churches-highlight{position:relative;padding:1.2rem 0;margin:1.8rem 0;font-size:1.02rem;line-height:1.7}
.churches-highlight::before,.churches-highlight::after{content:"";position:absolute;left:0;width:100%;height:1px;background:linear-gradient(to right,transparent 0%,#7864462e 20%,#78644647 50%,#7864462e 80%,transparent 100%)}
.churches-highlight::before{top:0}
.churches-highlight::after{bottom:0}


/*--------------------------------------
  MUSEUMS HIGHLIGHT BOX
--------------------------------------*/
.category-museums .museums-highlight{font-family:'Playfair Display',serif;font-size:1.05rem;font-style:italic;padding:1rem 1.2rem;margin:1rem 0;border-radius:8px;background:linear-gradient(to right,#3c506e14,#3c506e08);position:relative}
.category-museums .museums-highlight:before,.category-museums .museums-highlight:after{content:"";position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,#3c506e59,transparent)}
.category-museums .museums-highlight:before{top:0}
.category-museums .museums-highlight:after{bottom:0}
.category-gardens .gardens-highlight{font-family:'Playfair Display',serif;font-size:1.05rem;font-style:italic;padding:1rem 1.2rem;margin:1rem 0;border-radius:8px;background:linear-gradient(to right,#5c826114,#5c826108);position:relative}
.category-gardens .gardens-highlight:before,.category-gardens .gardens-highlight:after{content:"";position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,#5c82614d,transparent)}
.category-gardens .gardens-highlight:before{top:0}
.category-gardens .gardens-highlight:after{bottom:0}
.category-churches .churches-highlight{font-family:'Playfair Display',serif;font-size:1.05rem;font-style:italic;padding:1rem 1.2rem;margin:1rem 0;border-radius:8px;background:linear-gradient(to right,#7a654a14,#7a654a08);position:relative}
.category-churches .churches-highlight:before,.category-churches .churches-highlight:after{content:"";position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,#7a654a59,transparent)}
.category-churches .churches-highlight:before{top:0}
.category-churches .churches-highlight:after{bottom:0}
.category-must-see .intro-highlight{padding-bottom:1rem}
.category-must-see .museum-card-title{line-height:1.25;white-space:normal;word-break:normal}
.category-must-see .museum-card-meta{padding-bottom:.8rem}
.category-must-see .museum-card-title{min-height:2.6em}
.category-must-see .museum-card{display:flex;flex-direction:column}
.category-must-see .museum-card-meta{flex-grow:1}
.category-must-see .museum-card-grid.cols-3 .museum-card-title{font-size:1.05rem;line-height:1.25;min-height:2.6em}
.category-must-see .museum-card-meta{padding:.8rem 1rem 1rem}

/*--------------------------------------
  WATER HIGHLIGHT BOX
--------------------------------------*/
.category-water .water-highlight{font-family:'Playfair Display',serif;font-size:1.05rem;font-style:italic;padding:1rem 1.2rem;margin:1rem 0;border-radius:8px;background:linear-gradient(to right,#2f669014,#2f669008);position:relative}
.category-water .water-highlight:before,.category-water .water-highlight:after{content:"";position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,#2f669059,transparent)}
.category-water .water-highlight:before{top:0}
.category-water .water-highlight:after{bottom:0}

/*--------------------------------------
  MEDIEVAL HIGHLIGHT BOX
--------------------------------------*/
.category-medieval .medieval-highlight{font-family:'Playfair Display',serif;font-size:1.05rem;font-style:italic;padding:1rem 1.2rem;margin:1rem 0;border-radius:8px;background:linear-gradient(to right,#5a534614,#5a534608);position:relative}
.category-medieval .medieval-highlight:before,.category-medieval .medieval-highlight:after{content:"";position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,#5a534659,transparent)}
.category-medieval .medieval-highlight:before{top:0}
.category-medieval .medieval-highlight:after{bottom:0}

/*--------------------------------------
  ROYAL HIGHLIGHT BOX
--------------------------------------*/
.category-royal .royal-highlight{font-family:'Playfair Display',serif;font-size:1.05rem;font-style:italic;padding:1rem 1.2rem;margin:1rem 0;border-radius:8px;background:linear-gradient(to right,#9c7a2314,#9c7a2308);position:relative}
.category-royal .royal-highlight:before,.category-royal .royal-highlight:after{content:"";position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,#9c7a2359,transparent)}
.category-royal .royal-highlight:before{top:0}
.category-royal .royal-highlight:after{bottom:0}

/*--------------------------------------
  ARCHITECTURAL HIGHLIGHT BOX
--------------------------------------*/
.category-architectural .architectural-highlight{font-family:'Playfair Display',serif;font-size:1.05rem;font-style:italic;padding:1rem 1.2rem;margin:1rem 0;border-radius:8px;background:linear-gradient(to right,#52606d14,#52606d08);position:relative}
.category-architectural .architectural-highlight:before,.category-architectural .architectural-highlight:after{content:"";position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,#52606d59,transparent)}
.category-architectural .architectural-highlight:before{top:0}
.category-architectural .architectural-highlight:after{bottom:0}

/* =====================================
   HORIZONTAL ARCHITECTURAL TIMELINE
===================================== */
.architectural-timeline{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:3rem 0 2rem}
.architectural-timeline .timeline-line{position:absolute;top:40px;left:0;right:0;height:2px;background:linear-gradient(to right,#ccc,#999,#ccc);z-index:1}
.architectural-timeline .timeline-item{position:relative;flex:1;text-align:center;padding:0 .5rem;z-index:2}
.architectural-timeline .timeline-marker{width:14px;height:14px;background:#333;border-radius:50%;margin:0 auto 1.2rem;position:relative;z-index:3}
.architectural-timeline .timeline-item h3{font-size:1.05rem;margin-bottom:.5rem;line-height:1.3}
.architectural-timeline .timeline-item h3 span{display:block;font-size:.85rem;color:#777;margin-top:.3rem}
.architectural-timeline .timeline-item p{font-size:.9rem;color:#555;max-width:240px;margin:0 auto}
@media (max-width: 900px) {
.architectural-timeline{flex-direction:column;gap:3rem}
.architectural-timeline .timeline-line{display:none}
.architectural-timeline .timeline-item{text-align:left}
.architectural-timeline .timeline-marker{margin-left:0}
}


.area-facts{display:flex;gap:2rem;padding:1.2rem 0;margin:1.5rem 0 2rem;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:.95rem;color:#444}
.area-facts div{flex:1}
.area-facts strong{display:block;font-weight:600;margin-bottom:.25rem;color:#000}


/* ======================================
   AREA PAGE HEADING SPACING FIX
====================================== */
.category-areas h1,.category-museums h1{margin-bottom:.6rem}
.category-areas .category-subtitle,.category-museums .category-subtitle{font-style:italic;font-size:1.3rem;line-height:1.5;margin-top:1.6rem;margin-bottom:1.2rem;color:#6d6d6d}

/* ======================================
   AREA IDENTITY BOX
====================================== */
.area-identity-box{font-family:'Playfair Display',serif;font-size:1.15rem;font-style:italic;line-height:1.6;padding:1rem 1.4rem;margin:1.2rem 0 1.8rem;border-left:4px solid #b8a46a;background:linear-gradient(to right,#b8a46a14,#b8a46a05);border-radius:6px}
.category-areas .area-facts{margin-top:1.8rem}
.category-areas .intro-highlight p{line-height:1.5;font-size:1.15rem}
.category-areas h2.td-block-title{font-size:2rem;font-weight:700;letter-spacing:.5px;text-transform:none;border-left:4px solid #c7a84f;padding-left:12px;margin:2.5rem 0 1rem}
.category-areas h3.td-block-title{font-size:1.35rem;font-weight:600;margin-top:2rem;margin-bottom:1rem;color:#444;opacity:.9;font-size:1.3rem;font-weight:600;margin-top:2rem;margin-bottom:1rem;opacity:.9}
.attraction-box address{font-style:normal}
.attraction-box .icon{margin-right:6px}

/* HEADER FIX */
.wp-caption-text,figcaption{font-size:.9rem;color:#666;text-align:center;margin-top:.5em}
.museum-stats-wrapper{padding-top:18px}

.ml-link-card{background:#f6f8fa;border-left:4px solid #d4af37;padding:18px;margin:30px 0;border-radius:6px}
.ml-highlight-header{font-weight:600;margin-bottom:8px;font-size:14px;color:#555}
.ml-card-button{display:inline-block;margin-top:10px;font-weight:600;text-decoration:none}

/* ======================================
   MEGA MENU (CLEAN VERSION)
===================================== */
.mega-menu{position:relative}
.mega-root{display:flex;gap:20px;list-style:none;margin:0;padding:0}
.mega-item{position:static}
.mega-toggle{background:none;border:none;font:inherit;cursor:pointer;padding:10px}

.mega-panel{position:absolute;top:100%;left:0;width:100%;display:none;background:rgba(255,255,255,0.98);backdrop-filter:blur(6px);box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:30px;border-top:1px solid #eee;z-index:9999}

.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%}
.mega-grid-4{grid-template-columns:repeat(4,1fr)}

.mega-feature{background:#f5f5f5;padding:20px;border-radius:8px}
.mega-feature-card img{width:100%;border-radius:6px;margin-bottom:10px}
.mega-feature-card p{font-size:14px;margin:8px 0}

.mega-panel h3{font-size:14px;text-transform:uppercase;margin-bottom:10px}
.mega-panel a{text-decoration:none;display:block;padding:4px 0}
.mega-desc{display:block;font-size:12px;color:#777}

.mega-menu:hover .mega-panel { display:block }
.mega-item.active .mega-panel{display:block}

.header-nav{position:relative}
.site-header{position:relative;z-index:1000}

.mega-panel .mega-grid{max-width:1200px;margin:0 auto}

@media (max-width:768px){.mega-menu{display:none}}



/* ================================
AI LINK CARD BASE
================================ */
.ml-ai-highlight,.ml-ai-seealso,.ml-ai-nearby{margin:20px 0;padding:16px 18px;border-radius:14px;border:1px solid #e2e8f0;font-size:14px;line-height:1.65;box-shadow:0 2px 8px #0f172a0a}
.ml-ai-highlight p,.ml-ai-seealso p,.ml-ai-nearby p{margin:8px 0 0}

/* ================================
HIGHLIGHT
================================ */
.ml-ai-highlight{background:#eff6ff;border-left:4px solid #3b82f6}
.ml-ai-highlight-header{font-size:13px;color:#1d4ed8;margin-bottom:6px}

/* ================================
SEE ALSO
================================ */
.ml-ai-seealso{background:#f8fafc;border-left:4px solid #94a3b8}
.ml-ai-card-title{font-size:13px;color:#475569;margin-bottom:6px}

/* ================================
NEARBY
================================ */
.ml-ai-nearby{background:#fff7ed;border-left:4px solid #f97316}

/* GRID */
.area-top-cards .toplist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}

/* CARD */
.area-top-cards .top-card{display:block;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 6px 16px #0000000f;transition:transform .2s ease,box-shadow .2s ease}
.area-top-cards .top-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000001f}

/* IMAGE */
.area-top-cards .card-image{position:relative}
.area-top-cards .card-image img{width:100%;height:150px;object-fit:cover;display:block;transition:transform .3s ease}
.area-top-cards .top-card:hover img{transform:scale(1.05)}

/* TITLE OVERLAY */
.area-top-cards .card-title-overlay{position:absolute;bottom:10px;left:12px;right:12px;color:#fff;font-size:15px;font-weight:600;z-index:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* GRADIENT */
.area-top-cards .card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0003,transparent 40%)}

/* TEXT BELOW */
.area-top-cards .card-body{padding:10px 12px}
.area-top-cards .card-body span{font-size:13px;color:#666}

/* MOBILE */
@media (max-width: 600px) {
.area-top-cards .toplist-grid{grid-template-columns:1fr 1fr;gap:12px}
.area-top-cards .card-image img{height:120px}
}
.top-card:active{transform:scale(0.98)}

/* =========================================================
   🏨 HOTEL MINI CARDS (GRID SYSTEM)
========================================================= */
.hotel-mini-cards{display:grid;gap:12px;grid-template-columns:repeat(var(--cols,2),1fr)}
@media (max-width: 1024px) {
.hotel-mini-cards{grid-template-columns:repeat(min(var(--cols,2),2),1fr)}
}
@media (max-width: 768px) {
.hotel-mini-cards{grid-template-columns:repeat(min(var(--cols,2),2),1fr)}
}

/* =========================================================
   🧱 CARD BASE
========================================================= */
.hotel-mini-card{display:block;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}
.hotel-mini-card:hover{transform:translateY(-3px)}

/* =========================================================
   🖼 IMAGE + OVERLAY
========================================================= */
.mini-card-image{position:relative;border-radius:10px;overflow:hidden}
.mini-card-image img{width:100%;height:110px;object-fit:cover;transition:transform .3s ease}
.hotel-mini-card:hover img{transform:scale(1.05)}
.mini-card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0009,transparent 50%)}

/* =========================================================
   🏷 TITLE
========================================================= */
.mini-card-title{position:absolute;bottom:8px;left:10px;right:10px;color:#fff;font-size:13px;font-weight:600;z-index:2;text-shadow:0 1px 3px #000c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* =========================================================
   ⭐ RATING BADGE
========================================================= */
.mini-card-rating{position:absolute;top:8px;right:8px;background:#FFC107;color:#000;font-weight:700;font-size:11px;padding:4px 6px;border-radius:6px;box-shadow:0 2px 6px #0003;z-index:3}

/* =========================================================
   📍 META
========================================================= */
.mini-card-meta{font-size:12px;color:#666;margin-top:4px}

/* =========================================================
   🌟 FEATURED CARD (ONLY WHEN cols=1)
========================================================= */
.hotel-mini-card.featured .mini-card-image img{height:160px}
.hotel-mini-card.featured .mini-card-title{font-size:15px}
.hotel-mini-card.featured .mini-card-rating{font-size:13px;padding:5px 7px}

/* =========================================================
   📋 LIST LAYOUT (CLEANED)
========================================================= */
.hotel-list-item a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;transition:background .2s ease,transform .15s ease}
.hotel-list-item a:hover{background:#f3f8fd;transform:translateX(2px)}
.hotel-thumb{width:48px;height:48px;border-radius:6px}
.hotel-list-content{display:flex;flex-direction:column;line-height:1.2}
.hotel-name{font-size:.95em;font-weight:600;color:#0089CE}
.hotel-meta{font-size:.75em;color:#666}

/* =========================================================
   📋 TABLE
========================================================= */
.rune-stone-table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem;background:#fff}
.rune-stone-table thead th{text-align:left;padding:.75rem;background:#f5f5f5;border-bottom:2px solid #ddd;font-weight:600;font-size:.95rem}
.rune-stone-table tbody td{padding:.65rem .75rem;border-bottom:1px solid #eee;vertical-align:top}
.rune-stone-table tbody tr:nth-child(even){background:#fafafa}
.rune-stone-table tbody tr:hover{background:#f0f4f8}
.rune-stone-table .coords{font-family:"Courier New",monospace;font-size:.9rem;color:#444}
.rune-stone-table td strong{font-weight:600}
.rune-stone-table-wrapper{width:100%;overflow-x:auto;margin:1.5rem 0}
.rune-stone-table-wrapper::-webkit-scrollbar{height:8px}
.rune-stone-table-wrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}
.rune-stone-table-wrapper::-webkit-scrollbar-track{background:#f0f0f0}
.rune-stone-table .region-header td{background:#eef2f6;color:#2a3b47;font-weight:700;font-size:1rem;padding:.75rem;border-top:2px solid #d0d7de;border-bottom:2px solid #d0d7de;text-transform:uppercase;letter-spacing:.5px}
.rune-stone-table .region-header td::before{content:"🧭 ";margin-right:4px;opacity:.9}
.rune-stone-table .region-header{box-shadow:inset 0 1px 0 #fff9}

.hotels-box .mlh-filterbar{display:none!important}
.hotels-box .mlh-grid{grid-template-columns:1fr!important}
.hotels-box .mlh-card-premium{min-width:0!important}
.museum-related h2{margin-top:2.5rem}
.museum-related h2:first-of-type{margin-top:1rem}

/* ============================================
   INTRO-BOX VARIANTER
   (ersätter inline style="background:#fff;..." 
   på olika kategorisidors intro-sektioner)
============================================ */

/* category-museums-sub.php, category-royal-stockholm.php */
.intro-card-light{background:#fff;border-radius:6px;padding:0!important;;margin-bottom:.5rem}
/* category-gardens.php, category-churches.php, category-areas-sub.php */
.intro-card-flush{background:#fff;border-radius:6px;padding:0!important;margin-bottom:0}
/* category-water-city-stockholm.php, category-medieval-stockholm.php */
.intro-card-loose{background:#fff;border-radius:6px;padding:0!important;;margin-bottom:.75rem}
/* category-stockholm-unveiled-sub.php */
.intro-card-spaced{background:#fff;border-radius:6px;padding:0!important;;margin-bottom:2rem}

/* ============================================
   INFO-BOX (visiting info-sektioner)
============================================ */

/* category-gardens.php, category-churches.php */
.info-box-warm{background:#f3efe6;border-radius:6px;padding:1.5rem;margin-bottom:1.25rem}

/* ============================================
   SPACER
   Fanns troligen redan (användes i din
   ursprungliga single-unveiled.php innan vi
   började arbeta), men om den saknas:
============================================ */
.spacer-2rem {height: 2rem;}

/* ============================================
   AREA CONTEXT BLOCK
   (category-context-sections.php — låg som
   inline style, flyttad till klass nedan)
============================================ */
.area-context-block{background:#f8f5ef;border-radius:6px;padding:2rem 1.5rem;margin:2rem 0}






















/* -------------------------------------------------------
   CANARY ISLANDS ATLAS – BASE LAYOUT
------------------------------------------------------- */

.atlas-breadcrumbs {
    font-size: 0.85rem;
    margin: 1rem 0 0.5rem;
    color: #666;
}

.atlas-breadcrumbs a {
    color: #0073aa;
    text-decoration: none;
}

.atlas-breadcrumbs a:hover {
    text-decoration: underline;
}

/* -------------------------------------------------------
   HERO / TITLE
------------------------------------------------------- */

.atlas-hero {
    margin: 0 0 1.5rem;
    padding: 1.5rem 0 0.5rem;
    border-bottom: 1px solid #eee;
}

.atlas-hero h1 {
    font-size: 2rem;
    margin: 0;
    line-height: 1.2;
}

/* -------------------------------------------------------
   CONTENT AREA
------------------------------------------------------- */

.atlas-content {
    max-width: 800px;
    margin: 0 auto 2rem;
    font-size: 1rem;
    line-height: 1.6;
}

.atlas-content p {
    margin-bottom: 1rem;
}

/* -------------------------------------------------------
   SUBITEMS (LISTA I AREA-SINGLE)
------------------------------------------------------- */

.atlas-subitems {
    max-width: 800px;
    margin: 0 auto 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.atlas-subitems h2 {
    font-size: 1.3rem;
    margin-bottom: 0.75rem;
}

.atlas-subitems a {
    display: inline-block;
    margin: 0.25rem 0;
    color: #0073aa;
    text-decoration: none;
}

.atlas-subitems a:hover {
    text-decoration: underline;
}

/* -------------------------------------------------------
   RELATED BLOCK
------------------------------------------------------- */

.atlas-related {
    max-width: 800px;
    margin: 0 auto 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid #eee;
}

.atlas-related h2 {
    font-size: 1.3rem;
    margin-bottom: 0.75rem;
}

.atlas-related ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.atlas-related li {
    margin: 0.25rem 0;
}

.atlas-related a {
    color: #0073aa;
    text-decoration: none;
}

.atlas-related a:hover {
    text-decoration: underline;
}

/* -------------------------------------------------------
   MAP BLOCK
------------------------------------------------------- */

.atlas-map {
    width: 100%;
    max-width: 1000px;
    height: 320px;
    margin: 0 auto 2rem;
    border-radius: 6px;
    overflow: hidden;
    background: #f5f5f5;
    border: 1px solid #ddd;
}

/* -------------------------------------------------------
   ARCHIVE / TAXONOMY LISTS
------------------------------------------------------- */

.atlas-archive-list {
    max-width: 900px;
    margin: 0 auto 2rem;
}

.atlas-archive-list h1 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.atlas-archive-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.atlas-archive-list li {
    margin: 0.35rem 0;
}

.atlas-archive-list a {
    color: #0073aa;
    text-decoration: none;
}

.atlas-archive-list a:hover {
    text-decoration: underline;
}

/* -------------------------------------------------------
   RESPONSIVE
------------------------------------------------------- */

@media (max-width: 768px) {

    .atlas-hero h1 {
        font-size: 1.6rem;
    }

    .atlas-map {
        height: 240px;
    }

    .atlas-content,
    .atlas-subitems,
    .atlas-related,
    .atlas-archive-list {
        padding: 0 1rem;
    }
}