/*
Theme Name: Gregersen Studio
Theme URI: https://gregersenstudio.com
Author: Gregersen Studio
Author URI: https://gregersenstudio.com
Description: Et minimalistisk kunstgalleri tema til WooCommerce med Bootstrap 5 og Fancybox integration
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gregersen-studio
Tags: e-commerce, art-gallery, woocommerce, bootstrap, minimal

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda&family=Karla:wght@300;400;500;600;700&display=swap');

/* CSS Variables */
:root {
    --color-primary: #FFFFFF;
    --color-secondary: #6C6965;
    --color-accent: #C7BBAD;
    --color-accent-light: #E7E0DA;
    --color-text: #6C6965;
    --color-border: #E7E0DA;
    --color-cta: #8B7E74;
    --color-cta-hover: #756A61;
    
    --font-heading: 'Bodoni Moda', serif;
    --font-body: 'Karla', sans-serif;
    
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 3rem;
    --spacing-xl: 4rem;
    --spacing-xxl: 6rem;
}

/* Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-text);
    background-color: var(--color-primary);
}

/* Ensure Karla is used everywhere except headings */
body, p, a, span, div, li, td, th, input, textarea, select, button {
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: var(--spacing-md);
}

h1 {
    font-size: 3rem;
    font-weight: 400;  /* Som existing */
    letter-spacing: 0.02em;
}

h2 {
    font-size: 2.5rem;
    letter-spacing: 0.02em;
}

h3 {
    font-size: 1.75rem;
}

p {
    margin-bottom: var(--spacing-sm);
    font-family: var(--font-body);
}

a {
    color: var(--color-text);
    text-decoration: none;
    transition: opacity 0.3s ease;
    font-family: var(--font-body);
}

a:hover {
    opacity: 0.7;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Container Override */
.container {
    max-width: 1300px;
}

/* Full width for header and footer */
.site-header .container,
.site-footer .container {
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
}

/* Accessibility */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}