/*
Theme Name: Tailwind
Description: A modern WordPress boilerplate theme built with Tailwind CSS and Vite for fast development and optimized performance.
Author: Alfex WP Team
Version: 1.0.0
License: MIT
Text Domain: tailwind
Tags: tailwind, vite, modern, responsive, fast, clean, minimal

This theme uses Vite for asset compilation and Tailwind CSS for styling.
The main styles are compiled from src/css/style.css to dist/css/main.css
*/

/* 
This file is required by WordPress to recognize the theme.
The actual styles are loaded via functions.php from either:
- Development: Vite dev server (localhost:4000)
- Production: Compiled assets in dist/ folder
*/

.hero-image:after {
    content: '';
    position: absolute;
    top: 10%;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2025/10/shadow.webp) no-repeat center center / 100%;
    z-index: 1;
    transform: scale(1.85);
}
/* заміна Tailwind arbitrary класів */
.p-07 { padding: 0.7rem; }
.py-18 { padding-top: 18px; padding-bottom: 18px; }

/* стилі для радіо "пігулок" */
.cf7-pill-group label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .5rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  font-size: 13px;
  line-height: 1.2;
  cursor: pointer;
  transition: .2s;
}
.cf7-pill-group input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.cf7-pill-group input[type="radio"]:checked + * {
  background: #111827;
  color: #fff;
  border-color: #111827;
}
.cf7-pill-group label:hover {
  border-color: #60a5fa;
}