/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

/* Global Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Manrope', sans-serif;
}

/* Full-Width Layout for Neve */
.nv-page-content-wrap {
    max-width: 100%;
    padding: 0 20px;
}

/* Hero Section */
.tab6-home .hero {
    background: linear-gradient(135deg, #1f2937, #4b5563);
    color: #fff;
    text-align: center;
    padding: 80px 20px;
    border-radius: 16px;
    margin: 40px auto;
    max-width: 1200px;
}
.tab6-home h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 40px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.tab6-home .categories {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}
.tab6-home .category-card {
    background: #fff;
    color: #1f2937;
    padding: 20px;
    border-radius: 12px;
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tab6-home .category-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.tab6-home .category-card h2 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}
.tab6-home .category-card p {
    font-size: 1rem;
    color: #6b7280;
}

/* Form Styling */
.dollar-earning-input, .phone-swap-input {
    max-width: 600px;
    margin: 40px auto;
    padding: 20px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.dollar-earning-input h1, .phone-swap-input h1 {
    font-size: 2rem;
    color: #1f2937;
    margin-bottom: 20px;
    text-align: center;
}
.form-group {
    margin-bottom: 20px;
}
.form-group label {
    display: block;
    font-size: 1rem;
    color: #1f2937;
    margin-bottom: 8px;
}
.form-group input, .form-group select {
    width: 100%;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 1rem;
    transition: border-color 0.3s ease;
}
.form-group input:focus, .form-group select:focus {
    border-color: #6b21a8;
    outline: none;
}
.form-group input[type="checkbox"] {
    width: auto;
    margin-right: 10px;
}
button, .btn {
    display: block;
    width: 100%;
    padding: 12px;
    background: linear-gradient(135deg, #6b21a8 0%, #ec4899 100%);
    color: #fff;
    border: none;
    border-radius: 50px;
    font-size: 1.1rem;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
button:hover, .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Output Lists */
.dollar-earning-output, .phone-swap-output {
    max-width: 1200px;
    margin: 40px auto;
    padding: 20px;
}
.dollar-earning-output h1, .phone-swap-output h1 {
    font-size: 2rem;
    color: #1f2937;
    text-align: center;
    margin-bottom: 20px;
}
.filter {
    margin-bottom: 20px;
    text-align: center;
}
.filter select {
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 1rem;
}
.dollar-earning-list, .phone-swap-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}
.user-card, .swap-card {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}
.user-card:hover, .swap-card:hover {
    transform: translateY(-5px);
}
.user-card h3, .swap-card h3 {
    font-size: 1.5rem;
    color: #1f2937;
    margin-bottom: 10px;
}
.user-card p, .swap-card p {
    font-size: 1rem;
    color: #6b7280;
    margin-bottom: 10px;
}
.contact-btn {
    display: inline-block;
    padding: 10px 20px;
    background: linear-gradient(135deg, #6b21a8 0%, #ec4899 100%);
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    font-size: 1rem;
    transition: transform 0.3s ease;
}
.contact-btn:hover {
    transform: translateY(-2px);
}
.load-more {
    display: block;
    margin: 20px auto;
    width: 200px;
}
.safety-note {
    margin-top: 40px;
    text-align: center;
    font-size: 1rem;
    color: #dc2626;
}

/* Responsive Design */
@media (max-width: 768px) {
    .tab6-home h1 {
        font-size: 1.8rem;
    }
    .tab6-home .category-card h2 {
        font-size: 1.5rem;
    }
    .dollar-earning-input, .phone-swap-input {
        padding: 15px;
    }
    .dollar-earning-list, .phone-swap-list {
        grid-template-columns: 1fr;
    }
}