/*
Theme Name: Natachas Kogebog
Theme URI: https://example.com/natachas-kogebog
Author: Codex
Description: Et varmt og personligt WordPress-tema til opskrifter, køkkentips og små historier.
Version: 1.0.8
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: natachas-kogebog
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: food-and-drink, blog, custom-logo, featured-images, translation-ready
*/

:root { --ink:#25352f; --cream:#fcf8f0; --paper:#fffdf9; --terracotta:#bd6047; --terracotta-dark:#934432; --sage:#a9b9a3; --sage-deep:#476151; --butter:#efd99d; --line:#e8dfd1; --shadow:0 14px 40px rgba(54,42,27,.10); --radius:20px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Georgia, 'Times New Roman', serif; font-size:18px; line-height:1.65; }
img { max-width:100%; height:auto; }
a { color:var(--terracotta-dark); text-underline-offset:3px; }
a:hover { color:var(--ink); }
.site-main, .site-footer__inside, .site-header__inside { width:min(1160px, calc(100% - 2.5rem)); margin-inline:auto; }
.site-header { position:relative; z-index:5; background:rgba(252,248,240,.96); border-bottom:1px solid var(--line); }
.site-header__inside { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.site-branding a { color:var(--ink); text-decoration:none; }
.site-title { font-size:1.24rem; font-weight:bold; letter-spacing:.02em; }
.site-description { font-size:.78rem; margin:0; color:#68726d; }
.custom-logo-link img { max-height:52px; width:auto; }
.menu-toggle { border:1px solid var(--ink); background:var(--paper); color:var(--ink); border-radius:99px; padding:.48rem .85rem; font:inherit; font-size:.9rem; }
.main-navigation ul { display:none; list-style:none; padding:0; margin:0; }
.main-navigation.toggled ul { display:block; position:absolute; top:76px; left:0; right:0; padding:1rem 1.25rem; background:var(--paper); border-bottom:1px solid var(--line); box-shadow:var(--shadow); }
.main-navigation li + li { margin-top:.55rem; }
.main-navigation a { color:var(--ink); font-family:Arial,sans-serif; font-size:.9rem; font-weight:600; text-decoration:none; }
.hero { padding:1rem 0 0; background:var(--cream); overflow:hidden; }
.hero__inside { width:min(1160px, calc(100% - 2.5rem)); margin:auto; min-height:590px; display:grid; align-items:stretch; overflow:hidden; border-radius:30px; box-shadow:var(--shadow); }
.hero__copy { padding:clamp(3rem,7vw,6.25rem); display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden; background:#dce7d7; isolation:isolate; }
.hero__copy::before { content:''; position:absolute; z-index:-1; width:340px; height:340px; border-radius:50%; background:#f2cda0; right:-145px; bottom:-175px; }.hero__copy::after { content:''; position:absolute; z-index:-1; width:130px; height:195px; border:2px solid rgba(71,97,81,.3); border-radius:100% 0 100% 0; transform:rotate(32deg); right:16%; top:-72px; }
.eyebrow { margin:0 0:.8rem; color:var(--terracotta-dark); font:700 .75rem/1.2 Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
h1,h2,h3,h4 { color:var(--ink); line-height:1.13; }
.hero h1 { max-width:650px; font-size:clamp(2.8rem,8vw,5.7rem); margin:0; letter-spacing:-.045em; }
.hero__copy > p:not(.eyebrow) { max-width:490px; margin:1.4rem 0 2rem; font-size:1.18rem; }
.hero__mark { display:inline-flex; align-items:center; gap:.5rem; align-self:flex-start; margin:0 0 1.25rem; padding:.55rem .8rem; background:rgba(255,253,249,.75); border:1px solid rgba(71,97,81,.18); border-radius:999px; color:var(--sage-deep); font:700 .72rem/1 Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; }.hero__mark::before { content:'♥'; color:var(--terracotta); font-size:1rem; letter-spacing:0; }
.button, .wp-block-button__link { display:inline-block; border-radius:999px; padding:.78rem 1.25rem; background:var(--terracotta); color:#fff !important; text-decoration:none; border:0; font:700 .87rem/1 Arial,sans-serif; transition:transform .16s,background .16s; }
.button:hover,.wp-block-button__link:hover { background:var(--terracotta-dark); transform:translateY(-2px); }
.hero__image { min-height:310px; background:#d1c9a6 center/cover no-repeat; position:relative; }
.hero__image::after { content:'N'; position:absolute; width:62px; height:62px; display:grid; place-items:center; right:1.2rem; bottom:1.2rem; border-radius:50%; background:var(--terracotta); color:#fff; border:4px solid rgba(255,253,249,.9); font:bold 1.55rem Georgia,serif; box-shadow:0 5px 16px rgba(43,30,20,.22); }
.hero__image--empty { background:linear-gradient(140deg,#d0ad78,#f0d9a6 52%,#8ca195); }
.section { padding:4.5rem 0; }
.section--paper { background:var(--paper); }
.section--sage { padding:1.5rem 0; background:var(--cream); }.section--sage .site-main { padding:clamp(2rem,5vw,4.5rem) 1.25rem; background:var(--sage); border-radius:var(--radius); }
.section__head { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.7rem; }
.section__head h2 { font-size:clamp(2rem,4vw,3.25rem); margin:0; letter-spacing:-.035em; }
.section__link { font:700 .84rem Arial,sans-serif; white-space:nowrap; }
.category-cards, .post-grid { display:grid; grid-template-columns:1fr; gap:1.25rem; }
.category-card { min-height:240px; border-radius:var(--radius); padding:1.5rem; display:flex; flex-direction:column; justify-content:end; color:#fff; text-decoration:none; overflow:hidden; position:relative; background:var(--sage-deep) center/cover no-repeat; box-shadow:var(--shadow); isolation:isolate; transition:transform .2s ease, box-shadow .2s ease; }
.category-card::before { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(16,37,28,.72),rgba(16,37,28,.03)); z-index:-1; }
.category-card--food { background-color:#6d8066; }.category-card--bread { background-color:#b9774d; }.category-card--cake { background-color:#aa6870; }
.category-card h3 { color:#fff; font-size:2rem; margin:0; }.category-card span { font:700 .76rem Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.category-card:hover { transform:translateY(-5px); box-shadow:0 19px 42px rgba(54,42,27,.18); }
.recipe-card,.post-card { display:block; background:var(--paper); color:var(--ink); text-decoration:none; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); }
.recipe-card__image,.post-card__image { display:block; aspect-ratio:1.25; background:#d9d1bd center/cover; }
.recipe-card__body,.post-card__body { padding:1.3rem; }.card-meta { color:var(--terracotta-dark); font:700 .72rem Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.recipe-card h3,.post-card h2 { margin:.4rem 0 .5rem; font-size:1.5rem; }.recipe-card p,.post-card p { margin:0; color:#58645e; font-size:.96rem; }
.tip-box { max-width:870px; margin:auto; padding:clamp(1.6rem,6vw,3.8rem); background:var(--butter); border-radius:var(--radius); box-shadow:var(--shadow); position:relative; }
.tip-box::before { content:'“'; position:absolute; top:-.24em; left:.18em; color:var(--terracotta); font-size:6rem; line-height:1; opacity:.65; }.tip-box h2 { margin:0 0:.6rem; font-size:clamp(2rem,4vw,3rem); }.tip-box p { max-width:650px; margin:0; }
.about-panel { display:grid; overflow:hidden; background:#e0eadb; border-radius:var(--radius); box-shadow:var(--shadow); }.about-panel__image { min-height:290px; background:#b8c9b1 center/cover no-repeat; }.about-panel__image--empty { background:linear-gradient(145deg,#be7b5d,#ebc99a 55%,#9fb39a); }.about-panel__body { padding:clamp(1.6rem,5vw,3.8rem); }.about-panel h2 { margin:.2rem 0 .8rem; font-size:clamp(2rem,4vw,3.3rem); }.about-panel__intro { max-width:570px; margin:0; font-size:1.1rem; }.about-panel__details { margin-top:1.3rem; max-width:600px; }.about-panel__details summary { color:var(--terracotta-dark); cursor:pointer; font:700 .87rem Arial,sans-serif; }.about-panel__details div { padding-top:1rem; }
.archive-header { padding:4rem 0 2rem; }.archive-header h1 { font-size:clamp(2.5rem,6vw,4.6rem); margin:0 0:.6rem; letter-spacing:-.045em; }.archive-header p { max-width:680px; margin:0; }
.recipe-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:.8rem; padding:1rem; margin:0 0 1.8rem; background:var(--paper); border:1px solid var(--line); border-radius:16px; }.recipe-toolbar__field { display:grid; gap:.28rem; flex:1 1 170px; }.recipe-toolbar label { font:700 .72rem Arial,sans-serif; color:var(--sage-deep); letter-spacing:.08em; text-transform:uppercase; }.recipe-toolbar select { width:100%; min-height:42px; border:1px solid #cfc6b8; border-radius:9px; padding:.45rem .65rem; background:#fff; color:var(--ink); font:inherit; font-size:.92rem; }.recipe-toolbar button { min-height:42px; border:0; border-radius:999px; padding:.7rem 1rem; background:var(--terracotta); color:#fff; font:700 .82rem Arial,sans-serif; cursor:pointer; }
.tips-grid { display:grid; grid-template-columns:1fr; gap:1rem; padding-bottom:4.5rem; }.tip-card { background:var(--paper); border:1px solid var(--line); border-radius:16px; transition:transform .18s ease, box-shadow .18s ease; }.tip-card:hover { transform:translateY(-3px); box-shadow:var(--shadow); }.tip-card__link { display:grid; grid-template-columns:auto 1fr; gap:1rem; padding:1.35rem; color:var(--ink); text-decoration:none; }.tip-card__symbol { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--butter); color:var(--terracotta-dark); font-size:1.3rem; }.tip-card h2 { margin:.3rem 0 .45rem; font-size:1.35rem; }.tip-card p { margin:0; color:#58645e; font-size:.94rem; }.tip-card__more,.story-card__more { display:inline-block; margin-top:.9rem; color:var(--terracotta-dark); font:700 .8rem Arial,sans-serif; }
.story-list { display:grid; gap:1.5rem; padding-bottom:4.5rem; max-width:920px; }.story-card { display:grid; grid-template-columns:1fr; overflow:hidden; background:var(--paper); border-radius:var(--radius); box-shadow:var(--shadow); }.story-card__image { min-height:240px; background:#c8d0bc center/cover no-repeat; }.story-card__body { padding:1.6rem; }.story-card__body h2 { font-size:clamp(1.65rem,3vw,2.3rem); margin:.35rem 0 .75rem; }.story-card__body h2 a { color:var(--ink); text-decoration:none; }.story-card__body > p:not(.eyebrow) { margin:0; color:#58645e; }
.archive-grid { padding-bottom:4.5rem; }.pagination { margin:2.5rem 0; font-family:Arial,sans-serif; }.page-numbers { display:inline-block; padding:.35rem .55rem; }.page-numbers.current { color:var(--terracotta-dark); font-weight:bold; }
.article { max-width:800px; padding:3.5rem 0 5rem; }.article__header { margin-bottom:2rem; }.article__header h1 { font-size:clamp(2.5rem,6vw,4.8rem); letter-spacing:-.045em; margin:.35rem 0 1rem; }.article__meta { color:#69726c; font: .83rem Arial,sans-serif; }.article__image { border-radius:var(--radius); overflow:hidden; margin:0 0 2.4rem; }.article .wp-post-image { display:block; width:100%; }.article h2 { margin-top:2rem; font-size:2rem; }.article h3 { margin-top:1.6rem; }.article blockquote { margin:2rem 0; padding:1.2rem 1.4rem; border-left:5px solid var(--terracotta); background:var(--paper); font-size:1.17rem; }
.fars-tip { margin:2.3rem 0; padding:1.25rem 1.4rem; background:#e0eadb; border-radius:14px; border-left:5px solid var(--sage-deep); }.fars-tip strong { display:block; font-family:Arial,sans-serif; font-size:.83rem; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.3rem; }
/* WP Recipe Maker: let the plugin keep its data model; give its card a matching home. */
.wprm-recipe-container { margin:2.2rem 0 !important; border:0 !important; border-radius:var(--radius) !important; box-shadow:var(--shadow) !important; overflow:hidden; background:var(--paper) !important; }.wprm-recipe-name { font-family:Georgia,serif !important; color:var(--ink) !important; }.wprm-recipe { color:var(--ink) !important; }.wprm-recipe a { color:var(--terracotta-dark) !important; }
.site-footer { background:var(--ink); color:#e8eee6; padding:3rem 0; }.site-footer__inside { text-align:center; }.site-footer a { color:#fff; }.site-footer p { margin:.3rem 0; font-size:.9rem; }
.screen-reader-text { clip:rect(1px,1px,1px,1px); clip-path:inset(50%); height:1px; width:1px; overflow:hidden; position:absolute; word-wrap:normal!important; }
@media (min-width:720px) { .hero { padding:1.5rem 0 0; }.hero__inside { grid-template-columns:1.05fr .95fr; }.category-cards { grid-template-columns:repeat(3,1fr); }.post-grid,.tips-grid { grid-template-columns:repeat(3,1fr); }.recipe-card__image,.post-card__image { aspect-ratio:1.08; }.story-card { grid-template-columns:.9fr 1.1fr; }.story-card__image { min-height:300px; }.about-panel { grid-template-columns:.85fr 1.15fr; }.about-panel__image { min-height:440px; } }
@media (min-width:860px) { .menu-toggle { display:none; }.main-navigation ul { display:flex; gap:1.4rem; align-items:center; }.main-navigation li + li { margin:0; } }