/* ============================================================
   CSS BILGI DOSYASI
   ------------------------------------------------------------
   Yapimci     : Ergun Bayram
   Iletisim    : ergun@hostedb.com
   Versiyon    : 1.1
   Aciklama    : Bu dosya, proje icinde kullanilan ozel efektler,
                 yardimci siniflar ve ek duzenlemeleri icerir.
                 Temel ve derlenmis stiller Tailwind tarafindan
                 olusturulur ve 'nova.css' dosyasinda bulunur.
   ------------------------------------------------------------
   NOT: Asagidaki blokta stillerin baslangic referanslari yer alir.
   ------------------------------------------------------------
   STYLE LISTESI (Siralama)
   1. Menu          -> #Menu
   1. PromoBanner   -> #PromoBanner
   2. HomeSlider    -> #HomeSlider
   3. HomeDomain    -> #HomeDomain
   4. Onecikan Paketler  -> #OneCikan Paketler
   ============================================================ */

/*=========================
        #Menu 
=========================*/
        body {
            font-family: 'Nunito Sans', system-ui, sans-serif;
        }


        @keyframes cartPulse {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.2);
            }
        }

        .cart-badge-pulse {
            animation: cartPulse 0.3s ease-in-out;
        }

        @keyframes notificationPulse {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.1);
            }
        }

        .notification-badge-pulse {
            animation: notificationPulse 0.3s ease-in-out;
        }

        .top-bar-menu-item {
            position: relative;
            overflow: hidden;
            display: inline-flex;
        }

        .top-bar-menu-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent 0%,
                rgba(255, 255, 255, 0.3) 50%,
                transparent 100%
            );
            transition: left 0.8s ease;
            pointer-events: none;
        }

        .top-bar-menu-item:hover::before {
            left: 100%;
        }

        .icon-container {
            position: relative;
            display: inline-block;
        }

        .icon-container .icon-default {
            transition: opacity 0.3s ease;
            opacity: 1;
        }

        .icon-container .icon-hover {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .top-bar-menu-item:hover .icon-container .icon-default {
            opacity: 0;
        }

        .top-bar-menu-item:hover .icon-container .icon-hover {
            opacity: 1;
        }

        .shimmer-button {
            position: relative;
            overflow: hidden;
        }

        .shimmer-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent 0%,
                rgba(255, 255, 255, 0.3) 50%,
                transparent 100%
            );
            transition: left 0.8s ease;
            pointer-events: none;
            z-index: 0;
        }

        .shimmer-button:hover::before {
            left: 100%;
        }

        .shimmer-button > * {
            position: relative;
            z-index: 1;
        }

        .shimmer-button:hover .icon-container .icon-default {
            opacity: 0;
        }

        .shimmer-button:hover .icon-container .icon-hover {
            opacity: 1;
        }

        .dropdown-menu-item {
            position: relative;
            overflow: hidden;
        }

        .dropdown-menu-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent 0%,
                rgba(255, 255, 255, 0.2) 50%,
                transparent 100%
            );
            transition: left 0.8s ease;
            pointer-events: none;
            z-index: 0;
        }

        .dropdown-menu-item:hover::before {
            left: 100%;
        }

        .dropdown-menu-item > * {
            position: relative;
            z-index: 1;
        }

        .dropdown-menu-item:hover .icon-container .icon-default {
            opacity: 0;
        }

        .dropdown-menu-item:hover .icon-container .icon-hover {
            opacity: 1;
        }

        .icon-container.dropdown-open .icon-default {
            opacity: 0 !important;
        }

        .icon-container.dropdown-open .icon-hover {
            opacity: 1 !important;
        }

        .mega-menu-item {
            position: relative;
            overflow: hidden;
        }

        .mega-menu-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent 0%,
                rgba(255, 255, 255, 0.3) 50%,
                transparent 100%
            );
            transition: left 0.6s ease;
            pointer-events: none;
            z-index: 0;
        }

        .mega-menu-item:hover::before {
            left: 100%;
        }

        .mega-menu-item > * {
            position: relative;
            z-index: 1;
        }

        @keyframes shine {
            from {
                transform: translateX(-100%);
            }
            to {
                transform: translateX(100%);
            }
        }

        .icon-box-shine {
            position: relative;
            overflow: hidden;
        }
        
        .icon-box-shine::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent 0%,
                rgba(255, 255, 255, 0.6) 50%,
                transparent 100%
            );
            transition: left 0.7s ease-out;
            pointer-events: none;
            z-index: 20;
        }
        
        .mega-menu-item:hover .icon-box-shine::after {
            left: 100%;
        }

        .mega-menu-item.tw-border-r {
            border-right: 1px solid rgb(229 231 235) !important;
        }

        .mega-menu-item.tw-border-b {
            border-bottom: 1px solid rgb(229 231 235) !important;
        }

        .mega-menu-item.tw-border-t {
            border-top: 1px solid rgb(229 231 235) !important;
        }

        .mega-menu-item.tw-border-l {
            border-left: 1px solid rgb(229 231 235) !important;
        }

        .tw-border-gray-200 {
            border-color: rgb(229 231 235) !important;
        }

        .mobile-accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
            opacity: 0;
        }
        .mobile-accordion-content.open { 
            opacity: 1;
        }
        .accordion-icon.rotate-180 {
            transform: rotate(180deg);
        }
