/*
Theme Name: Kadence Child
Template: kadence
Description: Child theme for Prime Asset Recovery
Version: 2.0.0
*/

:root {
    --par-navy:      #0D1B2A;
    --par-navy-mid:  #1A2E42;
    --par-steel:     #1B7A8A;
    --par-accent:    #4A90D9;
    --par-light:     #E6F1FB;
    --par-white:     #FFFFFF;
    --par-gray-bg:   #F5F7FA;
    --par-gray-text: #4A5568;
    --par-border:    #DDE3EA;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #1A1A2E;
    font-size: 16px;
    line-height: 1.7;
    background: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 700;
    color: var(--par-navy);
    line-height: 1.25;
    letter-spacing: -0.02em;
}

h1 { font-size: 2.75rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.35rem; }

p { color: var(--par-gray-text); line-height: 1.75; }

/* ============================================
   HEADER
   ============================================ */

.site-header,
.kadence-sticky-header,
header.site-header {
    background: var(--par-white) !important;
    border-bottom: 1px solid var(--par-border) !important;
    box-shadow: none !important;
}

.site-header .site-title a,
.site-branding .site-title a {
    color: var(--par-navy) !important;
    font-weight: 700;
    font-size: 1.25rem;
    letter-spacing: 0.02em;
    text-decoration: none;
}

.main-navigation a,
.primary-menu a,
header nav a {
    color: var(--par-navy) !important;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s;
}

.main-navigation a:hover,
.primary-menu a:hover {
    color: var(--par-steel) !important;
}

.header-top-bar,
.kadence-top-header-area,
.top-header {
    display: none !important;
}

.primary-menu li:last-child a,
.main-navigation ul li:last-child a,
header nav ul li:last-child a {
    background: var(--par-navy) !important;
    color: #fff !important;
    padding: 8px 18px !important;
    border-radius: 5px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    transition: background 0.2s !important;
}

.primary-menu li:last-child a:hover,
header nav ul li:last-child a:hover {
    background: var(--par-steel) !important;
    color: #fff !important;
}

.site-header .site-branding {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* ============================================
   HOMEPAGE SECTIONS
   ============================================ */

.par-homepage { overflow-x: hidden; }

.par-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.par-hero {
    background: #0D1B2A url('/wp-content/uploads/par-images/sss.jpg') center center / cover no-repeat;
    padding: 100px 0 80px;
    position: relative;
}

.par-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(13, 27, 42, 0.75);
    z-index: 0;
}

.par-hero .par-container {
    position: relative;
    z-index: 1;
}

.par-hero-content { max-width: 720px; }

.par-eyebrow {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #4A90D9;
    margin-bottom: 1rem;
}

.par-hero h1 {
    font-size: 3rem;
    color: #FFFFFF;
    margin-bottom: 1.5rem;
    line-height: 1.15;
}

.par-hero-sub {
    font-size: 1.1rem;
    color: #8AABCB;
    margin-bottom: 2.5rem;
    line-height: 1.7;
    max-width: 600px;
}

.par-hero-ctas { display: flex; gap: 1rem; flex-wrap: wrap; }

.par-btn-primary {
    background: #1B7A8A;
    color: #FFFFFF !important;
    padding: 14px 32px;
    border-radius: 5px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none !important;
    letter-spacing: 0.03em;
    transition: background 0.2s;
    display: inline-block;
}

.par-btn-primary:hover { background: #145f6d !important; color: #fff !important; }

.par-btn-outline-light {
    background: transparent;
    color: #B0C8E8 !important;
    padding: 13px 32px;
    border-radius: 5px;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none !important;
    border: 1.5px solid #4A90D9;
    transition: all 0.2s;
    display: inline-block;
}

.par-btn-outline-light:hover {
    background: rgba(74,144,217,0.15) !important;
    color: #fff !important;
}

.par-trust-bar {
    background: #F5F7FA;
    border-bottom: 1px solid var(--par-border);
    padding: 2rem 0;
}

.par-trust-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
}

.par-trust-stats { display: flex; gap: 2.5rem; flex-wrap: wrap; }

.par-stat { display: flex; flex-direction: column; }

.par-stat-number {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--par-navy);
    line-height: 1;
}

