/*
Theme Name: Malmö Online Loppis
Theme URI: https://example.com/malmo-online-loppis
Author: Malmö Online Loppis
Description: Ett varmt, responsivt marknadsplatstema för köp och sälj i Malmö. Används tillsammans med pluginet Malmö Loppis Marketplace.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: mol
License: GPL-2.0-or-later
*/
:root{--ink:#17352f;--green:#1f6658;--mint:#dceee5;--cream:#faf7ef;--coral:#e96043;--line:#d9ded7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit}.mol-wrap{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}.mol-top{background:var(--ink);color:#fff;text-align:center;padding:8px;font-size:12px;letter-spacing:.08em}.mol-header{height:84px;display:flex;align-items:center;justify-content:space-between}.mol-logo{display:flex;gap:10px;align-items:center;text-decoration:none;font:18px/.9 Georgia,serif}.mol-logo i{color:var(--coral);font:36px Arial}.mol-logo b{font-size:23px}.mol-nav{display:flex;gap:28px}.mol-nav a{text-decoration:none;font-size:14px;font-weight:700}.mol-actions{display:flex;gap:9px;align-items:center}.mol-button,.mol-submit{display:inline-block;border:0;border-radius:6px;padding:13px 19px;font-weight:800;text-decoration:none;background:var(--coral);color:#fff;box-shadow:3px 3px 0 #9d3b27}.mol-button-dark{background:var(--ink);box-shadow:none}.mol-hero{background:var(--mint);padding:65px 0;overflow:hidden;position:relative}.mol-hero-inner{position:relative;z-index:1}.mol-eyebrow{color:var(--coral);font-size:11px;letter-spacing:.22em;font-weight:900}.mol-hero h1,.mol-section h2{font-family:Georgia,serif;font-weight:500}.mol-hero h1{font-size:64px;line-height:.96;margin:12px 0}.mol-hero h1 em{color:var(--coral)}.mol-hero p{max-width:560px;font:19px/1.6 Georgia,serif}.mol-search{display:flex;background:#fff;border:1px solid #bfcec6;padding:7px;border-radius:8px;max-width:760px;box-shadow:7px 7px #17352f18;margin-top:28px}.mol-search input,.mol-search select{border:0;background:#fff;padding:12px;min-width:0}.mol-search input{flex:1}.mol-search select{border-left:1px solid #ddd}.mol-search button{border:0;border-radius:5px;background:var(--ink);color:#fff;padding:13px 26px;font-weight:800}.mol-section{padding-top:72px;padding-bottom:72px}.mol-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.mol-section h2{font-size:37px;margin:10px 0}.mol-categories{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.mol-category{text-align:center;text-decoration:none;font-size:12px;font-weight:700}.mol-category i{display:grid;place-items:center;height:104px;border-radius:50%;background:#d6eadf;font-style:normal;font-size:36px;margin-bottom:12px}.mol-category:nth-child(2n) i{background:#e7ddee}.mol-category:nth-child(3n) i{background:#f2e6c3}.mol-listings-bg{background:#fff}.mol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mol-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;text-decoration:none;transition:.2s}.mol-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #17352f18}.mol-card-img{height:240px;background:#e1e8e3;position:relative}.mol-card-img img{width:100%;height:100%;object-fit:cover}.mol-card-img .mol-placeholder{height:100%;display:grid;place-items:center;font-size:55px}.mol-card-body{padding:18px}.mol-card h3{font:20px Georgia;margin:0 0 10px}.mol-price{font-weight:800;font-size:18px}.mol-meta{font-size:12px;color:#65766f;margin-top:18px}.mol-fav{position:absolute;top:12px;right:12px;border:0;background:#fff;border-radius:50%;width:38px;height:38px;font-size:18px}.mol-fav.is-favorite{background:var(--coral);color:#fff}.mol-how{display:grid;grid-template-columns:1fr 1.5fr;gap:65px}.mol-steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ddd}.mol-step{padding:28px;background:#f5ead8;border-right:1px solid #ddd}.mol-step:last-child{border:0}.mol-step strong{color:var(--coral);font-size:11px}.mol-step i{display:block;font-style:normal;font-size:35px;margin:35px 0 24px}.mol-step h3{font:21px Georgia}.mol-trust{background:var(--green);color:#fff;padding:35px 0}.mol-trust-inner{display:grid;grid-template-columns:repeat(3,1fr)}.mol-trust-item{padding:0 30px;border-right:1px solid #ffffff40}.mol-trust-item:last-child{border:0}.mol-trust-item b,.mol-trust-item small{display:block}.mol-trust-item b{font:18px Georgia;margin-bottom:4px}.mol-trust-item small{opacity:.7}.mol-footer{background:var(--ink);color:#fff;padding:50px 0}.mol-footer-inner{display:flex;justify-content:space-between;align-items:center}.mol-main{min-height:60vh}.mol-content{max-width:850px;margin:50px auto;padding:0 24px}.mol-single-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:36px;align-items:start}.mol-gallery{width:100%;aspect-ratio:4/3;max-height:610px;overflow:hidden;border-radius:12px;background:#e1e8e3}.mol-gallery img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}.mol-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px;height:max-content}.mol-panel h1{font:35px Georgia}.mol-form label{display:block;font-weight:700;margin:16px 0 6px}.mol-form input,.mol-form textarea,.mol-form select{width:100%;padding:13px;border:1px solid #bbc8c2;border-radius:5px;background:#fff}.mol-form textarea{min-height:140px}.mol-notice{padding:14px;border-radius:5px;background:var(--mint);margin:15px 0}.mol-dashboard-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.mol-table{width:100%;border-collapse:collapse;background:#fff}.mol-table td,.mol-table th{padding:12px;border-bottom:1px solid #ddd;text-align:left}.mol-empty{text-align:center;padding:50px;background:#fff;border-radius:10px}
@media(max-width:900px){.mol-nav{display:none}.mol-categories{grid-template-columns:repeat(4,1fr)}.mol-grid{grid-template-columns:repeat(2,1fr)}.mol-how,.mol-single-grid{grid-template-columns:1fr}.mol-trust-inner{grid-template-columns:1fr;gap:24px}.mol-trust-item{border:0}.mol-footer-inner{flex-direction:column;gap:20px}}
@media(max-width:580px){.mol-header{height:70px}.mol-logo{font-size:13px}.mol-logo b{font-size:17px}.mol-actions .mol-account{display:none}.mol-hero{padding:45px 0}.mol-hero h1{font-size:45px}.mol-search{display:grid;grid-template-columns:1fr}.mol-search select{border-left:0;border-top:1px solid #ddd}.mol-categories{grid-template-columns:repeat(2,1fr)}.mol-grid{grid-template-columns:1fr}.mol-section-head{align-items:start}.mol-steps{grid-template-columns:1fr}.mol-step{border-right:0;border-bottom:1px solid #ddd}.mol-footer-inner{text-align:center}.mol-gallery{aspect-ratio:1/1;max-height:430px}}