/*=========================
        #PromoBanner
=========================*/
       #promoBanner {
            max-height: 200px;
            overflow: hidden;
            transition: max-height 0.5s ease-out, opacity 0.5s ease-out, padding 0.5s ease-out;
            position: relative;
        }
        
        #promoBanner.closing {
            max-height: 0;
            opacity: 0;
            padding-top: 0;
            padding-bottom: 0;
        }
        
        @keyframes shimmer {
            0% {
                transform: translateX(-100%);
            }
            100% {
                transform: translateX(100%);
            }
        }
        
        #promoBanner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent 0%,
                rgba(255, 255, 255, 0.4) 50%,
                transparent 100%
            );
            animation: shimmer 5s ease-in-out infinite;
            pointer-events: none;
            z-index: 0;
        }
        
        #promoBanner > * {
            position: relative;
        }
        
        #copyNotification {
            opacity: 0;
            transition: opacity 0.3s ease-in-out;
            pointer-events: none;
        }
        
        #copyNotification.show {
            opacity: 1;
        }
       
        .demo-content {
            padding: 2rem;
            text-align: center;
            color: #333;
        }
/*=========================
        #HomeSlider
=========================*/
        @keyframes shine {
            0% {
                left: -100%;
            }
            100% {
                left: 100%;
            }
        }
        .shine-effect {
            position: relative;
            overflow: hidden;
        }
        .shine-effect::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 50%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
            transition: left 0.5s;
        }
        .shine-effect:hover::after {
            animation: shine 0.8s ease-in-out;
        }
        /* Added custom hover styles for icon switching */
        .btn-icon-default {
            display: inline-block;
        }
        .btn-icon-hover {
            display: none;
        }
        .shine-effect:hover .btn-icon-default {
            display: none;
        }
        .shine-effect:hover .btn-icon-hover {
            display: inline-block;
        }

        .card-hover:hover {
            background-color: rgb(31 41 55 / 0.5);
            border-color: rgb(59 130 246 / 0.4);
            transform: scale(1.02);
        }

        /* %50 OFF ve login kutularına hafif ışıltı efekti eklendi */
        .shimmer-effect {
            position: relative;
            overflow: hidden;
        }

        .shimmer-effect::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent,
                rgba(255, 255, 255, 0.03),
                transparent
            );
            animation: shimmer 3s infinite;
        }

        @keyframes shimmer {
            0% {
                left: -100%;
            }
            100% {
                left: 100%;
            }
        }

        @keyframes gradient {
            /* existing code */
        }
        
        /* Added typewriter effect styles */
        .typewriter-text {
            display: inline-block;
            border-right: 2px solid #d91e48;
            animation: blink 0.7s infinite;
        }
        
        @keyframes blink {
            0%, 50% {
                border-color: #d91e48;
            }
            51%, 100% {
                border-color: transparent;
            }
        }
/*=========================
        #HomeDomain
=========================*/
        .hostedadm-tld-carousel-wrapper {
            overflow: hidden;
            position: relative;
            width: 100%;
        }
        .hostedadm-tld-carousel-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
            width: max-content;
        }
        .hostedadm-tld-item {
            flex-shrink: 0;
            display: flex;
            align-items: center;
            gap: 0.25rem;
            justify-content: space-between;
            padding: 0 0.5rem;
            box-sizing: border-box;
        }
        @media (min-width: 640px) {
            .hostedadm-tld-item {
                gap: 0.5rem;
                padding: 0 0.75rem;
            }
        }
        .hostedadm-tld-item > span:first-child {
            flex-shrink: 0;
        }
        .hostedadm-tld-item > span:nth-child(2) {
            flex-shrink: 1;
            min-width: 0;
        }
        .hostedadm-tld-item > div {
            flex-shrink: 0;
            margin-left: auto;
        }
        .hostedadm-tld-item:last-child > div {
            display: none;
        }
/*=========================
        ##OneCikan Paketler	
=========================*/
        .hostedbpkt-package-card {
            transition: all 0.3s ease;
        }
        
        .hostedbpkt-package-card:hover {
            background: #0f172a;
            color: white;
            transform: translateY(-2px);
        }
        
        .hostedbpkt-package-card:hover .hostedbpkt-card-title,
        .hostedbpkt-package-card:hover .hostedbpkt-card-price,
        .hostedbpkt-package-card:hover .hostedbpkt-card-desc {
            color: white;
        }
        
        .hostedbpkt-package-icon {
            width: 80px;
            height: 80px;
            transition: transform 0.3s ease;
        }
        
        @media (min-width: 640px) {
            .hostedbpkt-package-icon {
                width: 96px;
                height: 96px;
            }
        }
        
        .hostedbpkt-package-card:hover .hostedbpkt-package-icon {
            transform: scale(1.05);
        }
        
        .hostedbpkt-icon-wrapper {
            width: 80px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 20px;
            transition: all 0.3s ease;
        }
        
        @media (min-width: 640px) {
            .hostedbpkt-icon-wrapper {
                width: 96px;
                height: 96px;
                border-radius: 24px;
            }
        }
        
        .hostedbpkt-card-btn {
            transition: all 0.3s ease;
        }
        
        .hostedbpkt-btn-shine {
            position: relative;
            overflow: hidden;
        }
        .hostedbpkt-btn-shine::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
            transition: left 1s ease;
        }
        .hostedbpkt-btn-shine:hover::before {
            left: 100%;
        }
        
        @media (min-width: 576px) {
            .hostedbpkt-packages-grid::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-image: repeating-linear-gradient(
                    to right,
                    transparent,
                    transparent calc(100% / 6 - 1px),
                    #e5e5e5 calc(100% / 6 - 1px),
                    #e5e5e5 calc(100% / 6)
                );
                pointer-events: none;
            }
        }