/* 
  cc-tooltip.css v1.8
  Lightweight custom tooltip engine
  Created with care by Captain CC 🧠✨
  Geliştirme sürecinde UI/UX, pozisyonlama zekası ve görsel detaylar titizlikle incelenmiştir.
  İleri düzey JavaScript & CSS entegrasyonu içerir.
  Kullanım serbesttir, ama saygı duymak zorunludur. 😄
*/

.cc-tooltip {
    position: absolute;
    z-index: 9999;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 0.85rem;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease;
    max-width: 250px;
}

    /* 🌈 Temalar */
    .cc-tooltip[data-theme="dark"] {
        background: #333;
        color: #fff;
    }

    .cc-tooltip[data-theme="light"] {
        background: #e5e5e5;
        color: #222;
    }

    .cc-tooltip[data-theme="success"] {
        background: #28a745;
        color: #fff;
    }

    .cc-tooltip[data-theme="danger"] {
        background: #dc3545;
        color: #fff;
    }

    .cc-tooltip[data-theme="warning"] {
        background: #ffc107;
        color: #212529;
    }

    .cc-tooltip[data-theme="info"] {
        background: #17a2b8;
        color: #fff;
    }

    /* 🎯 Arrow */
    .cc-tooltip::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
    }

    /* === TOP === */
    .cc-tooltip[data-position="top"]::after {
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
        border-width: 5px 5px 0 5px;
    }
    /* === BOTTOM === */
    .cc-tooltip[data-position="bottom"]::after {
        top: -5px;
        left: 50%;
        transform: translateX(-50%);
        border-width: 0 5px 5px 5px;
    }
    /* === LEFT === */
    .cc-tooltip[data-position="left"]::after {
        right: -5px;
        top: 50%;
        transform: translateY(-50%);
        border-width: 5px 0 5px 5px;
    }
    /* === RIGHT === */
    .cc-tooltip[data-position="right"]::after {
        left: -5px;
        top: 50%;
        transform: translateY(-50%);
        border-width: 5px 5px 5px 0;
    }

    /* Arrow Renkleri */
    .cc-tooltip[data-theme="dark"][data-position="top"]::after {
        border-color: #333 transparent transparent transparent;
    }

    .cc-tooltip[data-theme="dark"][data-position="bottom"]::after {
        border-color: transparent transparent #333 transparent;
    }

    .cc-tooltip[data-theme="dark"][data-position="left"]::after {
        border-color: transparent transparent transparent #333;
    }

    .cc-tooltip[data-theme="dark"][data-position="right"]::after {
        border-color: transparent #333 transparent transparent;
    }

    .cc-tooltip[data-theme="light"][data-position="top"]::after {
        border-color: #e5e5e5 transparent transparent transparent;
    }

    .cc-tooltip[data-theme="light"][data-position="bottom"]::after {
        border-color: transparent transparent #e5e5e5 transparent;
    }

    .cc-tooltip[data-theme="light"][data-position="left"]::after {
        border-color: transparent transparent transparent #e5e5e5;
    }

    .cc-tooltip[data-theme="light"][data-position="right"]::after {
        border-color: transparent #e5e5e5 transparent transparent;
    }

    .cc-tooltip[data-theme="success"][data-position="top"]::after {
        border-color: #28a745 transparent transparent transparent;
    }

    .cc-tooltip[data-theme="success"][data-position="bottom"]::after {
        border-color: transparent transparent #28a745 transparent;
    }

    .cc-tooltip[data-theme="success"][data-position="left"]::after {
        border-color: transparent transparent transparent #28a745;
    }

    .cc-tooltip[data-theme="success"][data-position="right"]::after {
        border-color: transparent #28a745 transparent transparent;
    }

    .cc-tooltip[data-theme="danger"][data-position="top"]::after {
        border-color: #dc3545 transparent transparent transparent;
    }

    .cc-tooltip[data-theme="danger"][data-position="bottom"]::after {
        border-color: transparent transparent #dc3545 transparent;
    }

    .cc-tooltip[data-theme="danger"][data-position="left"]::after {
        border-color: transparent transparent transparent #dc3545;
    }

    .cc-tooltip[data-theme="danger"][data-position="right"]::after {
        border-color: transparent #dc3545 transparent transparent;
    }

    .cc-tooltip[data-theme="warning"][data-position="top"]::after {
        border-color: #ffc107 transparent transparent transparent;
    }

    .cc-tooltip[data-theme="warning"][data-position="bottom"]::after {
        border-color: transparent transparent #ffc107 transparent;
    }

    .cc-tooltip[data-theme="warning"][data-position="left"]::after {
        border-color: transparent transparent transparent #ffc107;
    }

    .cc-tooltip[data-theme="warning"][data-position="right"]::after {
        border-color: transparent #ffc107 transparent transparent;
    }

    .cc-tooltip[data-theme="info"][data-position="top"]::after {
        border-color: #17a2b8 transparent transparent transparent;
    }

    .cc-tooltip[data-theme="info"][data-position="bottom"]::after {
        border-color: transparent transparent #17a2b8 transparent;
    }

    .cc-tooltip[data-theme="info"][data-position="left"]::after {
        border-color: transparent transparent transparent #17a2b8;
    }

    .cc-tooltip[data-theme="info"][data-position="right"]::after {
        border-color: transparent #17a2b8 transparent transparent;
    }

.cc-tooltip {
    line-height:1.1rem!important;
    text-align:center;
}