/* ========================================
   Root Variables & Base Styles
   Copyright @BLACKBYTE.in
======================================== */
:root{--color-orange:#FF3C2F;}body{font-family:'Segoe UI',sans-serif;}a{color:white;text-decoration:none;}a:hover{color:var(--color-orange);}.navbar.scrolled{background:rgba(0,0,0,.8);box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:background-color 0.3s ease;}.navbar-brand{font-family:'BLACKBYTE',sans-serif;font-size:1.8rem;color:var(--color-orange);}.navbar.scrolled .navbar-brand{font-size:1.5rem;background-color:#111!important;padding:5px 10px;}.navbar-nav .nav-link{color:#fff;margin:0 10px;transition:0.3s;}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show,.navbar-nav .nav-link:hover{color:var(--color-orange);}.hero-slide{height:100vh;background:#222 url('https://picsum.photos/1600/900?blur=2') no-repeat center center/cover;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;}.hero-slide::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.5);}.hero-content{position:relative;z-index:2;color:white;}.hero-content h1{font-size:3.5rem;font-weight:900;text-transform:uppercase;}.hero-content h1 span{color:var(--color-orange);}.hero-content p{font-size:1.3rem;margin:20px 0;}.hero-content .btn{border:1px solid var(--color-orange);color:var(--color-orange);background:transparent;padding:10px 30px;transition:0.3s;}.hero-content .btn:hover{background:var(--color-orange);color:#fff;}.btn-blackbyte{border:1px solid var(--color-orange);color:var(--color-orange);background:transparent;padding:10px 30px;transition:0.3s;}.btn-blackbyte:hover{background:var(--color-orange);color:#fff;}#services,#SaaS-tools{padding:70px 0;}.service-icon{font-size:40px;color:#0d6efd;}.section-title{letter-spacing:1px;font-weight:700;padding:10px 25px;margin:0 auto 40px auto;background:#f9f9f9;color:#106eea;display:inline-block;text-transform:uppercase;border-radius:50px;box-shadow:0 2px 10px rgba(16,110,234,0.2);text-align:center;}.section-title-gold{color:var(--color-orange);letter-spacing:1px;font-weight:700;padding:10px 25px;margin:0 auto 40px auto;background:#f9f9f9;display:inline-block;text-transform:uppercase;border-radius:50px;box-shadow:0 2px 2px var(--color-orange);text-align:center;}.section-title-gold:hover{padding:10px 30px;}.footer{background:#222;color:#bbb;padding:40px 0;}.typed-logo{font-weight:bold;color:var(--color-orange);}.typed-logo:hover{color:#fff;}.enquire-label{position:fixed;bottom:35%;right:0;transform:translateY(-50%);background-color:var(--color-orange);color:white;padding:0;border-radius:0.375rem 0 0 0.375rem;writing-mode:vertical-rl;text-orientation:mixed;cursor:pointer;z-index:1050;}.enquire-label .btn:hover{padding-right:30px;}#back-to-up{position:fixed;bottom:30px;right:30px;z-index:999;display:none;background-color:var(--color-orange);color:#FFF;}.jumping-icon{display:inline-block;animation:jump 1s infinite;}@keyframes jump{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}#cookie-popup{position:fixed;bottom:20px;left:20px;right:20px;max-width:420px;background:#222;color:white;padding:15px 20px;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,0.4);font-family:Arial,sans-serif;z-index:10000;}#cookie-popup p{margin:0 0 10px;font-size:14px;}#cookie-popup a{color:#4caf50;text-decoration:underline;}#cookie-popup button{background-color:#4caf50;border:none;padding:8px 15px;color:white;border-radius:5px;cursor:pointer;font-weight:bold;margin-right:10px;}#cookie-popup button.secondary{background-color:#555;}#cookie-customize{margin-top:10px;background:#333;padding:10px 15px;border-radius:6px;display:none;}#cookie-customize label{display:flex;justify-content:space-between;margin:10px 0;font-size:14px;}#cookie-customize input[type="checkbox"]{transform:scale(1.3);cursor:pointer;}#cookie-customize .category-desc{font-size:12px;color:#bbb;margin-top:-8px;margin-bottom:8px;}
   .tool-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--color-orange);
    border-radius: 8px;
    transition: transform 0.3s ease;
    cursor: pointer;
}

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

.tool-card .card-body {
    padding: 2rem 1rem;
    transition: background-color 0.4s ease, color 0.4s ease;
}

/* Hover effect: background turns orange, text turns white */
.tool-card:hover .card-body {
    background-color: var(--color-orange);
    color: #fff;
}

.tool-card .service-icon {
    font-size: 2rem;
    transition: transform 0.3s ease;
}

.tool-card:hover .service-icon {
    transform: scale(1.2) rotate(5deg);
}

.emoji-btn {
    font-size: 1.3rem;
    font-weight: bold;
    border-radius: 50px;
    padding: 12px 25px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: transform 0.2s ease, background-color 0.3s ease;
    animation: wiggle 1s infinite ease-in-out;
    height: 55px;
    position: fixed;
    right: 20px;
    bottom: 120px;
    touch-action: none;
    cursor: grab;
    display: block;
    text-decoration: none;
    }

.emoji-btn:hover {
    transform: scale(1.1) rotate(-3deg);
    background-color: #ff8a00;
    text-decoration: none;
    color: white;
}

/* Emoji change on hover */
.emoji-btn:hover .emoji:first-child::after {
    content: "🤣";
}
.emoji-btn:hover .emoji:first-child {
    visibility: hidden;
}
.emoji-btn:hover .emoji:last-child::after {
    content: "🔥";
}
.emoji-btn:hover .emoji:last-child {
    visibility: hidden;
}

/* Wiggle animation */
@keyframes wiggle {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(2deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-2deg); }
    100% { transform: rotate(0deg); }
}