/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.color-gray-1 { background-color: #222 !important; } /* Çok Koyu Gri */
.color-gray-2 { background-color: #444 !important; } /* Koyu Gri */
.color-gray-3 { background-color: #666 !important; } /* Orta Koyu Gri */
.color-gray-4 { background-color: #888 !important; } /* Orta Gri */
.color-gray-5 { background-color: #aaa !important; } /* Açık Gri */
.color-gray-6 { background-color: #ccc !important; } /* Çok Açık Gri */
.color-gray-7 { background-color: #f8f6f0 !important; } /* Sıcak Krem Rengi - Altın Tonlarıyla Uyumlu */
.color-gray-8 { background-color: #f2f2f2 !important; } /* Hafif Gri */

/* Renk Class'ları */
.color-primary-darkblue { background-color: #163b4a !important; } /* Derin Mavi */
.color-primary-olivegreen { background-color: #4e92b7 !important; } /* Zeytin Yeşili */
.color-primary-gold { background-color: #D4AF37 !important; } /* Altın Sarısı */

.color-primary-darkblue-1 { background-color: #0e2833 !important; } /* Koyu Deniz Mavisi */
.color-primary-darkblue-2 { background-color: #1a4a5f !important; }
.color-primary-darkblue-3 { background-color: #275c75 !important; }
.color-primary-darkblue-4 { background-color: #346e8b !important; }
.color-primary-darkblue-5 { background-color: #4180a1 !important; }
.color-primary-darkblue-6 { background-color: #4e92b7 !important; }
.color-primary-darkblue-7 { background-color: #5ba4cd !important; }
.color-primary-darkblue-8 { background-color: #68b6e3 !important; }
.color-primary-darkblue-9 { background-color: #a0c7dd !important; }

.color-primary-olivegreen-1 { background-color: #4d5c21 !important; } /* Koyu Zeytin Yeşili */
.color-primary-olivegreen-2 { background-color: #5c6e29 !important; }
.color-primary-olivegreen-3 { background-color: #7a8f3b !important; }
.color-primary-olivegreen-4 { background-color: #899f4d !important; }
.color-primary-olivegreen-5 { background-color: #98af5f !important; }
.color-primary-olivegreen-6 { background-color: #a7bf71 !important; }
.color-primary-olivegreen-7 { background-color: #b6cf83 !important; }
.color-primary-olivegreen-8 { background-color: #c5df95 !important; }
.color-primary-olivegreen-9 { background-color: #cee1ab !important; }

.color-primary-gold-1 { background-color: #b08d2c !important; } /* Koyu Altın Sarısı */
.color-primary-gold-2 { background-color: #c6a031 !important; }
.color-primary-gold-3 { background-color: #dcb336 !important; }
.color-primary-gold-4 { background-color: #e8c15a !important; }
.color-primary-gold-5 { background-color: #f0d27e !important; }
.color-primary-gold-6 { background-color: #f3da97 !important; }
.color-primary-gold-7 { background-color: #f6e2b0 !important; }
.color-primary-gold-8 { background-color: #f9eac9 !important; }
.color-primary-gold- { background-color: #f9eac9 !important; }

.text-primary-darkblue { color: #163b4a !important; } /* Derin Mavi */
.text-primary-olivegreen { color: #4e92b7 !important; } /* Zeytin Yeşili */
.text-primary-gold { color: #D4AF37 !important; } /* Altın Sarısı */

.text-primary-darkblue-1 { color: #0e2833 !important; } /* Koyu Deniz Mavisi */
.text-primary-darkblue-2 { color: #1a4a5f !important; } /* Orta Deniz Mavisi */
.text-primary-darkblue-3 { color: #275c75 !important; } /* Açık Deniz Mavisi */
.text-primary-darkblue-4 { color: #346e8b !important; } /* Pastel Deniz Mavisi */
.text-primary-darkblue-5 { color: #4180a1 !important; } /* Soluk Deniz Mavisi */
.text-primary-darkblue-6 { color: #4e92b7 !important; }


.text-primary-olivegreen-1 { color: #4d5c21 !important; } /* Koyu Zeytin Yeşili */
.text-primary-olivegreen-2 { color: #5c6e29 !important; } /* Orta Zeytin Yeşili */
.text-primary-olivegreen-3 { color: #7a8f3b !important; } /* Açık Zeytin Yeşili */
.text-primary-olivegreen-4 { color: #899f4d !important; } /* Pastel Zeytin Yeşili */
.text-primary-olivegreen-5 { color: #98af5f !important; } /* Soluk Zeytin Yeşili */

.text-primary-gold-1 { color: #b08d2c !important; } /* Koyu Altın Sarısı */
.text-primary-gold-2 { color: #c6a031 !important; } /* Orta Altın Sarısı */
.text-primary-gold-3 { color: #dcb336 !important; } /* Açık Altın Sarısı */
.text-primary-gold-4 { color: #e8c15a !important; } /* Pastel Altın Sarısı */
.text-primary-gold-5 { color: #f0d27e !important; } /* Soluk Altın Sarısı */




/* Font Class'ları */
.font-merriweather { font-family: 'Merriweather', serif !important;}
.font-montserrat { font-family: 'Montserrat', sans-serif !important;}
.font-open-sans { font-family: 'Open Sans', sans-serif !important;}

/* Genel Stil */
.color-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.color-column {
    flex: 1;
    margin: 0 10px;
}

.color-row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.color-box {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border: 1px solid #ccc;
}

.color-info {
    font-size: 16px;
    font-weight: bold;
}

.color-info span {
    display: block;
    font-size: 14px;
    color: #666;
}

.row.mt-4.col-mb-50.text-center {
    display: flex; /* Flexbox'ı etkinleştirir */
    flex-wrap: wrap; /* Kartların alt satıra düşmesine izin verir */
    justify-content: center; /* Yatayda ortalar */
}

.card-style {
    background-color: #cbcaca;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    transition: transform 0.3s ease;
    margin: 20px;  !important;

}

.card-style h4 {
    color: #333;
}

.card-style p {
    color: #666;
}

.card-style .before-heading {
    color: #999;
}

.card-style:hover {
    transform: translateY(-5px);
}


.whatsapp-float {
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 9999;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    padding: 12px;
    border-radius: 50%;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.3);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s ease;
    cursor: pointer;
    border: 3px solid #ffffff;
    animation: whatsappPulse 2s infinite;
    will-change: transform;
}

.whatsapp-float svg {
    width: 36px;
    height: 36px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.whatsapp-float:hover {
    transform: translate(5px, -5px) scale(1.1);
    box-shadow: 0 12px 30px rgba(37, 211, 102, 0.5);
    background: linear-gradient(135deg, #128C7E 0%, #25D366 100%);
    animation-play-state: paused;
}

.whatsapp-float:active {
    transform: translateY(-2px) scale(0.95);
}

/* WhatsApp Pulse Animation */
@keyframes whatsappPulse {
    0% {
        box-shadow: 0 6px 20px rgba(37, 211, 102, 0.3);
    }
    50% {
        box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6), 0 0 0 8px rgba(37, 211, 102, 0.1);
    }
    100% {
        box-shadow: 0 6px 20px rgba(37, 211, 102, 0.3);
    }
}