.par-stat-label {
    font-size: 0.75rem;
    color: var(--par-gray-text);
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.par-trust-logos { display: flex; flex-direction: column; gap: 0.5rem; }

.par-trust-label {
    font-size: 0.75rem;
    color: var(--par-gray-text);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.par-logos { display: flex; gap: 8px; flex-wrap: wrap; }

.par-services { padding: 80px 0; background: #fff; }

.par-section-header {
    text-align: center;
    margin-bottom: 3rem;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.par-eyebrow-dark {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--par-steel);
    margin-bottom: 0.75rem;
    display: block;
}

.par-section-sub {
    font-size: 1rem;
    color: var(--par-gray-text);
    margin-top: 0.75rem;
}

.par-services-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
}

.par-service-card {
    background: #F5F7FA;
    border: 1px solid var(--par-border);
    border-radius: 8px;
    padding: 1.75rem;
    border-top: 3px solid var(--par-navy);
    transition: border-top-color 0.2s;
}

.par-service-card:hover { border-top-color: var(--par-steel); }

.par-service-card h3 {
    font-size: 1.05rem;
    color: var(--par-navy);
    margin-bottom: 0.75rem;
}

.par-service-card p {
    font-size: 0.9rem;
    line-height: 1.65;
    color: var(--par-gray-text);
    margin-bottom: 1.25rem;
}

.par-card-link {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--par-steel) !important;
    text-decoration: none !important;
}

.par-card-link:hover { color: var(--par-navy) !important; }

.par-process {
    background: #0D1B2A;
    padding: 80px 0;
}

.par-process h2 { color: #fff; }
.par-process .par-section-sub { color: #8AABCB; }

.par-steps {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
}

.par-step {
    padding: 1.5rem 1.25rem;
    border-top: 3px solid #1B7A8A;
    border-right: 1px solid rgba(255,255,255,0.08);
}

.par-step:last-child { border-right: none; }

.par-step-num {
    font-size: 0.75rem;
    font-weight: 700;
    color: #4A90D9;
    letter-spacing: 0.1em;
    display: block;
    margin-bottom: 0.75rem;
}

.par-step h4 {
    font-size: 0.95rem;
    color: #fff;
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

.par-step p {
    font-size: 0.85rem;
    color: #8AABCB;
    line-height: 1.6;
}

.par-value {
    background: #F5F7FA;
    padding: 80px 0;
}

.par-value-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.par-value-copy h2 {
    font-size: 1.85rem;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.par-value-copy p { margin-bottom: 1.5rem; font-size: 0.95rem; }

.par-value-points {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: #fff;
    border: 1px solid var(--par-border);
    border-radius: 8px;
    padding: 2rem;
}

.par-value-point {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 0.95rem;
    color: var(--par-navy);
    font-weight: 500;
}

.par-check {
    color: var(--par-steel);
    font-size: 1rem;
    font-weight: 700;
    flex-shrink: 0;
}

.par-capabilities { padding: 80px 0; background: #fff; }

.par-capabilities-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
}

.par-capability {
    padding: 1.75rem;
    border-left: 3px solid var(--par-navy);
    background: #F5F7FA;
    border-radius: 0 8px 8px 0;
}

.par-capability h4 {
    font-size: 1rem;
    color: var(--par-navy);
    margin-bottom: 0.75rem;
}

.par-capability p {
    font-size: 0.9rem;
    color: var(--par-gray-text);
    line-height: 1.65;
}

.par-cases { background: #F5F7FA; padding: 80px 0; }

.par-cases-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
}

.par-case {
    background: #fff;
    border: 1px solid var(--par-border);
    border-radius: 8px;
    padding: 2rem;
}

.par-case-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--par-steel);
    background: #E6F1FB;
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 1rem;
}

.par-case h4 {
    font-size: 1rem;
    color: var(--par-navy);
    margin-bottom: 0.75rem;
    line-height: 1.4;
}

.par-case p {
    font-size: 0.9rem;
    color: var(--par-gray-text);
    line-height: 1.65;
}

.par-testimonials {
    background: #0D1B2A;
    padding: 60px 0;
}

.par-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
}

.par-testimonial {
    border-left: 3px solid #1B7A8A;
    padding-left: 1.5rem;
}

.par-testimonial p {
    font-size: 0.95rem;
    color: #B0C8E8;
    font-style: italic;
    line-height: 1.65;
    margin-bottom: 0.75rem;
}

.par-testimonial cite {
    font-size: 0.8rem;
    color: #4A90D9;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.par-cta {
    background: #fff;
    padding: 80px 0;
    border-top: 1px solid var(--par-border);
}

.par-cta-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: start;
}

.par-cta-copy h2 {
    font-size: 1.85rem;
    color: var(--par-navy);
    margin-bottom: 1rem;
}

.par-cta-copy p {
    font-size: 0.95rem;
    color: var(--par-gray-text);
    margin-bottom: 1rem;
}

.par-cta-phone a {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--par-navy) !important;
    text-decoration: none !important;
}

