/*
Theme Name: Printa
Theme URI: https://printa.kz
Author: Printa Team
Author URI: https://printa.kz
Description: Современная тема для типографии Printa с поддержкой всех необходимых функций WordPress
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: printa
Tags: printing, business, modern, responsive
*/

/* Base styles */
body {
    font-family: 'Montserrat', sans-serif;
    color: #333;
}

/* Theme colors */
:root {
    --color-primary: #e63946;
    --color-primary-hover: #d62a38;
    --color-text: #333;
    --color-text-light: #666;
    --color-background: #f9fafb;
}

/* Utility classes */
.bg-primary {
    background-color: var(--color-primary);
}

.text-primary {
    color: var(--color-primary);
}

.border-primary {
    border-color: var(--color-primary);
}

/* Transitions */
.transition-all {
    transition: all 0.3s ease;
}

/* Service cards */
.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Form elements */
input:focus,
textarea:focus,
select:focus {
    outline: none !important;
    border-color: var(--color-primary) !important;
}

/* Calculator result */
.calculator-result {
    transition: all 0.5s ease;
} 

.fab:before, .fas:before {
    color: #fff;
}

.button-all:hover{
    background-color: var(--color-primary);
    color: #fff;
}

.fa-bars:before{
	color: #000;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-social{
    border-radius: 9999px;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.count-box {
    border-radius: 999999px;
    height: 25px;
    width: 25px;
    padding: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

/* Стили для форм Contact Form 7 */
.wpcf7-form {
    @apply space-y-4;
}

.wpcf7-form label {
    @apply block text-gray-700 mb-2;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form select,
.wpcf7-form textarea {
    @apply w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:border-primary;
}

.wpcf7-form textarea {
    @apply min-h-[100px];
}

.wpcf7-form .wpcf7-submit {
    @apply w-full px-4 py-2 bg-primary text-white rounded-md hover:bg-red-600 transition-all;
}

.wpcf7-form .wpcf7-acceptance {
    @apply flex items-center;
}

.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {
    @apply mr-2;
}

.wpcf7-form .wpcf7-acceptance span {
    @apply text-sm text-gray-600;
}

.wpcf7-form .wpcf7-acceptance a {
    @apply text-primary hover:underline;
}

.wpcf7-response-output {
    @apply mt-4 p-4 rounded-md;
}

.wpcf7 form.sent .wpcf7-response-output {
    @apply bg-green-100 text-green-700 border-green-200;
}

.wpcf7 form.failed .wpcf7-response-output {
    @apply bg-red-100 text-red-700 border-red-200;
}

.wpcf7 form.invalid .wpcf7-response-output {
    @apply bg-yellow-100 text-yellow-700 border-yellow-200;
}
/* ===== Portfolio filters ===== */
.portfolio-filter {
    padding: 8px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 9999px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    transition: all 0.25s ease;
    cursor: pointer;
}

.portfolio-filter:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
    background-color: rgba(230, 57, 70, 0.05);
}

.portfolio-filter.active {
    background-color: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
}