/* Import Layouts */
@import 'layouts/_archive.css';
@import 'layouts/_single.css';
@import 'layouts/_responsive.css';

/* Import Components */
@import 'components/_grid.css';
@import 'components/_card.css';
@import 'components/_list.css';
@import 'components/_slider.css';
@import 'components/_elements.css';

/* Base Styles */
:root {
    --zp-primary-color: #0073aa;
    --zp-secondary-color: #005177;
    --zp-success-color: #28a745;
    --zp-success-hover: #218838;
    --zp-gray-color: #6c757d;
    --zp-gray-hover: #5a6268;
    --zp-text-color: #333;
    --zp-text-light: #666;
    --zp-border-color: #eee;
    --zp-background: #f9f9f9;
    --zp-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    --zp-transition: all 0.3s ease;
}

/* Theme Integration Styles */
.content-area .zp-portfolio-wrapper,
.site-main .zp-portfolio-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    line-height: 1.4;
    color: var(--zp-text-color);
}

/* Reset only within our wrapper */
.zp-portfolio-wrapper *,
.zp-portfolio-wrapper *::before,
.zp-portfolio-wrapper *::after {
    box-sizing: border-box;
}

/* Common Styles */
.zp-portfolio-wrapper .zp-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;
}

/* Theme Override Protection */
.zp-portfolio-wrapper {
    text-align: initial;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

/* Container */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Ensure our styles take precedence */
.content-area .zp-portfolio-wrapper .zp-title,
.site-main .zp-portfolio-wrapper .zp-title {
    margin: 0 0 0.5em;
    padding: 0;
    border: none;
    font-family: inherit;
}

/* Container Types */
.content-area .zp-portfolio-wrapper.zp-archive,
.site-main .zp-portfolio-wrapper.zp-archive {
    padding: 40px 0;
}

.content-area .zp-portfolio-wrapper.zp-single,
.site-main .zp-portfolio-wrapper.zp-single {
    padding: 40px 0;
}

/* Portfolio Items Container */
.content-area .zp-portfolio-items,
.site-main .zp-portfolio-items {
    margin: 2em 0;
    position: relative;
}

/* Comments Area Protection */
.zp-portfolio-wrapper .comments-area {
    margin-top: 2em;
    padding-top: 2em;
    border-top: 1px solid var(--zp-border-color);
}

/* Navigation Protection */
.zp-portfolio-wrapper .zp-navigation {
    margin: 2em 0;
    padding-top: 1em;
    border-top: 1px solid var(--zp-border-color);
    clear: both;
}

/* Pagination Protection */
.zp-portfolio-wrapper .zp-pagination {
    margin: 2em 0;
    text-align: center;
    clear: both;
}

/* Image Protection */
.zp-portfolio-wrapper img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Portfolio Item */
.zp-portfolio-item {
    margin-bottom: 2em;
}

/* Featured Image */
.zp-featured-image {
    margin-bottom: 1.5em;
}

.zp-featured-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

/* Headers */
.zp-header {
    margin-bottom: 1.5em;
}

/* Content */
.zp-content {
    margin-bottom: 2em;
    line-height: 1.6;
}