/* Shelton Tool-Hire Review Portal - Global CSS */
/* © 2026 Shelton Tool-Hire Review Portal - Developed by Aruna Nishantha */

*{
    font-family: 'Poppins', sans-serif;
}

body{
    background:#f5f7fb;
    overflow-x:hidden;
}

/* Navbar */
.navbar{
    background:#ffffff;
    box-shadow:0 2px 15px rgba(0,0,0,0.06);
    padding:15px 0;
}

.navbar-brand{
    font-size:28px;
    font-weight:700;
    color:#ff7b00 !important;
}

.nav-link{
    font-weight:500;
    margin-left:15px;
    color:#222 !important;
}

.google-btn{
    background:#111827;
    color:#fff;
    border-radius:12px;
    padding:10px 20px;
    text-decoration:none;
    transition:.3s;
}

.google-btn:hover{
    background:#ff7b00;
    color:white;
}

/* Hero */
.hero{
    min-height:90vh;
    background:
    linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.65)),
    url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?q=80&w=1974&auto=format&fit=crop');
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    color:white;
    position:relative;
}

.hero h1{
    font-size:65px;
    font-weight:700;
    line-height:1.2;
}

.hero p{
    font-size:18px;
    color:#ddd;
    margin-top:20px;
}

.search-box{
    background:white;
    padding:15px;
    border-radius:18px;
    margin-top:35px;
    box-shadow:0 10px 40px rgba(0,0,0,0.2);
}

.search-box input{
    border:none;
    box-shadow:none !important;
}

.search-btn{
    background:#ff7b00;
    color:white;
    border:none;
    border-radius:12px;
    padding:12px 25px;
    font-weight:600;
}

/* Section */
.section-title{
    font-size:40px;
    font-weight:700;
    margin-bottom:15px;
    color:#111827;
}

.section-sub{
    color:#666;
    margin-bottom:50px;
}

