/**
 * Travel-Ways.cz - Zakázkové styly doplňující Tailwind CSS
 * Moderní cestovatelský design s důrazem na konverze a přehlednost
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap');

:root {
    --color-navy-dark: #0a192f;
    --color-navy: #0f274a;
    --color-blue-main: #1d4ed8;
    --color-cta-orange: #ea580c;
    --color-cta-amber: #f59e0b;
    --color-sea-cyan: #0284c7;
}

body {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    background-color: #f8fafc;
    overflow-x: hidden;
}

/* Jemný plynulý posun stránky */
html {
    scroll-behavior: smooth;
}

/* Stylový moderní posuvník */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Glassmorphism navigační lišty */
.header-glass {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Karty hotelů - vylepšení stínů a efektů */
.hotel-card {
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.hotel-card:hover {
    transform: translateY(-6px);
}

/* Tlačítka primární CTA s jemným světelným leskem */
.btn-primary {
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease;
}
.btn-primary::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 40%;
    height: 200%;
    background: linear-gradient(
        60deg,
        rgba(255, 255, 255, 0) 20%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 80%
    );
    transform: rotate(25deg);
    transition: transform 0.6s ease;
}
.btn-primary:hover::after {
    transform: translateX(350%) rotate(25deg);
}

/* Sekundární tlačítko */
.btn-secondary {
    transition: all 0.2s ease;
}
.btn-secondary:hover {
    background-color: #e0f2fe;
    border-color: #93c5fd;
}

/* Odznáček slevy pulzující efekt */
@keyframes subtle-pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.04);
    }
}
.pulse-badge {
    animation: subtle-pulse 2.5s infinite ease-in-out;
}

/* Zajištění responzivity iframe map */
.map-responsive-container {
    position: relative;
    padding-bottom: 56.25%; /* poměr 16:9 */
    height: 0;
    overflow: hidden;
    border-radius: 1.5rem;
}
.map-responsive-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}