.par-cta-phone a:hover { color: var(--par-steel) !important; }

/* ============================================
   FOOTER
   ============================================ */

body .par-footer {
    background: #0D1B2A !important;
    padding: 4rem 0 0 !important;
    margin-top: 0 !important;
}

.par-footer ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.par-footer ul li::before { content: none !important; }

.par-footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
    gap: 3rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.par-footer-brand {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    margin-bottom: 0.75rem !important;
}

.par-footer-tagline {
    font-size: 0.875rem !important;
    color: #8AABCB !important;
    line-height: 1.6 !important;
    margin-bottom: 1.25rem !important;
}

.par-footer-address,
.par-footer-contact {
    font-size: 0.85rem !important;
    color: #8AABCB !important;
    line-height: 1.7 !important;
    margin-bottom: 0.75rem !important;
}

.par-footer-contact a {
    color: #B0C8E8 !important;
    text-decoration: none !important;
}

.par-footer-contact a:hover { color: #FFFFFF !important; }

.par-footer-heading {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    margin-bottom: 1rem !important;
}

.par-footer-links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.par-footer-links li { margin-bottom: 0.6rem !important; }

.par-footer-links a {
    font-size: 0.875rem !important;
    color: #8AABCB !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}

.par-footer-links a:hover { color: #FFFFFF !important; }

.par-footer-compliance {
    font-size: 0.8rem !important;
    color: #6B8FAF !important;
    line-height: 1.65 !important;
    margin-bottom: 1rem !important;
}

.par-footer-badges { display: flex; flex-direction: column; gap: 6px; }

.par-footer-badge {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #4A90D9;
    background: rgba(27,122,138,0.12);
    border: 1px solid rgba(27,122,138,0.25);
    padding: 4px 10px;
    border-radius: 4px;
    width: fit-content;
}

.par-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0;
    flex-wrap: wrap;
    gap: 1rem;
}

.par-footer-bottom p {
    font-size: 0.8rem !important;
    color: #4A6880 !important;
    margin: 0 !important;
}

.par-footer-bottom-links { display: flex; gap: 1.5rem; }

.par-footer-bottom-links a {
    font-size: 0.8rem !important;
    color: #4A6880 !important;
    text-decoration: none !important;
}

.par-footer-bottom-links a:hover { color: #B0C8E8 !important; }

/* ============================================
   INTERIOR PAGES - BASE STYLES
   ============================================ */

.par-interior { overflow-x: hidden; }

.par-page-hero {
    background: var(--par-navy);
    padding: 80px 0 70px;
}

.par-page-hero h1 {
    font-size: 2.5rem;
    color: #fff;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.par-page-hero-sub {
    font-size: 1.05rem;
    color: #8AABCB;
    max-width: 680px;
    margin-bottom: 2rem;
    line-height: 1.7;
}

.par-interior-section { padding: 50px 0; }
.par-bg-light { background: var(--par-gray-bg); }

.par-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: start;
}

.par-two-col h2 { font-size: 1.75rem; margin-bottom: 1rem; line-height: 1.3; }
.par-two-col p { margin-bottom: 1rem; font-size: 0.95rem; }

.par-checklist-box {
    background: #fff;
    border: 1px solid var(--par-border);
    border-radius: 8px;
    padding: 2rem;
    border-top: 3px solid var(--par-navy);
}

.par-checklist-title {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--par-navy) !important;
    margin-bottom: 1.25rem !important;
}

.par-checklist {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.par-checklist li {
    font-size: 0.9rem;
    color: var(--par-gray-text);
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--par-border);
    padding-left: 1.25rem;
    position: relative;
}

.par-checklist li:last-child { border-bottom: none; }

.par-checklist li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--par-steel);
    font-weight: 700;
}

.par-step-light { border-top: 3px solid var(--par-steel) !important; }

.par-step-num-dark {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--par-steel);
    letter-spacing: 0.1em;
    display: block;
    margin-bottom: 0.75rem;
}

.par-step-light h4 { font-size: 0.95rem; color: var(--par-navy) !important; margin-bottom: 0.5rem; }
.par-step-light p { font-size: 0.85rem; color: var(--par-gray-text) !important; line-height: 1.6; }

.par-risk-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
}

