/*
Theme Name: PraxisTech Co.
Theme URI: https://praxistechco.com
Description: Custom black & gold theme for PraxisTech Co. IT Services
Author: Sparker & Sable
Version: 1.0.0
Template: twentytwentyfive
Text Domain: praxistech
License: MIT
*/

/* Base dark theme */
body {
    background-color: #0a0a0a !important;
    color: #e0e0e0 !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

/* Header */
.wp-block-site-title a,
.wp-block-site-title {
    color: #c8a84e !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    font-size: 24px !important;
    text-decoration: none !important;
}

/* Navigation */
.wp-block-navigation__container a,
.wp-block-navigation a {
    color: #cccccc !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.wp-block-navigation__container a:hover,
.wp-block-navigation a:hover {
    color: #c8a84e !important;
}

/* Header area */
header.wp-block-template-part,
header {
    background: linear-gradient(180deg, #111111 0%, #0a0a0a 100%) !important;
    border-bottom: 3px solid #c8a84e !important;
    padding: 20px 0 !important;
}

/* Main content */
main {
    background: #0a0a0a !important;
    padding: 40px 20px !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
    color: #c8a84e !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
}

h1 { font-size: 42px !important; }
h2 { font-size: 32px !important; }
h3 { font-size: 26px !important; }
h4 { font-size: 20px !important; }

/* Body text */
p, li, .wp-block-paragraph {
    color: #cccccc !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}

/* Links */
a, a:link, a:visited {
    color: #c8a84e !important;
    text-decoration: none !important;
}
a:hover {
    color: #d4b45a !important;
}

/* Buttons */
.wp-block-button__link,
.wp-block-button .wp-block-button__link,
button, input[type="submit"] {
    background: linear-gradient(180deg, #c8a84e 0%, #a08030 100%) !important;
    color: #0a0a0a !important;
    border: none !important;
    padding: 14px 32px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    transition: all 0.3s !important;
}

.wp-block-button__link:hover {
    box-shadow: 0 0 20px rgba(200,168,78,0.4) !important;
    transform: translateY(-2px) !important;
}

/* Footer */
footer.wp-block-template-part,
footer {
    background: #111111 !important;
    border-top: 3px solid #c8a84e !important;
    padding: 40px 20px !important;
    color: #888888 !important;
}

footer a {
    color: #c8a84e !important;
}

/* Hero section */
.hero-section {
    background: linear-gradient(135deg, #111111 0%, #0a0a0a 50%, #1a1a0a 100%) !important;
    padding: 80px 20px !important;
    text-align: center !important;
    border-bottom: 3px solid #c8a84e !important;
}

.hero-title {
    font-size: 48px !important;
    color: #c8a84e !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    margin-bottom: 20px !important;
}

.hero-subtitle {
    font-size: 18px !important;
    color: #cccccc !important;
    max-width: 700px !important;
    margin: 0 auto 30px !important;
}

/* Service cards */
.service-card {
    background: #111111 !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    padding: 30px !important;
    margin-bottom: 20px !important;
    transition: all 0.3s !important;
}

.service-card:hover {
    border-color: #c8a84e !important;
    box-shadow: 0 0 20px rgba(200,168,78,0.15) !important;
    transform: translateY(-3px) !important;
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    background: #111111 !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
    padding: 12px !important;
    border-radius: 4px !important;
}

input:focus, textarea:focus {
    border-color: #c8a84e !important;
    outline: none !important;
    box-shadow: 0 0 8px rgba(200,168,78,0.2) !important;
}

/* Remove max-width constraints for full-width design */
.wp-site-blocks {
    padding: 0 !important;
}

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

/* Content width */
.alignwide {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.alignfull {
    max-width: 100% !important;
}