/* ===========================
   YourDaily Calculator Theme
   Orange + White (Bootstrap Override)
=========================== */

:root{
    --primary:#f97316;
    --dark:#111827;
    --light:#ffffff;
    --bg:#f8fafc;
}

body{
    background:var(--bg);
}

/* Navbar */
.navbar{
    background:var(--dark) !important;
}

.navbar-brand{
    color:var(--primary) !important;
    font-size:20px;
}

.nav-link{
    color:#ffffff !important;
}

.nav-link:hover{
    color:var(--primary) !important;
}

/* Buttons */
.btn-warning{
    background:var(--primary);
    border:none;
    color:#fff;
}

.btn-warning:hover{
    background:#ea580c;
    color:#fff;
}

/* Cards */
.card{
    border:none;
    border-radius:16px;
    transition:0.3s;
}

.card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

/* Hero section */
h1{
    color:var(--primary);
}

/* Footer */
footer{
    background:var(--dark);
}

/* Calculator pages */
.calculator-box{
    max-width:700px;
    margin:auto;
    background:#fff;
    padding:25px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.result-box{
    margin-top:20px;
    padding:15px;
    background:#fff7ed;
    border-left:5px solid var(--primary);
    font-weight:bold;
}