/*
Theme Name: SKYSOLUTION
Theme URI: https://skysolution.by
Author: SKYSOLUTION Team
Author URI: https://skysolution.by
Description: Современная тема для агроопрыскивания дронами. Tailwind CSS, адаптив, галерея, отзывы, модальные окна.
Version: 1.0.0
License: GPL v2 or later
Text Domain: skysolution
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
*/



/* ================================ */
/* SKYSOLUTION - Custom Styles */
/* ================================ */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

/* ================================ */
/* Animations */
/* ================================ */

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.animate-fadeIn {
    animation: fadeIn 0.3s ease-out;
}

.animate-slideUp {
    animation: slideUp 0.4s ease-out;
}

.animate-slideDown {
    animation: slideDown 0.4s ease-out;
}

.animate-spin {
    animation: spin 1s linear infinite;
}

/* ================================ */
/* Gradient Text */
/* ================================ */

.gradient-text {
    background: linear-gradient(to right, #f59e0b, #f97316);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: #f59e0b; /* Fallback */
}

/* ================================ */
/* Hide Scrollbar */
/* ================================ */

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

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

/* ================================ */
/* Custom Utilities */
/* ================================ */

.transition-all {
    transition: all 0.3s ease;
}

button:focus, 
a:focus {
    outline: 2px solid #E74B23;
    outline-offset: 2px;
}

/* ================================ */
/* Modal Backdrop */
/* ================================ */

.modal-backdrop {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
}

/* ================================ */
/* Loading State */
/* ================================ */

.loading {
    pointer-events: none;
    opacity: 0.6;
}

.spinner {
    border: 2px solid #ffffff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
    display: inline-block;
}


/*.to-orange-500 {
    --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
}
.from-yellow-400 {
    --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}*/