/*
Theme Name: Outfit Glow Magazin
Description: Magazin-Theme fuer outfitglowmarket.store. Nutzt die Stylesheets der Website, damit Blog und Seite gleich aussehen.
Author: Outfit Glow
Version: 1.0
Text Domain: ogm-magazin
*/
:root{--mg-black:#0A0A0A;--mg-gold:#B08D2E}
.mg-hero{padding:clamp(2rem,5vw,3.5rem) 0 1.2rem}
.mg-kicker{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#7a6a3a;margin:0 0 .6rem}
.mg-hero h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1;margin:.1rem 0 1rem}
.mg-hero p.mg-lede{max-width:46rem;font-size:1.05rem;line-height:1.55;margin:0}
.mg-chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1.4rem 0 0;padding:0}
.mg-chips a{display:inline-block;border:1.5px solid var(--mg-black);padding:.35rem .8rem;font-size:.85rem;text-decoration:none;color:var(--mg-black);background:#fff}
.mg-chips a:hover,.mg-chips a[aria-current="page"]{background:var(--mg-black);color:#fff}
.mg-grid{list-style:none;margin:2rem 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.mg-card{border:1px solid var(--mg-black);background:#fff;display:flex;flex-direction:column}
.mg-card a{text-decoration:none;color:inherit}
.mg-thumb{display:block;aspect-ratio:4/5;background:#ece9e2;overflow:hidden}
.mg-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.mg-card:hover .mg-thumb img{transform:scale(1.03)}
.mg-card-body{padding:.9rem 1rem 1.1rem}
.mg-cat{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#7a6a3a}
.mg-card h2{font-size:1.25rem;line-height:1.2;margin:.3rem 0 .5rem}
.mg-card p{margin:0 0 .6rem;font-size:.92rem;line-height:1.45;color:#333}
.mg-meta{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#555}
.mg-meta img{width:1.7rem;height:1.7rem;border-radius:50%;border:2px solid var(--mg-gold);object-fit:cover}
.mg-pager{display:flex;justify-content:space-between;gap:1rem;margin:1rem 0 3rem}
.mg-pager a,.mg-pager span{border:1.5px solid var(--mg-black);padding:.45rem .9rem;text-decoration:none;color:var(--mg-black);background:#fff}
.mg-empty{border:1px solid var(--mg-black);background:#fff;padding:1.5rem;margin:2rem 0}
.mg-article{max-width:46rem;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) 0}
.mg-article h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.05;margin:.3rem 0 1rem}
.mg-byline{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:#555;margin-bottom:1.4rem}
.mg-byline img{width:2.4rem;height:2.4rem;border-radius:50%;border:2px solid var(--mg-gold);object-fit:cover}
.mg-article .mg-cover img{width:100%;height:auto;display:block;border:1px solid var(--mg-black)}
.mg-content{font-size:1.05rem;line-height:1.7}
.mg-content p{margin:0 0 1.1rem}
.mg-content h2,.mg-content h3{font-family:var(--display,serif);line-height:1.15;margin:2rem 0 .7rem}
.mg-content img{max-width:100%;height:auto}
.mg-content figure{margin:1.6rem 0}
.mg-content figcaption{font-size:.82rem;color:#555;margin-top:.4rem}
.mg-content .wp-block-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;list-style:none;padding:0}
.mg-content .wp-block-gallery figure{margin:0}
.mg-content a{color:var(--mg-black);text-decoration:underline;text-decoration-color:var(--mg-gold);text-underline-offset:3px}
.mg-notice{border:1px solid var(--mg-black);border-left:6px solid var(--mg-gold);background:#fff;padding:.8rem 1rem;font-size:.85rem;line-height:1.5;margin:2rem 0}
.mg-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}
.mg-pin{display:inline-flex;gap:.4rem;align-items:center;background:#E60023;color:#fff!important;border-radius:999px;padding:.6rem 1.1rem;font-weight:700;text-decoration:none!important}
.mg-more{margin:2.5rem 0 1rem}
@media(max-width:60rem){.mg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:36rem){.mg-grid{grid-template-columns:minmax(0,1fr)}}