/*
Theme Name: TWW Frontend Theme
Theme URI: https://www.travelworldwide.ch
Author: Travel Worldwide AG
Author URI: https://www.travelworldwide.ch
Description: Frontend-Dashboard für TWW Offerten Tool mit vollständigem Interface für Reiseberater
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
License: Commercial
License URI: https://www.travelworldwide.ch/license
Text Domain: tww-frontend-theme
Requires Plugins: tww-offers-plugin
*/

/**
 * Theme Basis-Styles
 * Hauptstyles sind in /assets/css/
 */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #1e293b;
    background-color: #f8fafc;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Barlow Semi Condensed', 'DIN Next', 'Arial Narrow', Arial, sans-serif;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1rem;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.5rem;
}

a {
    color: #7587c3;
    text-decoration: none;
}

a:hover {
    color: #6484fd;
    text-decoration: underline;
}

button, .btn {
    font-family: inherit;
    font-size: 1rem;
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
}

/* WordPress Admin Bar Offset */
body.admin-bar .dashboard-header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .dashboard-header {
        top: 46px;
    }
}

/* Loading Spinner */
.tww-loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(37, 99, 235, 0.3);
    border-radius: 50%;
    border-top-color: #2563eb;
    animation: tww-spin 0.6s linear infinite;
}

@keyframes tww-spin {
    to { transform: rotate(360deg); }
}

/* Screen Reader Only */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

