/*
Theme Name: Airlinel Theme
Author: Gemini & User
Description: Airlinel için özel olarak hazırlanmış, lüks transfer hizmetleri teması.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: airlinel-theme
*/

/* =========================================
   1. Temel Değişkenler (:root)
   ========================================= */
:root { 
    --accent-color: #DD808E; 
    --accent2-color: #D56A76; 
    --accent3-color: #E28692; 
    --accent4-color: #EF9DA5; 
    --primary-color: #CC4452; 
    --dark-text-color: #232323; 
    --gray-text-color: #A0A0A0; 
    --button-padding-x: 16px; 
    --button-padding-y: 12px; 
    --font-family-body: 'Noto Sans', sans-serif; 
    --light-text-color: #F9F9F9; 
    --dark-border-color: #4A4A4A; 
    --light-border-color: #DFDFDF; 
    --font-family-heading: 'Barlow', sans-serif; 
    --button-rounded-radius: 24px; 
    --dark-background-color: #343434; 
    --light-background-color: #FEEFEF; 
    --medium-background-color: #FAC9C9; 
    --primary-button-text-color: #FFFFFF; 
    --secondary-button-bg-color: #464646; 
    --secondary-button-text-color: #FFFFFF; 
    --primary-button-hover-bg-color: #D55660; 
    --primary-button-hover-text-color: #FFFFFF; 
    --secondary-button-hover-bg-color: #575757; 
    --secondary-button-hover-text-color: #FFFFFF; 
}

/* =========================================
   2. Editör / Arayüz Yardımcı Sınıfları
   ========================================= */
.hovered-element {
    outline: #3871E0 dashed 2px;
}

.clicked-element {
    outline: #3871E0 solid 2px;
}

.clicked-code-section {
    border: #3B82F6 solid 2px;
}

/* =========================================
   3. Hero Bölümü Animasyonları
   ========================================= */
@keyframes gradient {
    0%, 100% { transform: translateX(-100%); }
    50% { transform: translateX(100%); }
}

.animate-gradient {
    animation: gradient 15s ease-in-out infinite;
}

/* =========================================
   4. CTA (Call to Action) Bölümü Animasyonları
   ========================================= */
@keyframes slowZoom {
    0% { transform: scale(1.1); }
    100% { transform: scale(1.2); }
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes shimmer {
    0% { background-position: 0% center; }
    100% { background-position: 200% center; }
}

/* WordPress Admin Bar Düzenlemesi (Giriş yapıldığında navbar'ın altında kalmaması için) */
body.admin-bar header#global-header {
    top: 32px;
}
@media screen and (max-width: 782px) {
    body.admin-bar header#global-header {
        top: 46px;
    }
}