/*
Theme Name:        Pharma Uno Akademie
Theme URI:         https://dare-solutions.de/themes/pharma-uno-akademie
Author:            Dare Solutions
Author URI:        https://dare-solutions.de
Description:        Individuelles WordPress-Theme fuer die Pharma Uno Akademie – KI-Kompetenz fuer Pharma, Biotech und MedTech. Optimiert fuer Elementor, WooCommerce und DSGVO-konformes Self-Hosting (keine externen Requests). // Custom WordPress theme for Pharma Uno Akademie – AI competence for pharma, biotech and medtech. Built for Elementor, WooCommerce and GDPR-compliant self-hosting (no external requests).
Version:           1.0.0
Requires at least: 6.0
Tested up to:      6.7
Requires PHP:      7.4
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       pharma-uno-akademie
Tags:              elementor, woocommerce, e-commerce, custom-menu, featured-images, translation-ready, full-width-template, block-styles

Pharma Uno Akademie is free software distributed under the terms of the GNU GPL v2 or later.
*/

/* =========================================================================
   1. DESIGN TOKENS
   Declared once on :root and consumed by every stylesheet in the theme.
   ========================================================================= */
:root{
	/* Brand navy scale */
	--pua-navy:#0D1B3E;
	--pua-navy-2:#132552;
	--pua-navy-3:#182F66;

	/* Accent gold */
	--pua-gold:#F0A800;
	--pua-gold-light:#FFC845;

	/* Neutrals & surfaces */
	--pua-white:#FFFFFF;
	--pua-bg-light:#F4F6FA;
	--pua-bg-card:#FFFFFF;

	/* Text */
	--pua-text-dark:#14213D;
	--pua-text-muted:#5B6478;
	--pua-border:#E2E6F0;

	/* Shape & layout */
	--pua-radius:14px;
	--pua-maxw:1180px;
	--pua-shadow:0 10px 30px rgba(13,27,62,.08);

	/* Typography stacks (self-hosted, DSGVO-konform) */
	--pua-font-head:"Space Grotesk","Segoe UI",system-ui,-apple-system,sans-serif;
	--pua-font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* =========================================================================
   2. SAFE RESET (Elementor-friendly)
   IMPORTANT: no global "* { margin:0; padding:0 }" – that breaks Elementor
   spacing. We only normalise box-sizing and media, and scope everything else
   to .pua- classes / .pua-entry-content so widgets are never restyled.
   ========================================================================= */
*,
*::before,
*::after{
	box-sizing:border-box;
}

img,
svg{
	max-width:100%;
}

img{
	height:auto;
}

/* =========================================================================
   3. BASE TYPOGRAPHY (body only)
   ========================================================================= */
html{
	scroll-behavior:smooth;
}

body{
	margin:0;
	font-family:var(--pua-font-body);
	color:var(--pua-text-dark);
	background:var(--pua-white);
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optimizeLegibility;
}

/* =========================================================================
   4. SCOPED BASE DEFAULTS
   Heading, link, list and image defaults are scoped to theme wrappers so
   Elementor widgets keep their own spacing and colours.
   ========================================================================= */

/* Headings inside theme-rendered regions only */
.pua-site-main h1,
.pua-site-main h2,
.pua-site-main h3,
.pua-site-main h4,
.pua-site-main h5,
.pua-site-main h6,
.pua-entry-content h1,
.pua-entry-content h2,
.pua-entry-content h3,
.pua-entry-content h4,
.pua-entry-content h5,
.pua-entry-content h6{
	font-family:var(--pua-font-head);
	line-height:1.15;
	letter-spacing:-0.01em;
}

/* Links inside theme wrappers inherit colour; Elementor links untouched.
   The `body` prefix outranks Elementor kit link rules (.elementor-kit-N a). */
body .pua-site-main a,
body .pua-footer a{
	color:inherit;
	text-decoration:none;
}

/* Lists reset only where the theme owns the markup */
.pua-nav-menu,
.pua-footer-links,
.pua-price-list,
.pua-contact-links{
	list-style:none;
	margin:0;
	padding:0;
}

/* Media defaults inside theme regions */
.pua-site-main img,
.pua-footer img{
	display:block;
}

/* =========================================================================
   5. ACCESSIBILITY
   ========================================================================= */

/* Visually hidden but available to assistive tech */
.pua-visually-hidden{
	position:absolute !important;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0;
}

/* Skip link – first focusable element, hidden until focused */
.pua-skip-link{
	position:absolute;
	left:-9999px;
	top:0;
	z-index:1000;
	padding:12px 20px;
	background:var(--pua-gold);
	color:var(--pua-navy);
	font-family:var(--pua-font-body);
	font-weight:600;
	border-radius:0 0 8px 0;
	text-decoration:none;
}

.pua-skip-link:focus{
	left:0;
}

/* Global visible focus indicator (a11y – only place we allow !important) */
:focus-visible{
	outline:2px solid var(--pua-gold) !important;
	outline-offset:2px;
}