/*
Theme Name: Marinshop Demo Theme
Theme URI: https://marinshop.no
Author: Marinshop
Description: Maritim demotema med front-page.php og en side-mal for forside.
Version: 1.0.3
Text Domain: marinshop-demo
*/
:root{--bg:#f7fafc;--card:#fff;--ink:#0f2a3f;--muted:#5b7284;--brand:#1f7ea8;--brand-2:#58c3d8;--accent:#1aa3b8;--accent-2:#e6f7fb;--shadow:0 8px 24px rgba(15,42,63,.08);--radius:16px}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans;background:var(--bg);color:var(--ink)}
.section{margin:50px auto;width:min(1200px,92vw)}
.grid{display:grid;gap:24px}.grid.cats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
header.site-header{display:flex;align-items:center;gap:20px;padding-bottom:10px;border-bottom:3px solid var(--brand)}
header.site-header h1{margin:0;font-size:32px;color:var(--brand)}
header.site-header p{margin:4px 0 0;font-size:15px;color:var(--muted)}
h2.section-title{font-size:24px;color:var(--brand);margin-bottom:16px;text-align:center}
.cat,.product-card,.promo-card{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--card);box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;text-align:center;padding:12px}
.cat:hover,.product-card:hover,.promo-card:hover{transform:scale(1.03);box-shadow:0 10px 28px rgba(15,42,63,.15);background-color:#f0faff}
.cat b,.product-card b,.promo-card b{font-size:18px;position:relative;z-index:2;display:block;margin-top:8px}
.cat span,.product-card span,.promo-card span{color:var(--muted);font-size:13px;position:relative;z-index:2;display:block;margin-top:4px}
.product-card,.promo-card{display:flex;flex-direction:column;padding:0}
.product-thumb,.promo-thumb{background:#eef8fb;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-thumb img,.promo-thumb img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}
.product-card:hover .product-thumb img,.promo-card:hover .promo-thumb img{transform:scale(1.05)}
.product-info,.promo-info{padding:16px}.promo-info b{color:var(--brand)}
.cat::before{content:"";position:absolute;inset:0;background-image:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22200%22 viewBox=%220 0 200 200%22%3E%3Cpath d=%22M0 100 Q50 50 100 100 T200 100%22 fill=%22none%22 stroke=%22%23cdeaf2%22 stroke-width=%223%22/%3E%3C/svg%3E');background-repeat:repeat;opacity:.25;animation:waveMove 6s linear infinite}
@keyframes waveMove{from{background-position:0 0}to{background-position:200px 0}}
footer.site-footer{text-align:center;border-top:3px solid var(--brand);padding-top:20px;margin-top:40px}