.par-risk-card {
    padding: 1.75rem;
    background: var(--par-gray-bg);
    border-radius: 8px;
    border-left: 3px solid var(--par-steel);
}

.par-risk-card h4 { font-size: 1rem; color: var(--par-navy); margin-bottom: 0.75rem; }
.par-risk-card p { font-size: 0.9rem; color: var(--par-gray-text); line-height: 1.65; }

.par-cta-band {
    background: var(--par-navy);
    width: 100%;
    padding: 60px 40px;
    box-sizing: border-box;
    text-align: center;
}

.par-cta-band h2 { color: #fff; font-size: 1.85rem; margin-bottom: 0.75rem; }
.par-cta-band p { color: #8AABCB; margin-bottom: 2rem; font-size: 1rem; }
.par-cta-band .par-btn-primary { margin-right: 1rem; }

.par-btn-outline-dark {
    background: transparent;
    color: #B0C8E8 !important;
    padding: 13px 32px;
    border-radius: 5px;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none !important;
    border: 1.5px solid #4A90D9;
    display: inline-block;
    transition: all 0.2s;
}

.par-btn-outline-dark:hover {
    background: rgba(74,144,217,0.15) !important;
    color: #fff !important;
}

/* Interior page content styling */
.par-page-content { overflow-x: hidden; }

.par-page-title {
    font-size: 2.25rem !important;
    color: #fff !important;
    margin-bottom: 1rem !important;
    margin-top: 0.5rem !important;
    letter-spacing: -0.02em !important;
}

.par-page-hero-inner .par-eyebrow-dark { color: #4A90D9 !important; }

.par-page-hero-inner .par-page-hero-sub {
    font-size: 1.05rem;
    color: #8AABCB;
    max-width: 680px;
    margin-bottom: 1.75rem;
    line-height: 1.7;
}

.par-content-main h2 { font-size: 1.65rem; margin-bottom: 1rem; line-height: 1.3; }
.par-content-main p { margin-bottom: 1rem; font-size: 0.95rem; }

.par-industries-section h2 { font-size: 1.65rem; margin-bottom: 2rem; }

.page-template-default .entry-hero.page-hero-section { display: none !important; }

.page-template-page-data-destruction .entry-hero,
.page-template-page-asset-recovery .entry-hero,
.page-template-page-data-center-decommissioning .entry-hero,
.page-template-page-it-asset-disposition .entry-hero {
    display: none !important;
}

/* ============================================
   SERVICES LANDING PAGE
   ============================================ */

.par-services-landing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    margin: 3rem 0;
}

.par-service-landing-card {
    display: flex;
    flex-direction: column;
    background: var(--par-gray-bg);
    border: 1px solid var(--par-border);
    border-radius: 8px;
    padding: 1.75rem;
    border-top: 3px solid var(--par-navy);
    text-decoration: none !important;
    transition: border-top-color 0.2s, transform 0.2s;
}

.par-service-landing-card:hover {
    border-top-color: var(--par-steel);
    transform: translateY(-2px);
}

.par-service-landing-card h3 { font-size: 1.05rem; color: var(--par-navy); margin: 0.5rem 0 0.75rem; }
.par-service-landing-card p { font-size: 0.9rem; color: var(--par-gray-text); line-height: 1.65; margin-bottom: 1.25rem; }
.par-service-landing-card .par-card-link { font-size: 0.85rem; font-weight: 600; color: var(--par-steel) !important; display: block; margin-top: auto; }
.par-service-landing-card .par-case-tag { display: inline-block; margin-bottom: 0.75rem; }

/* ============================================
   CONTACT PAGE
   ============================================ */

.par-contact-layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 40px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    gap: 4rem;
    align-items: start;
}

.par-contact-info h2 { font-size: 1.65rem; margin-bottom: 1rem; }
.par-contact-info > p { margin-bottom: 2rem; font-size: 0.95rem; }

.par-contact-details { display: flex; flex-direction: column; gap: 1.25rem; margin-bottom: 2rem; }
.par-contact-item { display: flex; flex-direction: column; gap: 0.25rem; }

.par-contact-label {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--par-steel);
}

.par-contact-item a,
.par-contact-item span {
    font-size: 0.95rem;
    color: var(--par-navy);
    text-decoration: none;
    line-height: 1.6;
}

.par-contact-item a:hover { color: var(--par-steel); }
.par-contact-badges { display: flex; flex-direction: column; gap: 6px; margin-top: 1rem; }
.par-contact-form-wrap h2 { font-size: 1.35rem; margin-bottom: 1.5rem; }