/* Category */
.category-card{
    background:white;
    border-radius:22px;
    padding:35px;
    text-align:center;
    transition:.4s;
    cursor:pointer;
    border:none;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.category-card:hover{
    transform:translateY(-10px);
    background:#ff7b00;
    color:white;
}

.category-icon{
    font-size:50px;
    margin-bottom:20px;
}

/* Tool Card */
.tool-card{
    border:none;
    border-radius:25px;
    overflow:hidden;
    transition:.4s;
    background:white;
    box-shadow:0 8px 30px rgba(0,0,0,0.06);
}

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

.tool-card img{
    height:350px;
    object-fit:cover;
}

.tool-body{
    padding:25px;
}

.tool-title{
    font-size:22px;
    font-weight:600;
}

.price{
    color:#ff7b00;
    font-size:24px;
    font-weight:700;
}

.rating{
    color:#ffc107;
}

.view-btn{
    background:#111827;
    color:white;
    border-radius:12px;
    padding:10px 20px;
    text-decoration:none;
    display:inline-block;
    margin-top:10px;
    transition:.3s;
}

.view-btn:hover{
    background:#ff7b00;
    color:white;
}

/* Features */
.feature-box{
    background:white;
    border-radius:25px;
    padding:35px;
    text-align:center;
    box-shadow:0 5px 25px rgba(0,0,0,0.05);
    transition:.4s;
}

.feature-box:hover{
    transform:translateY(-8px);
}

.feature-icon{
    width:80px;
    height:80px;
    background:#ffefe1;
    color:#ff7b00;
    font-size:35px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    margin-bottom:20px;
}

/* Footer */
footer{
    background:#111827;
    color:white;
    padding:60px 0 20px;
}

.footer-title{
    font-size:24px;
    font-weight:700;
    margin-bottom:20px;
}

.footer-link{
    display:block;
    color:#bbb;
    text-decoration:none;
    margin-bottom:10px;
}

.footer-link:hover{
    color:#ff7b00;
}

.social-icons a{
    width:45px;
    height:45px;
    background:#1f2937;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:white;
    margin-right:10px;
    transition:.3s;
    text-decoration:none;
}

.social-icons a:hover{
    background:#ff7b00;
}

@media(max-width:768px){
    .hero h1{
        font-size:42px;
    }

    .section-title{
        font-size:30px;
    }
}
/* Sidebar */
.sidebar{ width:280px; height:100vh; position:fixed; background:#111827; padding:25px; overflow-y:auto; }
.brand{ color:#ff7b00; font-size:28px; font-weight:700; margin-bottom:40px; }
.menu-title{ color:#9ca3af; font-size:13px; text-transform:uppercase; margin-bottom:15px; margin-top:25px; letter-spacing:1px; }
.sidebar a{ display:flex; align-items:center; padding:14px 18px; color:#d1d5db; text-decoration:none; border-radius:14px; margin-bottom:10px; transition:.3s; font-weight:500; }
.sidebar a i{ margin-right:12px; font-size:18px; }
.sidebar a:hover, .sidebar a.active{ background:#ff7b00; color:white; }

/* Main Content */
.main{ margin-left:280px; padding:30px; }
.topbar{ background:white; padding:18px 25px; border-radius:22px; box-shadow:0 5px 25px rgba(0,0,0,0.05); margin-bottom:30px; }
.admin-profile{ display:flex; align-items:center; }
.admin-profile img{ width:50px; height:50px; border-radius:50%; object-fit:cover; margin-right:12px; }

/* Cards */
.stat-card{ background:white; border-radius:24px; padding:30px; box-shadow:0 5px 25px rgba(0,0,0,0.05); position:relative; overflow:hidden; transition:.3s; }
.stat-card:hover{ transform:translateY(-5px); }
.stat-icon{ width:70px; height:70px; border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:30px; margin-bottom:20px; }
.bg-orange{ background:#fff1e6; color:#ff7b00; }
.bg-blue{ background:#e8f0ff; color:#2563eb; }
.bg-green{ background:#e8fff1; color:#16a34a; }
.bg-red{ background:#ffeaea; color:#dc2626; }
.stat-title{ color:#666; font-size:15px; }
.stat-value{ font-size:38px; font-weight:700; color:#111827; }

/* Table */
.table{ vertical-align:middle; }
.table th{ border:none; color:#6b7280; font-weight:600; padding:18px; }
.table td{ padding:18px; border-top:1px solid #f1f1f1; }
.status{ padding:8px 14px; border-radius:30px; font-size:13px; font-weight:600; }
.status-approved{ background:#dcfce7; color:#15803d; }
.status-pending{ background:#fef3c7; color:#b45309; }
.status-active{ background:#dcfce7; color:#15803d; }
.status-inactive{ background:#fee2e2; color:#b91c1c; }

/* Buttons */
.btn-custom{ border:none; padding:10px 18px; border-radius:12px; font-weight:600; transition:.3s; }
.btn-view{ background:#111827; color:white; }
.btn-approve{ background:#16a34a; color:white; }
.btn-add{ background:#ff7b00; color:white; }
.btn-edit{ background:#2563eb; color:white; }
.btn-delete{ background:#dc2626; color:white; }
.btn-custom:hover{ transform:translateY(-2px); }

/* Users */
.user-item{ display:flex; align-items:center; justify-content:space-between; padding:18px 0; border-bottom:1px solid #f1f1f1; }
.user-left{ display:flex; align-items:center; }
.user-left img{ width:55px; height:55px; border-radius:50%; object-fit:cover; margin-right:15px; }

/* Pagination */
.pagination .page-link{ border:none; margin:0 5px; border-radius:12px !important; color:#111827; padding:12px 18px; }
.pagination .active .page-link{ background:#ff7b00; }

@media(max-width:992px){
    .sidebar{ width:100%; height:auto; position:relative; }
    .main{ margin-left:0; }
}
/* Filter Section */
.filter-box{ background:white; border-radius:25px; padding:30px; margin-top:-50px; position:relative; z-index:10; box-shadow:0 10px 40px rgba(0,0,0,0.08); }
.form-control, .form-select{ height:55px; border-radius:14px; border:1px solid #ddd; }
.search-btn{ background:#ff7b00; color:white; border:none; border-radius:14px; height:55px; font-weight:600; transition:.3s; }
.search-btn:hover{ background:#111827; }

/* Category Badge in Tool Card */
.category-badge{ background:#fff1e6; color:#ff7b00; padding:8px 14px; border-radius:30px; display:inline-block; font-size:13px; font-weight:600; margin-bottom:18px; }
.tool-desc{ color:#666; line-height:1.8; margin-top:12px; margin-bottom:20px; }

/* Sidebar */
.sidebar-box{ background:white; border-radius:24px; padding:30px; box-shadow:0 8px 30px rgba(0,0,0,0.05); }
.sidebar-title{ font-size:24px; font-weight:700; margin-bottom:20px; color:#111827; }
.category-link{ display:flex; justify-content:space-between; padding:12px 0; color:#555; text-decoration:none; border-bottom:1px solid #f1f1f1; transition:.3s; }
.category-link:hover{ color:#ff7b00; }
.category-link.active{ color:#ff7b00; font-weight:bold; }

/* Pagination */
.pagination .page-link{ border:none; margin:0 5px; border-radius:14px !important; color:#111827; padding:12px 18px; }
.pagination .active .page-link{ background:#ff7b00; }
/* Page Header */
.page-header{ background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?q=80&w=1974&auto=format&fit=crop'); background-size:cover; background-position:center; padding:100px 0; color:white; }
.page-header h1{ font-size:50px; font-weight:700; }
.breadcrumb-item a{ color:#ffc107; text-decoration:none; }

/* Tool Details */
.tool-section{ margin-top:-60px; position:relative; z-index:10; }
.tool-card-details{ background:white; border-radius:25px; overflow:hidden; box-shadow:0 10px 40px rgba(0,0,0,0.08); }
.tool-main-img{ width:100%; height:520px; object-fit:cover; }
.thumb-img{ width:100%; height:120px; object-fit:cover; border-radius:15px; cursor:pointer; transition:.3s; }
.thumb-img:hover{ transform:scale(1.04); }
.tool-content{ padding:40px; }
.tool-title{ font-size:42px; font-weight:700; color:#111827; }
.brand{ color:#666; font-size:18px; }
.price-box{ background:#fff3e8; border-radius:18px; padding:20px; margin:25px 0; }
.price{ color:#ff7b00; font-size:40px; font-weight:700; }
.availability{ display:inline-block; background:#dcfce7; color:#15803d; padding:10px 18px; border-radius:30px; font-weight:600; margin-bottom:20px; }
.action-btn{ padding:14px 25px; border:none; border-radius:14px; font-weight:600; transition:.3s; }
.hire-btn{ background:#ff7b00; color:white; }
.review-btn{ background:#111827; color:white; }
.action-btn:hover{ transform:translateY(-3px); }

/* Specifications */
.spec-card{ background:white; border-radius:22px; padding:35px; box-shadow:0 5px 25px rgba(0,0,0,0.05); height:100%; }
.spec-item{ display:flex; justify-content:space-between; padding:15px 0; border-bottom:1px solid #eee; }

/* Reviews */
.review-card{ background:white; border-radius:22px; padding:30px; box-shadow:0 5px 25px rgba(0,0,0,0.05); margin-bottom:25px; }
.review-user{ display:flex; align-items:center; margin-bottom:15px; }
.review-user img{ width:60px; height:60px; border-radius:50%; object-fit:cover; margin-right:15px; }
.review-text{ color:#555; line-height:1.8; }

/* Review Form */
.review-form{ background:white; border-radius:25px; padding:40px; box-shadow:0 5px 25px rgba(0,0,0,0.05); }
.submit-btn{ background:#ff7b00; color:white; border:none; padding:14px 30px; border-radius:14px; font-weight:600; }

@media(max-width:768px){
    .tool-title{ font-size:32px; }
    .page-header h1{ font-size:36px; }
    .tool-main-img{ height:350px; }
}