/*
Theme Name: FamilieHacks
Theme URI: https://familiehacks.dk
Author: FamilieHacks
Author URI: https://familiehacks.dk
Description: Et dansk familieblog-tema med varm okker-palet og nordisk hygge-æstetik. Bygget med Tailwind CSS og Material Symbols.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: familiehacks
Tags: blog, danish, family, tailwind, okker, nordic
*/

/* Global resets & base */
body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #fcf9f5;
    -webkit-font-smoothing: antialiased;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.glass-nav {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.editorial-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.5rem;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

/* WordPress alignment classes */
.alignleft  { float: left; margin-right: 1.5rem; }
.alignright { float: right; margin-left: 1.5rem; }
.aligncenter { display: block; margin: 0 auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.875rem; color: #4e4639; text-align: center; }