/*
Theme Name: ATDT banktjanster-se
Description: GeneratePress-barntema for banktjanster.se, guiden till digitala banktjanster (planbocker, mobilbanker, Swish och BankID). Arketyp E (Trust/Authority), paletten Blippen (iris och natt med teal), Funnel Display och Funnel Sans, motivet kontaktlosa vagor och kortchipet. Ersatter blocktemat Hansen. Del av ATDT-natverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 1.0.2
Text Domain: atdt-gp-banktjanster-se
*/

/* ===== Grund (arketyp E, Trust/Authority, omarbetad for sajten) ===== */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.75}
body,button,input,select,textarea{font-family:var(--atdt-font-body)}
h1,h2,h3,h4,.entry-title,.main-title{font-family:var(--atdt-font-display);color:var(--atdt-ink);letter-spacing:-.012em}
h1,.entry-title{font-weight:700;line-height:1.12}
.entry-content{font-size:1.07rem}
a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover,a:focus{color:var(--atdt-ink)}
:focus-visible{outline:3px solid var(--atdt-accent);outline-offset:2px}

/* ===== Sidhuvud: natt-band med kontaktlos vag framfor namnet ===== */
body .site-header{background:var(--atdt-night);color:var(--atdt-night-ink)}
body .inside-header{padding-top:18px;padding-bottom:18px}
body .main-title{font-size:1.45rem;font-weight:700;line-height:1.1;margin:0}
body .main-title a,body .main-title a:hover{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:.55em}
body .main-title a::before{content:"";width:1.05em;height:1.05em;flex:none;background:var(--atdt-night-link);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 8.5a5 5 0 0 1 0 7'/%3E%3Cpath d='M10 6a9 9 0 0 1 0 12'/%3E%3Cpath d='M14 3.5a13 13 0 0 1 0 17'/%3E%3Cpath d='M18 1a17 17 0 0 1 0 22'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 8.5a5 5 0 0 1 0 7'/%3E%3Cpath d='M10 6a9 9 0 0 1 0 12'/%3E%3Cpath d='M14 3.5a13 13 0 0 1 0 17'/%3E%3Cpath d='M18 1a17 17 0 0 1 0 22'/%3E%3C/svg%3E") center/contain no-repeat}
/* Hansens gula ordbild doljs: identiteten bars av vagen och namnet i temats typsnitt. Bilden ligger kvar i mediabiblioteket. */
body .site-header .site-logo{display:none}
body .site-description{color:var(--atdt-night-ink);opacity:.85;font-size:.85rem}

/* Huvudmeny pa natt */
body .main-navigation,body .main-navigation ul ul{background:var(--atdt-night)}
body .main-navigation .main-nav ul li a,body .main-navigation .menu-toggle,body .main-navigation .menu-bar-items,body .main-navigation .menu-bar-item>a{color:var(--atdt-night-ink);font-weight:600;font-size:.97rem;text-decoration:none}
body .main-navigation .main-nav ul li:hover>a,body .main-navigation .main-nav ul li:focus-within>a,body .main-navigation .main-nav ul li[class*="current-menu-"]>a{color:#fff;background:rgba(201,194,255,.14)}
body .main-navigation .main-nav ul ul li a{font-weight:500;font-size:.93rem;color:var(--atdt-night-ink)}
body .main-navigation ul ul{border-radius:0 0 10px 10px;box-shadow:0 18px 30px -18px rgba(0,0,0,.6)}
body .main-navigation .menu-toggle{background:transparent}
body .navigation-search input[type=search]{background:var(--atdt-night);color:#fff}
body .menu-bar-item a,body .menu-bar-item a:hover{text-decoration:none}
@media (max-width:768px){
  body .main-navigation .main-nav ul li a{padding-top:12px;padding-bottom:12px}
  body .main-navigation.toggled .main-nav>ul{border-top:1px solid rgba(201,194,255,.25)}
}

/* ===== Innehallsytor: vita kort pa kortgra ===== */
.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation,.bt-arkivhuvud{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius)}
.separate-containers .inside-article{padding:44px 48px}
.bt-arkivhuvud{padding:28px 48px;margin-bottom:20px}
.bt-arkivhuvud .entry-title{margin:0;font-size:2.1rem}
.single .site-main,.page:not(.home) .site-main,.blog .site-main,.archive .site-main,.search .site-main{max-width:880px;margin-left:auto;margin-right:auto}
@media (max-width:768px){.separate-containers .inside-article{padding:26px 18px}.bt-arkivhuvud{padding:20px 18px}}
.entry-header .entry-title{font-size:2.35rem;margin-bottom:.35em}
@media (max-width:768px){.entry-header .entry-title{font-size:1.75rem}}
.entry-meta{color:var(--atdt-muted);font-size:.9rem}
.entry-meta a{color:var(--atdt-muted)}
.home .entry-content>h1:first-child,.home .entry-content>.wp-block-heading:first-child{font-size:2.6rem;margin-bottom:.3em}
@media (max-width:768px){.home .entry-content>h1:first-child{font-size:1.85rem}}

/* Rubriker: kortchipet framfor h2 */
.entry-content h2{font-size:1.55rem;font-weight:700;margin:2.3em 0 .7em;display:flex;align-items:center;gap:.55em}
.entry-content h2::before{content:"";flex:none;width:.95em;height:.7em;border-radius:3px;background:linear-gradient(135deg,var(--atdt-accent) 0 55%,var(--atdt-accent-2) 55% 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.entry-content h3{font-size:1.2rem;font-weight:700;margin-top:1.8em}
.entry-content h2+h3{margin-top:.6em}

/* Senast uppdaterad och liknande metarader */
.last-updated{color:var(--atdt-muted);font-size:.88rem;margin-bottom:1.5em}

/* ===== Tabeller, inklusive startsidans jamforelsetabell ===== */
.comparison-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.8em 0;border:1px solid var(--atdt-neutral);border-radius:12px;background:var(--atdt-surface)}
.entry-content table{width:100%;border-collapse:collapse;margin:1.7em 0;font-size:.97rem;background:var(--atdt-surface)}
.comparison-table-wrap table{margin:0}
.comparison-table{min-width:620px}
.entry-content th,.entry-content td{padding:.65em .85em;border:0;border-bottom:1px solid var(--atdt-neutral);text-align:left;vertical-align:top}
.entry-content thead th{background:var(--atdt-night);color:#fff;font-family:var(--atdt-font-display);font-weight:600;font-size:.92rem}
.entry-content thead th:first-child{border-top-left-radius:inherit}
.entry-content tbody tr:nth-child(even){background:var(--atdt-tint)}
.entry-content tbody td:first-child{font-weight:600}
.comparison-table th,.comparison-table td{text-align:center;white-space:nowrap}
.comparison-table td:first-child,.comparison-table th:first-child{text-align:left;white-space:normal}
.comparison-table .yes,.comparison-table .yes a{color:var(--atdt-positive);font-weight:700}
.comparison-table .no{color:var(--atdt-negative);font-weight:700}
.entry-content .wp-block-table{overflow-x:auto}
@media (max-width:600px){.entry-content table:not(.comparison-table){font-size:.86rem}.entry-content table:not(.comparison-table) th,.entry-content table:not(.comparison-table) td{overflow-wrap:anywhere}}

/* ===== Pelarkort pa startsidan: bankkort med chip ===== */
.pillar-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem;margin:1.8em 0}
.pillar-card{position:relative;background:linear-gradient(160deg,var(--atdt-surface) 0 70%,var(--atdt-tint) 100%);border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius);padding:3.1rem 1.4rem 1.3rem;transition:border-color .15s,box-shadow .15s,transform .15s}
.pillar-card::before{content:"";position:absolute;top:1.15rem;left:1.4rem;width:2.1rem;height:1.5rem;border-radius:5px;background:linear-gradient(135deg,var(--atdt-accent) 0 55%,var(--atdt-accent-2) 55% 100%)}
.pillar-card:hover,.pillar-card:focus-within{border-color:var(--atdt-accent);box-shadow:0 16px 30px -22px rgba(28,25,64,.7);transform:translateY(-2px)}
.pillar-card a{text-decoration:none;color:inherit;display:block}
.pillar-card a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.pillar-card h3{margin:0 0 .4em;font-size:1.15rem;color:var(--atdt-accent)}
.pillar-card p{margin:0;color:var(--atdt-muted);font-size:.95rem;line-height:1.55}

/* Senaste artiklarna (kanonblocket i startsidans innehall) */
.entry-content .wp-block-latest-posts{list-style:none;padding:0;margin:1.2em 0;border-top:1px solid var(--atdt-neutral)}
.entry-content .wp-block-latest-posts li{padding:.8em 0;border-bottom:1px solid var(--atdt-neutral);margin:0}
.entry-content .wp-block-latest-posts a{font-family:var(--atdt-font-display);font-weight:600;font-size:1.08rem;text-decoration:none;color:var(--atdt-ink)}
.entry-content .wp-block-latest-posts a:hover{color:var(--atdt-accent);text-decoration:underline}
.entry-content .wp-block-latest-posts__post-date{color:var(--atdt-muted);font-size:.85rem;display:block;margin-top:.15em}

/* Faktarutor och citat */
.entry-content blockquote{border:1px solid var(--atdt-neutral);border-left:4px solid var(--atdt-accent-2);background:color-mix(in srgb,var(--atdt-accent-2) 7%,var(--atdt-surface));border-radius:10px;margin:1.7em 0;padding:1em 1.25em;font-size:.98rem;font-style:normal}

/* Bilder och fotokredit */
.entry-content figure img,.bt-utvald img,.post-image img{border-radius:10px}
.wp-element-caption,.atdt-fotocred,.entry-content figcaption{display:block;font-size:.84rem;color:var(--atdt-muted);margin-top:.45rem;text-align:left}
.entry-content figure{margin-bottom:1.6em}
.bt-utvald{margin:0 0 1.6rem}

/* Knappar */
.wp-block-button__link,.button,button,input[type=submit]{background:var(--atdt-accent);color:var(--atdt-on-accent);border-radius:999px;font-family:var(--atdt-font-display);font-weight:600}
.wp-block-button__link:hover,.button:hover,button:hover,input[type=submit]:hover{background:var(--atdt-ink);color:#fff}

/* Arkiv och sok */
.blog .inside-article .entry-title,.archive .inside-article .entry-title,.search .inside-article .entry-title{font-size:1.45rem}
.blog .inside-article .entry-title a,.archive .inside-article .entry-title a,.search .inside-article .entry-title a{color:var(--atdt-ink);text-decoration:none}
.blog .inside-article .entry-title a:hover,.archive .inside-article .entry-title a:hover{color:var(--atdt-accent)}
.read-more{font-weight:600}

/* ===== Sidfot: natt-band med vagor ===== */
.bt-vagor{display:block;width:64px;height:40px;margin:2.6rem auto -1px;color:var(--atdt-accent)}
body .site-footer{background:var(--atdt-night);color:var(--atdt-night-ink)}
body .site-info{background:var(--atdt-night);color:var(--atdt-night-ink);font-size:.9rem}
body .site-info a,.bt-sidfotsmeny a{color:var(--atdt-night-link)}
body .site-info a:hover,.bt-sidfotsmeny a:hover{color:#fff}
body .inside-site-info{padding-top:10px;padding-bottom:30px}
.copyright-bar{display:flex;flex-direction:column;align-items:center;gap:.5em;text-align:center;width:100%}
.bt-feedback{max-width:44em}
.bt-copy{opacity:.85}
.bt-sidfotsmeny{padding:30px 20px 4px;text-align:center}
.bt-sidfotsmeny__lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4em 1.6em}
.bt-sidfotsmeny__lista li{margin:0}
.bt-sidfotsmeny a{font-weight:600;font-size:.92rem}
.bt-har-sidfotsmeny .atdt-integritetspolicy-lank{display:none}