/*
Theme Name: The Pitch Point
Theme URI: https://thepitchpoint.com
Author: The Pitch Point
Author URI: https://thepitchpoint.com
Description: Custom WordPress theme for The Pitch Point — Tech, Creative, Branding & Consulting. Built with Tailwind CSS and Phosphor Icons.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: Proprietary
Text Domain: the-pitch-point
Tags: business, custom, tailwind, services
*/

/* === Base Styles === */
html { scroll-behavior: smooth; }

.hero-bg {
    background-image: linear-gradient(to right, rgba(38, 20, 65, 0.95), rgba(38, 20, 65, 0.8)), var(--hero-image, url('https://images.unsplash.com/photo-1504384308090-c894fdcc538d?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80'));
    background-size: cover;
    background-position: center;
}

/* Dropdown */
.dropdown:hover .dropdown-menu { display: block; }

/* Service Tabs */
.service-tab { display: none; animation: fadeIn 0.4s ease-out; }
.service-tab.active { display: block; }

/* Accordion */
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
    opacity: 0;
}
.accordion-item.active .accordion-content {
    max-height: 800px;
    opacity: 1;
}
.accordion-item.active .accordion-icon {
    transform: rotate(180deg);
}

/* Slider */
.slider-track { transition: transform 0.5s ease-in-out; }

/* Mobile mega menu */
.mobile-sub { display: none; }
.mobile-sub.open { display: block; }

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Navbar scroll state */
.navbar-scrolled {
    background-color: #261441 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

/* WP alignment */
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin-right: 1.5rem; }
.alignright { float: right; margin-left: 1.5rem; }

/* WP caption */
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.875rem; color: #6b7280; }

/* Screen reader text */
.screen-reader-text {
    border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
    height: 1px; margin: -1px; overflow: hidden; padding: 0;
    position: absolute; width: 1px; word-wrap: normal !important;
}