/*
Theme Name: Onmarx Design
Theme URI: https://onmarx-design.de
Author: Onmarx Design
Author URI: https://onmarx-design.de
Description: High-End Webdesign & E-Commerce Theme mit Tailwind CSS. Modernes, dunkles Design mit Glasmorphismus-Effekten.
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: onmarx
Tags: dark, modern, business, portfolio, e-commerce, tailwindcss
*/

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #020617;
}
::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #334155;
}

/* Checkbox styling */
.custom-check:checked + div {
    background-color: #f6ad55;
    border-color: #f6ad55;
    color: black;
}
.custom-check:checked + div svg {
    display: block;
}

/* Subtle grid pattern for background */
.bg-grid {
    background-size: 40px 40px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
}

/* Glass Card Effect */
.glass-card {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Specific Glow for Pricing */
.pricing-glow {
    box-shadow: 0 0 40px -10px rgba(244, 63, 94, 0.15);
    border-color: rgba(244, 63, 94, 0.2);
}