/* ============================================
   MOBILE NAVIGATION
   ============================================ */

   .kadence-mobile-header .par-logo-img,
   .mobile-html-header-inner .par-logo-img,
   .mobile-header-section .par-logo-img,
   .drawer-navigation-container .par-logo-img {
       width: 160px !important;
       height: auto !important;
       display: block !important;
   }
   
   @media (max-width: 1024px) {
       .menu-toggle-open { display: flex !important; }
       .site-header .site-container { flex-wrap: wrap; }
       .main-navigation.header-navigation { display: none !important; }
       .menu-toggle-open, .mobile-toggle-open-container { display: flex !important; }
   
       .kadence-mobile-nav-wrap,
       .drawer-navigation-container { background: var(--par-navy) !important; }
   
       .kadence-mobile-nav-wrap .menu,
       .kadence-mobile-nav-wrap ul { background: var(--par-navy) !important; }
   
       .kadence-mobile-nav-wrap a,
       .drawer-navigation-container a {
           color: #fff !important;
           font-size: 0.95rem !important;
           padding: 0.85rem 1.5rem !important;
           border-bottom: 1px solid rgba(255,255,255,0.08) !important;
           display: block !important;
           text-decoration: none !important;
       }
   
       .kadence-mobile-nav-wrap a:hover,
       .drawer-navigation-container a:hover {
           color: #4A90D9 !important;
           background: rgba(255,255,255,0.05) !important;
       }
   
       .kadence-mobile-nav-wrap li:last-child a,
       .drawer-navigation-container li:last-child a {
           background: #1B7A8A !important;
           color: #fff !important;
           margin: 1rem 1.5rem !important;
           border-radius: 5px !important;
           text-align: center !important;
           border-bottom: none !important;
       }
   }
   
   @media (min-width: 1025px) {
       .menu-toggle-open,
       .mobile-toggle-open-container,
       .site-header-item-navgation-popup-toggle { display: none !important; }
   }

/* ============================================
   FULL WIDTH INTERIOR PAGES
   ============================================ */

.page .content-container.site-container,
.page .content-wrap,
.page #primary,
.page .site-main,
.page .content-area,
.page .entry-content-wrap,
.page .entry-content,
.page article {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.par-page-content {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.par-page-hero-inner {
    background: var(--par-navy) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 120px calc((100% - 1200px) / 2) 100px !important;
    margin: 0 !important;
    max-width: 100% !important;
    position: relative;
}

.par-page-hero-inner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(13, 27, 42, 0.82);
    z-index: 0;
}

.par-page-hero-inner > * {
    max-width: 760px;
    position: relative;
    z-index: 1;
}

.par-content-split {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 40px 40px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: start;
}

.par-industries-section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 40px;
    box-sizing: border-box;
    background: var(--par-gray-bg);
    border-radius: 0;
}

/* ============================================
   INTERIOR PAGE HERO BACKGROUND IMAGES
   ============================================ */

.page-id-3896 .par-page-hero-inner {
    background: #0D1B2A url('/wp-content/uploads/par-images/serverr.jpg') center center / cover no-repeat !important;
}

.page-id-3503 .par-page-hero-inner {
    background: #0D1B2A url('/wp-content/uploads/par-images/pixabay-hard-drive.jpg') center center / cover no-repeat !important;
}

.page-id-3658 .par-page-hero-inner {
    background: #0D1B2A url('/wp-content/uploads/par-images/sss.jpg') center center / cover no-repeat !important;
}

.page-id-3899 .par-page-hero-inner {
    background: #0D1B2A url('/wp-content/uploads/par-images/hard-drive-destruction.jpg') center center / cover no-repeat !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 1024px) {
    .par-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .par-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .par-footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
}

