/*
Theme Name: ChefPress
Version: 0.2.2
Author: WebWorker
Description: Admin formular (edit-mode + redirects), sidebar til højre m. metadata.
Text Domain: chefpress
*/
:root { --gap: 16px; --radius: 14px; }
*{box-sizing:border-box}
.container { max-width: 1400px; margin: 0 auto; padding: 0 16px; }
img { max-width: 100%; height: auto; display:block; }
.meta { display:flex; flex-wrap:wrap; gap:8px 16px; font-size:.95rem; }
.box { background: var(--wp--preset--color--box-bg); border:1px solid var(--wp--preset--color--box-border);
  border-radius: var(--radius); padding:16px; }

/* Header */
.site-header { background: var(--wp--preset--color--header-bg); color: var(--wp--preset--color--header-fg); }
.site-header .inner { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; }
.site-branding a { color: inherit; text-decoration:none; font-weight:600; font-size:1.1rem; }
.main-nav ul { list-style:none; margin:0; padding:0; display:flex; gap:16px; }
.main-nav a { color: var(--wp--preset--color--header-fg); text-decoration:none; padding:8px 10px; border-radius:8px; display:block; }
.main-nav li { position:relative; }
.main-nav li:hover > a { background: var(--wp--preset--color--header-fg-translucent); color: var(--wp--preset--color--header-bg); }
.main-nav ul ul { position:absolute; left:0; top:100%; min-width:220px; background: var(--wp--preset--color--header-bg);
  border:1px solid var(--wp--preset--color--header-fg-translucent); border-radius:12px; padding:8px; display:none; flex-direction:column; gap:4px; z-index:50; }
.main-nav li:hover > ul { display:flex; }
@media (max-width: 780px){ .main-nav ul { flex-direction:column } .main-nav ul ul { position:static; border:none; display:none; padding:0 } .main-nav li:hover > ul { display:block } }

/* Grid with right sidebar */
.recipe-grid { display:grid; grid-template-columns: 1fr; gap: var(--gap); align-items:start; }
@media (min-width: 900px){ .recipe-grid{ grid-template-columns: 2fr 1fr; } }
aside .widget, aside .box { margin-bottom: 16px; }

/* Recipe layout */
.recipe-header { margin-bottom: 20px; }
.recipe-intro { margin: 8px 0 12px; font-size:1.05rem; }
.recipe-featured { margin: 0 0 16px; }
.recipe-description { margin: 0 0 16px; }
.recipe-two-col { display:grid; grid-template-columns: 1fr; gap: var(--gap); align-items: stretch; }
.recipe-two-col .box { height: 100%; display:flex; flex-direction:column; }
.recipe-two-col .steps ol { padding-left: 1.25rem; }
@media (min-width: 900px){ .recipe-two-col { grid-template-columns: 1fr 1fr; } }
.recipe-below { margin-top: 20px; }
.recipe-below .body-image { margin: 8px 0 16px; }

/* Footer */
.site-footer { margin-top:40px; background: var(--wp--preset--color--footer-bg); color: var(--wp--preset--color--footer-fg); }
.site-footer .inner { padding:20px 16px; text-align:center; }
.site-footer a { color: var(--wp--preset--color--footer-fg); text-decoration:underline; }