/*
Theme Name: ToBeStav
Theme URI: https://tobestav.cz
Description: Custom WordPress one-page theme for ToBeStav construction company using Tailwind CSS
Author: ToBeStav
Author URI: https://tobestav.cz
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: tobestav
Tags: one-page, construction, portfolio, responsive, tailwind

ToBeStav WordPress Theme, Copyright 2025 ToBeStav s.r.o.
ToBeStav is distributed under the terms of the GNU GPL
*/

/*
 * This theme uses Tailwind CSS for all styling
 * See inc/enqueue-scripts.php for Tailwind CDN loading
 */

html {
  scroll-behavior: smooth;
}


/* Card Components - Consistent border radius */
.card,
.service-card,
.project-card,
.contact-card {
  border-radius: 1.5rem; /* rounded-3xl equivalent */
}

/* Glossy Effect for Hero Stats Cards */
section .glossy-card,
#domov .glossy-card {
  position: relative !important;
  background: linear-gradient(135deg, rgba(28, 28, 29, 0.35) 0%, rgba(20, 20, 21, 0.25) 100%) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 
    0 8px 32px 0 rgba(0, 0, 0, 0.4),
    inset 0 2px 4px 0 rgba(255, 255, 255, 0.25),
    inset 0 -2px 4px 0 rgba(0, 0, 0, 0.15) !important;
  overflow: hidden !important;
}

section .glossy-card::before,
#domov .glossy-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 45% !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.08) 40%, transparent 100%) !important;
  pointer-events: none !important;
  border-radius: 1.5rem 1.5rem 0 0 !important;
  z-index: 1 !important;
}

/* Glass Card - Inspired by source styling */
.glass-card {
  position: relative !important;
  background: rgba(0, 0, 0, 0.24) !important;
  border: 1px solid rgba(0, 0, 0, 0.13) !important;
  backdrop-filter: blur(29px) !important;
  -webkit-backdrop-filter: blur(29px) !important;
  border-radius: 24px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transition: all 0.5s ease !important;
}


/* Scroll Indicator Animation */
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.scroll-indicator {
  animation: bounce 2s infinite;
}