/*
Theme Name:  Infrastructure Solutions
Theme URI:   https://github.com/levanarabuli/infrastructure-solutions
Author:      Levan Arabuli
Author URI:  https://levanarabuli.com
Description: Professional WordPress theme focused on IT Infrastructure, Virtualization, Proxmox, PBS, MikroTik and Open Source solutions.
Version:     1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: infrastructure-solutions
Tags:        it, infrastructure, virtualization, proxmox, mikrotik, open-source, minimalist, professional
*/

/* Base overrides — Tailwind CSS handles all visual styling via CDN */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background-color: #0f172a;
    color: #e2e8f0;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #1e293b;
}
::-webkit-scrollbar-thumb {
    background: #3b82f6;
    border-radius: 3px;
}

/* Focus styles for accessibility */
:focus-visible {
    outline: 2px solid #3b82f6;
    outline-offset: 3px;
}

/* Smooth image rendering */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* WordPress core alignment classes */
.alignleft  { float: left;  margin-right: 1.5rem; }
.alignright { float: right; margin-left:  1.5rem; }
.aligncenter { display: block; margin: 0 auto; }
.wp-caption  { max-width: 100%; }
.wp-caption-text { font-size: 0.875rem; color: #94a3b8; margin-top: 0.5rem; }

/* Technology detail page typography */
.tech-rich-text p {
    margin: 0 0 0.85rem;
}

.tech-rich-text p:last-child {
    margin-bottom: 0;
}

.tech-collapsible-content {
    position: relative;
    overflow: hidden;
    transition: max-height 220ms ease;
}

.tech-collapsible-card.is-collapsed .tech-collapsible-content::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 48px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(17, 24, 39, 0), rgba(17, 24, 39, 1));
}

.tech-collapsible-card.is-expanded .tech-collapsible-content::after {
    display: none;
}

.tech-rich-text ul,
.tech-rich-text ol {
    margin: 0.4rem 0 0.85rem;
    padding-left: 1.2rem;
}

.tech-rich-text ul {
    list-style: disc;
}

.tech-rich-text ol {
    list-style: decimal;
}

.tech-rich-text li {
    margin-bottom: 0.35rem;
}

.tech-article-content {
    word-break: break-word;
}

.tech-article-content h2,
.tech-article-content h3,
.tech-article-content h4 {
    color: #fff;
    line-height: 1.3;
    margin-top: 1.75rem;
    margin-bottom: 0.85rem;
}

.tech-article-content h2 {
    font-size: 1.6rem;
}

.tech-article-content h3 {
    font-size: 1.25rem;
}

.tech-article-content p,
.tech-article-content ul,
.tech-article-content ol,
.tech-article-content blockquote,
.tech-article-content pre {
    margin-bottom: 1rem;
}

.tech-article-content ul,
.tech-article-content ol {
    padding-left: 1.35rem;
}

.tech-article-content ul {
    list-style: disc;
}

.tech-article-content ol {
    list-style: decimal;
}

.tech-article-content a {
    color: #60a5fa;
    text-decoration: underline;
}

.tech-article-content a:hover {
    color: #93c5fd;
}