/*
Theme Name: DebohHost
Author: Gemini
Description: Premium Web Hosting for Nigerian Creators.
Version: 1.0
Text Domain: debohhost
*/

:root {
    --navy: #003366;
    --action-orange: #FF8C00;
    --tech-blue: #00AEEF;
    --light-bg: #F4F7FA;
}

body { font-family: 'Inter', sans-serif; color: #333; scroll-behavior: smooth; }

/* Custom Logo */
.logo-container { display: flex; align-items: center; font-weight: 800; font-size: 1.5rem; color: white; text-decoration: none; }
.logo-icon { width: 35px; height: 35px; background: var(--tech-blue); border-radius: 8px; margin-right: 10px; display: flex; align-items: center; justify-content: center; }
.logo-icon::after { content: 'D'; color: white; font-size: 1.2rem; }

/* Navbar */
.navbar { background-color: var(--navy); padding: 15px 0; }
.nav-link { color: rgba(255,255,255,0.8) !important; font-weight: 500; margin: 0 10px; }

/* Hero Section */
.hero {
    background: linear-gradient(135deg, rgba(0, 51, 102, 0.95) 0%, rgba(0, 31, 64, 0.95) 100%), 
                url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&q=80&w=1000');
    background-size: cover;
    color: white;
    padding: 120px 0;
    text-align: center;
}

/* UI Elements */
.btn-orange { background-color: var(--action-orange); color: white; font-weight: bold; padding: 14px 35px; border-radius: 5px; border: none; transition: 0.3s; text-decoration: none; display: inline-block; }
.btn-orange:hover { background-color: #e67e00; transform: translateY(-2px); color: white; }

.search-box { background: white; padding: 40px; border-radius: 20px; margin-top: -120px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }

.service-card { padding: 30px; border-radius: 15px; background: white; border: 1px solid #eee; transition: 0.3s; margin-bottom: 20px; }
.service-icon { font-size: 2.5rem; color: var(--tech-blue); margin-bottom: 20px; }

.pricing-card { border: 1px solid #e1e8ed; border-radius: 15px; background: white; transition: 0.4s; }
.pricing-card:hover { border-color: var(--tech-blue); transform: translateY(-10px); }
.price-tag { font-size: 2.8rem; font-weight: 800; color: var(--navy); }
.featured { border: 2px solid var(--tech-blue); position: relative; }
.featured-label { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: var(--tech-blue); color: white; padding: 5px 20px; border-radius: 20px; font-size: 0.8rem; font-weight: bold; }