@media (max-width: 768px) {
    .par-hero h1 { font-size: 2rem; }
    .par-hero { padding: 60px 0 50px; }
    .par-hero-ctas { flex-direction: column; gap: 0.75rem; }
    .par-btn-primary, .par-btn-outline-light { text-align: center; width: 100%; }
    .par-services-grid { grid-template-columns: 1fr; }
    .par-steps { grid-template-columns: 1fr; }
    .par-value-inner { grid-template-columns: 1fr; gap: 2rem; }
    .par-capabilities-grid { grid-template-columns: 1fr; }
    .par-cases-grid { grid-template-columns: 1fr; }
    .par-testimonials-grid { grid-template-columns: 1fr; }
    .par-cta-inner { grid-template-columns: 1fr; gap: 2rem; }
    .par-trust-inner { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
    .par-footer-grid { grid-template-columns: 1fr; gap: 2rem; }
    .par-footer-bottom { flex-direction: column; text-align: center; }
    .par-two-col { grid-template-columns: 1fr; gap: 2rem; }
    .par-risk-grid { grid-template-columns: 1fr; }
    .par-page-hero h1 { font-size: 1.85rem; }
    .par-page-title { font-size: 1.75rem !important; }
    .par-page-hero-inner { padding: 50px 24px 40px !important; }
    .par-content-split { grid-template-columns: 1fr; gap: 2rem; padding-left: 24px; padding-right: 24px; }
    .par-industries-section { padding-left: 24px; padding-right: 24px; }
    .par-contact-layout { grid-template-columns: 1fr; gap: 2rem; }
    .par-services-landing-grid { grid-template-columns: 1fr; }
    .par-cta-band .par-btn-primary, .par-cta-band .par-btn-outline-dark {
        display: block; text-align: center; margin: 0.5rem auto; max-width: 280px;
    }
}

/* ============================================
   MOBILE PROCESS FLOW FIX
   ============================================ */

@media (max-width: 768px) {
    .par-process-flow {
        flex-direction: column !important;
        gap: 16px !important;
        padding-top: 16px !important;
    }

    .par-process-flow > div[style*="position:absolute"] {
        display: none !important;
    }

    .par-process-flow > div[style*="flex:1"] {
        flex-direction: row !important;
        text-align: left !important;
        align-items: flex-start !important;
        gap: 14px !important;
        padding: 0 0 0 14px !important;
        border-left: 3px solid #1B7A8A !important;
    }

    .par-process-flow > div[style*="flex:1"] > div[style*="border-radius:50%"] {
        flex-shrink: 0 !important;
        width: 44px !important;
        height: 44px !important;
    }
}

/* Electronics recycling Atlanta page hero background */
.page-id-3893 .par-page-hero-inner {
    background: #0D1B2A url('/wp-content/uploads/par-images/Atlanta_Skyline_Dusk.jpg') center center / cover no-repeat !important;
}

/* About page hero background */
.page-id-3545 .par-page-hero-inner,
.content-style-boxed.page-id-3545 .par-page-hero-inner {
    background: #0D1B2A url('/wp-content/uploads/par-images/Onsite_Harstfield_Jackson_Airport.jpg') center center / cover no-repeat !important;
    background-color: #0D1B2A !important;
}

body.page-id-3545 .par-page-content .par-page-hero-inner {
    background: #0D1B2A url('/wp-content/uploads/par-images/Onsite_Harstfield_Jackson_Airport.jpg') center center / cover no-repeat !important;
}

body.page-id-3545 .par-page-content .par-page-hero-inner::before {
    background: rgba(13, 27, 42, 0.65) !important;
}

body.page-id-3545 .par-page-content .par-page-hero-inner {
    background-position: center 40% !important;
}

/* Data center decommissioning hero */
body.page-id-3658 .par-page-content .par-page-hero-inner {
    background: #0D1B2A url('/wp-content/uploads/par-images/Dell_PowerEdge_Servers.jpg') center center / cover no-repeat !important;
}

/* Asset recovery hero */
body.page-id-4657 .par-page-content .par-page-hero-inner {
    background: #0D1B2A url('/wp-content/uploads/par-images/IBM_NetApp_Storage_Stack.jpg') center center / cover no-repeat !important;
}

/* Services page hero */
body.page-id-4659 .par-page-content .par-page-hero-inner {
    background: #0D1B2A url('/wp-content/uploads/par-images/Switches1.jpg') center center / cover no-repeat !important;
}

/* Industries page hero */
body.page-id-4650 .par-page-content .par-page-hero-inner {
    background: #0D1B2A url('/wp-content/uploads/par-images/pcie_ssd.jpg') center center / cover no-repeat !important;
}

/* ============================================
   HERO STATS
   ============================================ */

.par-hero-stats {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    margin: 1.5rem 0 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255,255,255,0.15);
}

.par-hero-stat { display: flex; flex-direction: column; }

.par-hero-stat-num {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}

.par-hero-stat-lbl {
    font-size: 0.72rem;
    color: rgba(255,255,255,0.6);
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* ============================================
   LOGO TICKER STRIP
   ============================================ */

.par-logos, .par-logo-pill, .par-vendor-strip { display: none !important; }

.par-logo-strip {
    background: #fff;
    border-bottom: 1px solid var(--par-border);
    padding: 18px 0;
    overflow: hidden;
}

.par-logo-strip-inner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.par-logo-strip-inner::before,
.par-logo-strip-inner::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    z-index: 2;
    pointer-events: none;
}

