/*
Theme Name: SHOUT Media - PacTechno
Theme URI: https://pactechno.nl
Author: SHOUT Media
Author URI: https://shoutmedia.nl
Description: Custom GeneratePress child theme for PacTechno - Grafische Machineleverancier
Template: generatepress
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pactechno
*/

/* Base styles - Tailwind handles most styling via CDN */
:root {
    --color-blue: #73ADD6;
    --color-coral: #d67764;
    --color-coral-dark: #c46654;
    --color-light: #f8f9fa;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ensure Tailwind classes work properly */
*, ::before, ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
}

/* Hide scrollbar for slider */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Gradient text utility */
.gradient-text {
    background: linear-gradient(135deg, var(--color-blue) 0%, var(--color-coral) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Animation for reveal elements */
.reveal-element {
    opacity: 0;
    transform: translateY(30px);
}

/* Line clamp utilities */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* WordPress specific overrides */
.wp-block-image img {
    max-width: 100%;
    height: auto;
}

/* Admin bar spacing fix */
body.admin-bar .fixed {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .fixed {
        top: 46px;
    }
}