/*
Theme Name: Posterkompaniet
Author: Posterkompaniet
Description: Ett luftigt, snabbt och modernt WooCommerce-tema för posters. Produktgalleri, kategorier och social delning.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: posterkompaniet
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, custom-logo, custom-menu, featured-images, threaded-comments
*/
:root{--paper:#faf9f6;--ink:#242822;--muted:#62665f;--line:#dedfd7;--accent:#a34834;--soft:#e9e9e1;--white:#fff;--width:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}img{max-width:100%;height:auto;vertical-align:middle}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.045em;font-weight:500}h1{font-size:clamp(36px,4.6vw,66px)}h2{font-size:clamp(30px,3vw,44px)}h3{font-size:23px}p{margin:0 0 1.25em}a,button{transition:color .16s,background-color .16s,border-color .16s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(var(--width),calc(100% - 96px));margin-inline:auto}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{clip:auto;width:auto;height:auto;padding:12px 24px;background:white;z-index:1000;top:0;left:0}.topline{background:var(--ink);color:#fff;text-align:center;padding:8px 20px;font-size:11px;letter-spacing:.12em}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-main{display:flex;align-items:center;gap:40px;min-height:102px}.brand,.custom-logo-link{display:block;flex:0 0 auto}.brand img,.custom-logo{width:300px;height:auto;max-height:90px;object-fit:contain}.searchform{display:flex;align-items:center;gap:8px;background:#f0f0e9;border:1px solid transparent;min-height:44px;padding:0 14px;width:100%;max-width:380px;margin:0 auto}.searchform:focus-within{border-color:var(--ink)}.searchform input{border:0;background:transparent;width:100%;min-width:0;font-size:13px;outline-offset:0;padding:12px 0}.searchform label{flex:1}.searchform button{border:0;padding:6px;background:transparent;line-height:1}.header-actions{display:flex;gap:24px;align-items:center;white-space:nowrap;font-size:12px}.header-actions a{text-decoration:none}.cart-link{display:flex;gap:8px;align-items:center}.menu-toggle{background:none;border:1px solid var(--line);padding:8px 12px}.main-nav{padding-bottom:16px}.main-nav>ul{display:flex;justify-content:center;gap:34px}.menu,.main-nav ul,.site-footer ul{list-style:none;padding:0;margin:0}.main-nav a{text-decoration:none;font-size:13px}.main-nav li{position:relative}.main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:var(--paper);padding:16px;min-width:210px;z-index:20;border:1px solid var(--line)}.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:block}.main-nav .sub-menu li{padding:6px 0}.main-nav .sub-menu .sub-menu{position:static;border:0;padding:0 0 0 12px}.hero{display:grid;grid-template-columns:1fr 1.14fr;gap:64px;align-items:center;padding-block:56px 60px}.hero-copy{padding:20px 0}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;margin:0 0 20px;color:var(--accent)}.hero h1{font-size:clamp(48px,5.4vw,78px);line-height:1.01;max-width:580px;margin:0 0 26px;letter-spacing:-.065em}.intro{font-size:16px;color:var(--muted);max-width:390px;line-height:1.8}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wp-block-button__link,input[type=submit]{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:14px 24px;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:#fff;text-decoration:none;font-size:13px;font-weight:500;line-height:1.5;cursor:pointer;min-height:46px}.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,input[type=submit]:hover{background:var(--accent);color:white;border-color:var(--accent)}.hero .button{margin-top:12px}.hero-note{font-size:11px;color:var(--muted);margin:20px 0 0}.gallery-stage{position:relative;background:#e6e3da;min-height:440px;display:flex;align-items:center;padding:62px 28px 55px;overflow:hidden}.stage-label,.stage-bottom{position:absolute;font-size:9px;letter-spacing:.14em;left:28px;right:28px}.stage-label{top:22px}.stage-bottom{bottom:20px;text-align:right;letter-spacing:.05em}.hero-posters{width:100%;display:flex;align-items:center;gap:18px;justify-content:center}.hero-frame{display:block;width:30%;max-width:210px;box-shadow:7px 12px 15px #3333;background:#fff;padding:8px;border:5px solid #39382f;transform:translateY(15px)}.hero-frame:nth-child(2){width:37%;transform:translateY(-12px)}.hero-frame:nth-child(3){transform:translateY(28px)}.hero-frame img{width:100%;height:auto;max-height:310px;object-fit:contain}.empty-gallery{width:100%;height:auto}.manifesto{border-block:1px solid var(--line)}.manifesto .wrap{display:flex;justify-content:space-around;padding-block:18px;gap:20px;font-size:11px;color:var(--muted)}.manifesto span::before{content:'✳';margin-right:12px;color:var(--accent)}.section{padding-block:62px 10px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{margin:0}.section-heading>a{font-size:12px;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-card{background:var(--soft);padding:17px 22px;display:flex;align-items:center;gap:18px;text-decoration:none;font-size:15px}.category-card img{width:55px;height:64px;object-fit:contain}.category-card span:last-child{margin-left:auto}.category-card:hover{background:#e0e0d5}.editorial{margin-block:76px 60px;padding:52px;background:#e9e9e0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.editorial h2{margin:0;font-size:clamp(36px,4vw,54px)}.editorial p{max-width:500px;color:var(--muted);font-size:14px}.editorial .eyebrow{color:var(--accent);font-size:10px}.editorial a{font-size:13px}.site-footer{border-top:1px solid var(--line);padding:56px 0 22px;background:#f0f0e9}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:42px}.site-footer .brand img,.site-footer .custom-logo{width:270px}.site-footer h2{font-size:13px;letter-spacing:0;font-weight:600;margin:4px 0 24px}.site-footer p{font-size:12px;color:var(--muted);margin-top:20px}.site-footer li{margin-bottom:9px}.site-footer a{font-size:12px;text-decoration:none}.social-link{display:block;margin-bottom:9px}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;font-size:10px;color:var(--muted)}.shop-main,.content-main{padding-block:40px 65px;min-height:50vh}.woocommerce .woocommerce-breadcrumb{font-size:11px;color:var(--muted);margin-bottom:30px}.woocommerce-products-header h1{margin:16px 0}.woocommerce-products-header .term-description{max-width:850px;color:var(--muted);margin-bottom:28px}.category-rail{display:flex;gap:10px;overflow:auto;margin:25px 0;padding-bottom:12px}.category-rail a{white-space:nowrap;padding:8px 16px;border:1px solid var(--line);text-decoration:none;font-size:12px}.filters{border-block:1px solid var(--line);margin:20px 0;padding:12px 0}.filters summary{cursor:pointer}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:20px}.filter-widget h3{font-size:17px}.woocommerce .woocommerce-result-count{font-size:12px;color:var(--muted);padding-top:8px}.woocommerce .woocommerce-ordering select{background:var(--paper);border:1px solid var(--line);padding:8px 12px;font-size:12px;max-width:100%}.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px;list-style:none;margin:0;padding:0;clear:both}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}.woocommerce ul.products li.product{float:none;width:auto!important;margin:0!important;position:relative;min-width:0}.woocommerce ul.products li.product a{text-decoration:none}.woocommerce ul.products li.product a img{background:#eeeee7;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;padding:24px;margin:0 0 15px;box-shadow:none}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px;font-weight:400;letter-spacing:0;line-height:1.45;margin:0;padding:0 0 5px}.woocommerce ul.products li.product .price{color:var(--ink);font-size:13px;font-weight:600;margin:0}.woocommerce ul.products li.product .price del{color:var(--muted)}.woocommerce ul.products li.product .price ins{text-decoration:none}.woocommerce ul.products li.product .button{background:transparent;color:var(--ink);font-size:11px;padding:6px 0;border:0;border-bottom:1px solid var(--line);min-height:36px;margin-top:8px}.woocommerce ul.products li.product .button:hover{color:var(--accent);border-color:var(--accent)}.woocommerce span.onsale{background:var(--accent);border-radius:0;min-height:0;line-height:1.5;padding:5px 9px;font-size:10px;font-weight:500;top:10px;left:10px;right:auto!important;margin:0!important}.woocommerce nav.woocommerce-pagination{margin-top:40px}.woocommerce nav.woocommerce-pagination ul{border-color:var(--line)}.woocommerce nav.woocommerce-pagination ul li{border-color:var(--line)}.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{padding:13px}.woocommerce div.product .product_title{font-size:clamp(32px,3.3vw,48px);margin-top:0}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink);font-size:22px}.woocommerce div.product div.images{background:#eee; padding:24px}.woocommerce div.product div.images img{object-fit:contain;max-height:800px}.woocommerce div.product div.images .flex-control-thumbs{margin-top:16px}.woocommerce div.product .woocommerce-product-details__short-description{color:var(--muted);font-size:15px}.woocommerce div.product form.cart .variations select{min-height:44px;background:white;border:1px solid var(--line);padding:8px;width:100%;max-width:100%}.woocommerce div.product form.cart .variations label{font-weight:500;font-size:13px}.woocommerce .quantity .qty{min-height:48px;border:1px solid var(--line);width:65px}.woocommerce button.button.alt,.woocommerce a.button.alt{background:var(--ink);color:#fff}.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover{background:var(--accent);color:white}.woocommerce .product_meta{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.woocommerce .product_meta>span{display:block}.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0;font-size:11px}.share>span:first-child{width:100%;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.share a,.share button{padding:8px 12px;border:1px solid var(--line);background:transparent;text-decoration:none;font-size:11px;color:var(--ink)}.share-status{width:100%;color:var(--muted)}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--soft);border-radius:0}.woocommerce div.product .woocommerce-tabs{padding-top:35px}.woocommerce div.product .related{clear:both;margin-top:50px}.woocommerce div.product .related h2{font-size:30px}.woocommerce-message,.woocommerce-info{border-top-color:var(--ink);background:var(--soft);color:var(--ink)}.woocommerce-message::before,.woocommerce-info::before{color:var(--accent)}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,input[type=text],input[type=email],input[type=url],input[type=password],textarea{padding:12px;border:1px solid var(--line);background:white;color:var(--ink);max-width:100%}.woocommerce table.shop_table{border-radius:0;border-color:var(--line)}.woocommerce-cart #payment,.woocommerce-checkout #payment{background:var(--soft);border-radius:0}.wc-block-components-button:not(.is-link){border-radius:0!important}.page-heading{margin-bottom:45px}.page-heading h1{margin:10px 0}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.post-card img{aspect-ratio:4/3;object-fit:cover}.post-card h2{font-size:27px}.post-card>a{text-decoration:none}.post-card p{color:var(--muted);font-size:14px}.page-content>h1{margin-top:0}.page-content{overflow-wrap:anywhere}.reading-width{max-width:780px;margin-inline:auto;overflow-wrap:anywhere}.reading-width h1{margin-top:0}.reading-width .wp-post-image{margin-bottom:30px}.reading-width p{line-height:1.85}.muted{color:var(--muted);font-size:13px}.alignwide{max-width:1100px}.aligncenter{margin-inline:auto;display:block}figure{max-width:100%;margin-inline:0}iframe{max-width:100%}.wp-caption-text{font-size:12px;color:var(--muted)}.gallery{display:flex;flex-wrap:wrap;gap:15px}.gallery-item{flex:1 1 180px}.sticky{border-top:2px solid var(--accent)}.bypostauthor{border-left:2px solid var(--accent)}.comments-area{margin-block:40px}.comment-list{padding-left:20px}.comment-form label{display:block}.comment-form textarea{width:100%}.comment-form-cookies-consent label{display:inline}.post-navigation,.pagination{margin:35px 0}.nav-links{display:flex;justify-content:space-between;gap:15px}.woocommerce-MyAccount-navigation ul{list-style:none;padding:0}.woocommerce-MyAccount-navigation li{padding:9px 0;border-bottom:1px solid var(--line)}
@media(min-width:1600px){.gallery-stage{min-height:485px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header-main{gap:24px}.brand img,.custom-logo{width:255px}.account{display:none}.main-nav>ul{gap:24px}.hero{gap:36px}.hero h1{font-size:60px}.gallery-stage{min-height:390px;padding-inline:18px}.hero-posters{gap:10px}.hero-frame{padding:4px;border-width:4px}.editorial{gap:40px}.footer-grid{gap:24px;grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.footer-grid>div:last-child .social-link{display:inline-block;margin-right:25px}.woocommerce ul.products{gap:28px 18px}.woocommerce ul.products li.product a img{padding:16px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-main{flex-wrap:wrap;gap:12px;padding-block:18px}.brand img,.custom-logo{width:232px}.header-actions{margin-left:auto;gap:12px}.cart-link span{display:none}.searchform{order:3;max-width:none}.main-nav>ul{flex-wrap:wrap;gap:12px 24px;justify-content:flex-start}.has-js .main-nav{display:none}.has-js .main-nav.is-open{display:block;padding-bottom:20px}.main-nav .sub-menu{position:static;display:block;border:0;padding:6px 0 6px 12px}.main-nav>ul{display:block}.main-nav>ul>li{padding:8px 0}.hero{grid-template-columns:1fr;gap:28px;padding-block:32px}.hero-copy{padding:0}.hero h1{font-size:clamp(47px,10vw,65px);max-width:520px;margin-bottom:18px}.eyebrow{margin-bottom:16px}.intro{font-size:15px;max-width:500px}.hero-note{margin-top:14px}.gallery-stage{min-height:340px}.hero-frame img{max-height:220px}.hero-frame{max-width:160px}.stage-label,.stage-bottom{font-size:8px}.manifesto .wrap{gap:8px;justify-content:space-between;font-size:9px;text-align:center;padding-block:14px}.manifesto span::before{display:block;margin:0 0 2px}.section{padding-top:38px}.section-heading{gap:12px;margin-bottom:22px}.section-heading h2{font-size:32px}.section-heading>a{font-size:11px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-card{padding:14px;font-size:12px;gap:10px}.category-card img{width:35px;height:46px}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.woocommerce ul.products li.product a img{padding:14px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px}.editorial{grid-template-columns:1fr;margin-block:45px;padding:30px;gap:26px}.editorial h2{font-size:38px}.editorial p:last-child{margin-bottom:0}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.site-footer{padding-top:36px}.site-footer h2{margin-bottom:16px}.shop-main,.content-main{padding-top:25px}.filter-grid,.post-grid{grid-template-columns:1fr}.woocommerce .woocommerce-result-count{float:none;margin:0 0 12px}.woocommerce .woocommerce-ordering{float:none;margin-bottom:24px}.woocommerce div.product div.images{padding:15px}.woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%;float:none}.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0}.woocommerce div.product .woocommerce-tabs ul.tabs li{padding:0 10px;font-size:12px}.reading-width h1{font-size:38px}.woocommerce table.shop_table{font-size:13px}}
@media(max-width:390px){.brand img,.custom-logo{width:190px}.header-actions{gap:9px}.menu-toggle{padding:7px}.category-card img{display:none}.section-heading{align-items:flex-start;flex-direction:column}.hero h1{font-size:47px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Keep desktop navigation visible; the toggle is only needed on small screens. */
.menu-toggle{display:none}.woocommerce ul.products li.product .price{display:block}
@media(max-width:760px){.menu-toggle{display:inline-flex}}
/* Native fieldset minimum widths must not force the block checkout off-screen. */
.wc-block-checkout fieldset,.wc-block-components-form fieldset{min-width:0;min-inline-size:0;max-width:100%}