.par-logo-strip-inner::before {
    left: 0;
    background: linear-gradient(to right, #fff, transparent);
}

.par-logo-strip-inner::after {
    right: 0;
    background: linear-gradient(to left, #fff, transparent);
}

.par-ticker-wrap { overflow: hidden; width: 100%; }

.par-ticker {
    display: flex;
    align-items: center;
    gap: 56px;
    width: max-content;
    animation: par-ticker-scroll 36s linear infinite;
    padding: 2px 0;
}

.par-ticker:hover { animation-play-state: paused; }

.par-ticker-item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    opacity: 0.55;
    filter: grayscale(30%);
    transition: opacity 0.25s, filter 0.25s;
}

.par-ticker-item:hover {
    opacity: 0.9;
    filter: grayscale(0%);
}

.par-ticker-item svg { display: block; }

@keyframes par-ticker-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@media (max-width: 768px) {
    .par-hero-stats { gap: 1.25rem; }
    .par-ticker { gap: 36px; animation-duration: 24s; }
}

.par-trust-logos { display: none !important; }

/* ============================================
   PROCESS FLOW — CLASS-BASED STYLES
   ============================================ */

.par-process-flow { display:flex; align-items:flex-start; gap:0; position:relative; padding-top:40px; width:100%; }
.par-process-connector { position:absolute; top:72px; left:calc(10% + 32px); right:calc(10% + 32px); height:2px; z-index:0; }
.par-process-connector > div { height:100%; background:linear-gradient(to right, #1B7A8A, #4A90D9); }
.par-process-step { flex:1; display:flex; flex-direction:column; align-items:center; text-align:center; position:relative; z-index:1; padding:0 12px; }
.par-process-icon { width:64px; height:64px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:16px; flex-shrink:0; }
.par-process-num { font-size:0.7rem; font-weight:700; color:#4A90D9; letter-spacing:0.12em; margin-bottom:6px; }
.par-process-title { font-size:0.9rem; font-weight:700; color:#0D1B2A; margin-bottom:6px; line-height:1.3; }
.par-process-desc { font-size:0.82rem; color:#4A5568; line-height:1.6; }

@media (max-width: 768px) {
    .par-hero-stats { gap: 1.25rem; }
    .par-ticker { gap: 36px; animation-duration: 24s; }
    .par-process { padding-bottom: 0 !important; }
    .par-process > div[style] { padding: 24px 16px 32px !important; }
    .par-process-flow { flex-direction: column; gap: 0; padding-top: 8px; }
    .par-process-connector { display: none; }
    .par-process-step { flex: none; width: 100%; flex-direction: row; align-items: flex-start; text-align: left; padding: 16px 0; border-bottom: 1px solid #DDE3EA; gap: 16px; }
    .par-process-step:last-child { border-bottom: none; }
    .par-process-icon { width: 44px !important; height: 44px !important; min-width: 44px; margin-bottom: 0; flex-shrink: 0; }
    .par-process-icon svg { width: 20px; height: 20px; }
    .par-process-text { display: flex; flex-direction: column; }
    .par-process-num { margin-bottom: 2px; }
    .par-process-title { margin-bottom: 4px; }
    .par-process-desc { margin: 0; }
    .par-steps { display: flex !important; flex-direction: column !important; gap: 0 !important; }
    .par-step { border-top: none !important; border-left: 3px solid #1B7A8A !important; border-right: none !important; border-bottom: 1px solid rgba(0,0,0,0.08) !important; padding: 1.25rem 1rem 1.25rem 1.25rem !important; }
    .par-step:last-child { border-bottom: none !important; }
    .par-step-num-dark { font-size: 0.7rem !important; margin-bottom: 4px !important; }
}

/* ============================================
   SIMPLE PAGE & PROSE TEMPLATE
   ============================================ */

.par-simple-page .par-page-hero {
    background: var(--par-navy);
    padding: 60px 0 50px;
}

.par-simple-page .par-page-title {
    color: #fff;
    font-size: 2.25rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}

.par-simple-content {
    padding: 60px 0 80px;
}

.par-prose {
    max-width: 760px;
    font-size: 0.975rem;
    line-height: 1.75;
    color: #2D3748;
}

.par-prose h1 { display: none; }

.par-prose h2 {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--par-navy);
    margin: 2rem 0 0.75rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--par-border);
}
.par-prose h2:first-of-type { border-top: none; padding-top: 0; margin-top: 0; }

.par-prose h3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--par-navy);
    margin: 1.75rem 0 0.4rem;
}

.par-prose p { margin-bottom: 1rem; }

.par-prose ul, .par-prose ol {
    margin: 0.5rem 0 1rem 1.5rem;
}

.par-prose li { margin-bottom: 0.4rem; }

.par-prose strong { color: var(--par-navy); }

.par-prose a { color: var(--par-steel); }
.par-prose a:hover { text-decoration: underline; }

.par-prose hr {
    border: none;
    border-top: 1px solid var(--par-border);
    margin: 2.5rem 0;
}

@media (max-width: 768px) {
    .par-simple-page .par-page-title { font-size: 1.6rem; }
    .par-simple-page .par-page-hero { padding: 40px 0 36px; }
    .par-simple-content { padding: 32px 0 60px; }
    .par-prose { font-size: 0.925rem; }
    .par-prose h2 { font-size: 1.15rem; }
    .par-prose h3 { font-size: 1rem; }
}

/* Hero images for the actually-live service pages */
.page-id-4658 .par-page-hero-inner {
    background: url("/wp-content/uploads/par-images/sss.jpg") center center / cover no-repeat #0D1B2A !important;
}

.page-id-4656 .par-page-hero-inner {
    background: url("/wp-content/uploads/par-images/pixabay-hard-drive.jpg") center center / cover no-repeat #0D1B2A !important;
}

body.page-id-4658 .par-page-content .par-page-hero-inner::before,
body.page-id-4656 .par-page-content .par-page-hero-inner::before {
    background: rgba(13, 27, 42, 0.6) !important;
}
/* ============================================
   HERO GAP FIX — WPBAKERY PAGES
   ============================================ */

   .page .entry-content,
   .page .entry-content-wrap,
   .page .wp-block-post-content,
   .page .content-bg,
   .page .site-main,
   .page article.page,
   .page .entry,
   .page .kadence-inner-column-inner,
   .hfeed .entry-content {
       padding-top: 0 !important;
       margin-top: 0 !important;
   }
   
   .page .vc_row:first-child,
   .page .wpb_row:first-child,
   .page .vc_column_container:first-child {
       margin-top: 0 !important;
       padding-top: 0 !important;
   }
   
   .page-id-3893 .entry-content,
   .page-id-3545 .entry-content,
   .page-id-3658 .entry-content,
   .page-id-4657 .entry-content,
   .page-id-4659 .entry-content,
   .page-id-4650 .entry-content,
   .page-id-3899 .entry-content {
       padding-top: 0 !important;
       margin-top: 0 !important;
   }
/* ============================================
   LOGO OVERRIDE — MOBILE TEXT FALLBACK
   ============================================ */

   @media (max-width: 1024px) {
    p.site-title,
    h1.site-title {
        font-size: 1rem !important;
        line-height: 1.2 !important;
        color: var(--par-navy) !important;
    }
    p.site-title *,
    h1.site-title * {
        display: inline !important;
    }
    p.site-title a,
    h1.site-title a {
        background-image: none !important;
        text-indent: 0 !important;
        width: auto !important;
        height: auto !important;
        color: var(--par-navy) !important;
        font-size: 1rem !important;
    }
}
/* ============================================
   RISK CARD BACKGROUND
   ============================================ */
   .par-risk-card {
    background: #ffffff;
    border-radius: 4px;
    padding: 28px;
}
/* ============================================
   MOBILE — HARD DRIVE SHREDDING
   ============================================ */
   @media (max-width: 768px) {
    .par-shredding-photos-grid,
    .par-process-steps-grid {
        grid-template-columns: 1fr !important;
    }

    .par-process-steps-grid > div {
        flex-direction: row !important;
        text-align: left !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
}
/* ============================================
   COR MOBILE — HORIZONTAL SCROLL
   ============================================ */
   @media (max-width: 768px) {
    .par-cor-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .par-cor-wrapper > div {
        min-width: 600px;
    }
}
/* ============================================
   MOBILE — ELECTRONICS RECYCLING ATLANTA
   ============================================ */
   @media (max-width: 768px) {
    .par-atlanta-service-area-grid {
        grid-template-columns: 1fr !important;
    }
    .par-atlanta-facility-grid {
        grid-template-columns: 1fr !important;
    }
    .par-atlanta-devices-grid {
        grid-template-columns: 1fr !important;
    }
}