/*
Theme Name: VertualHands
Theme URI: https://vertualhands.com
Author: Neel Govind
Author URI: https://vertualhands.com
Description: All-in-one creative platform with 250+ image and PDF tools, AI background removal, passport photo maker, invoice generator, resume builder, batch processing, membership-gated features, and tiered workspace limits
Version: 17.06
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: Proprietary
License URI: https://vertualhands.com/license
Text Domain: vertualhands
Tags: photography, passport, photo-editing, membership, pmpro, photoroom

VertualHands - Professional Vertual Hands
Copyright (C) 2026 Neel Govind
*/

/* Self-Hosted Local Font — Alice Unified Typeface (Zero External Latency) */
@font-face {
    font-family: 'Alice';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('assets/fonts/Alice-Regular.woff2') format('woff2');
}

/* Base Styles */
:root {
    --ppp-primary: #2563eb;
    --ppp-primary-hover: #1d4ed8;
    --ppp-success: #10b981;
    --ppp-danger: #ef4444;
    --ppp-gray-50: #f9fafb;
    --ppp-gray-100: #f3f4f6;
    --ppp-gray-200: #e5e7eb;
    --ppp-gray-300: #d1d5db;
    --ppp-gray-500: #6b7280;
    --ppp-gray-700: #374151;
    --ppp-gray-900: #111827;
}

body {
    font-family: 'Alice', serif;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
    min-height: 100vh;
    color: var(--ppp-gray-700);
    margin: 0;
    padding: 0;
}

/* Smooth scrolling for entire page */
html {
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
}

/* Smooth transitions for all interactive elements */
a,
button,
input,
select,
textarea,
.btn,
.nav-link,
.menu-item a {
    transition: all 0.3s ease;
}

/* WordPress Compatibility */
.site-content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}

.entry-content {
    max-width: 100%;
}


/* Background dropdown panel positioning */
.bg-dropdown-panel {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 100 !important;
    background: white;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    min-width: 220px;
}

/* Custom color input - prevent browser popup from going up */
#customColorPicker {
    position: relative;
    scroll-margin-top: 200px;
}

/* Prevent scroll-into-view on focus */
#customColorPicker:focus {
    scroll-behavior: auto;
}

/* Wrapper needs relative positioning */
#bgColorWrapper {
    position: relative !important;
}

/* PMPro styles moved to assets/css/pmpro.css */

/* Header styles moved to assets/css/site-header.css */

/* Footer styles moved to assets/css/site-footer.css */

/* About Us styles moved to assets/css/page-about-us.css */

/* Legal styles moved to assets/css/page-legal.css */

/* Vertual Hands bug fixes moved to assets/css/passport-photo.css */

/* Format Converter PRO styles moved to assets/css/tool-format-converter.css */

/* Blog styles moved to assets/css/blog.css */

/* Unified Confirmation/Alert Modal Styles moved to assets/css/confirmation-modal.css */