/**
 * ArchwayDomains WordPress Overrides
 * Additional styles for WordPress integration
 */

/* WordPress content formatting */
.prose-dark h1, .prose-dark h2, .prose-dark h3, .prose-dark h4, .prose-dark h5, .prose-dark h6 {
    color: #F0F4FF;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.prose-dark h1 { font-size: 2.25rem; }
.prose-dark h2 { font-size: 1.75rem; }
.prose-dark h3 { font-size: 1.35rem; }
.prose-dark p {
    color: #B8C7E0;
    margin-bottom: 1.2em;
    line-height: 1.8;
}

.prose-dark a {
    color: #00D4FF;
    text-decoration: none;
    transition: color 0.2s;
}
.prose-dark a:hover {
    color: #00BBDD;
    text-decoration: underline;
}

.prose-dark ul, .prose-dark ol {
    color: #B8C7E0;
    margin-left: 1.5em;
    margin-bottom: 1.2em;
}

.prose-dark li {
    margin-bottom: 0.4em;
    line-height: 1.7;
}

.prose-dark blockquote {
    border-left: 3px solid #00D4FF;
    padding-left: 1.5em;
    margin: 1.5em 0;
    color: #5A6A8A;
    font-style: italic;
}

.prose-dark code {
    background: rgba(0, 212, 255, 0.08);
    color: #00D4FF;
    padding: 0.2em 0.5em;
    border-radius: 4px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.9em;
}

.prose-dark pre {
    background: #0C1328;
    border: 1px solid #1A2540;
    border-radius: 12px;
    padding: 1.2em;
    overflow-x: auto;
    margin: 1.5em 0;
}

.prose-dark pre code {
    background: none;
    padding: 0;
}

.prose-dark img {
    border-radius: 12px;
    max-width: 100%;
    height: auto;
}

.prose-dark table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
}

.prose-dark th, .prose-dark td {
    padding: 0.75em 1em;
    text-align: left;
    border-bottom: 1px solid #1A2540;
}

.prose-dark th {
    color: #F0F4FF;
    font-weight: 700;
    background: rgba(0, 212, 255, 0.05);
}

.prose-dark td {
    color: #B8C7E0;
}

/* FAQ transitions */
.faq-answer {
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Animations */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-16px); }
}

@keyframes breathe {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}

@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.7); }
}

@keyframes spin-ring {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* WordPress alignment classes */
.alignleft { float: left; margin-right: 1.5em; }
.alignright { float: right; margin-left: 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* WordPress gallery */
.gallery { display: grid; gap: 1em; margin: 1.5em 0; }
.gallery-columns-2 { grid-template-columns: repeat(2, 1fr); }
.gallery-columns-3 { grid-template-columns: repeat(3, 1fr); }
.gallery-columns-4 { grid-template-columns: repeat(4, 1fr); }

/* Screen reader only */
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

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

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #04060F;
}
::-webkit-scrollbar-thumb {
    background: #1A2540;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #5A6A8A;
}

/* Selection */
::selection {
    background: rgba(0, 212, 255, 0.25);
    color: #F0F4FF;
}