/*
Theme Name: Ahmadi Tech
Description: A modern Arabic WordPress theme for Ahmadi Tech company featuring responsive design and component-based architecture.
Author: Ahmadi Tech
Version: 1.0
Text Domain: ahmadi-tech
Domain Path: /languages
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Import Design System Styles */
@import url('./design/base/reset.css');
@import url('./design/base/tokens.css');
@import url('./design/base/typography.css');
@import url('./design/base/utilities.css');

/* Import Component Styles */
@import url('./design/components/navbar/y-c-navbar.css');
@import url('./design/components/footer/y-c-footer.css');
@import url('./design/components/home\ header/y-c-home-header.css');
@import url('./hero-section.css');
@import url('./design/components/services/y-c-services.css');
@import url('./design/components/service\ card/y-c-service-card.css');
@import url('./design/components/about\ us/y-c-about-us.css');
@import url('./design/components/about\ us\ card/y-c-about-us-card.css');
@import url('./design/components/our\ projects/y-c-our-projects.css');
@import url('./design/components/our\ project\ card/y-c-our-project-card.css');
@import url('./design/components/our\ clients/y-c-our-clients.css');
@import url('./design/components/our\ clients\ card/y-c-our-clients-card.css');
@import url('./design/components/pages\ header/y-c-header.css');
@import url('./design/components/contact\ us\ form/y-c-contact-us-form.css');
@import url('./design/components/contact\ us\ data/y-c-contact-us-data.css');
@import url('./design/components/single\ service/y-c-single-service.css');

/* Import Template Styles */
@import url('./design/templates/home/home.css');
@import url('./design/templates/contact-us/contact-us.css');
@import url('./design/templates/our-projects/our-projects.css');
@import url('./design/templates/services/services.css');

/* WordPress Specific Styles */
.wp-block-group {
    margin: 0;
}

.wp-block-image {
    margin: 0;
}

.wp-block-image img {
    height: auto;
    max-width: 100%;
}

/* Ensure WordPress admin bar doesn't interfere */
.admin-bar .navbar {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar .navbar {
        top: 46px;
    }
}

/* WordPress Gallery Styles */
.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

/* WordPress Navigation Styles */
.wp-block-navigation {
    font-family: var(--y-font-family);
}

/* Accessibility */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/* WordPress Editor Styles */
.wp-block-post-title {
    font-family: var(--y-font-family);
    color: var(--y-color-btn);
    font-weight: var(--y-fw-bold);
}

.wp-block-post-content {
    font-family: var(--y-font-family);
}

/* Service Cards WordPress Integration */
.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    padding: 2rem 0;
}

.service-item {
    background: white;
    border-radius: var(--y-radius-16);
    overflow: hidden;
    box-shadow: var(--y-shadow);
    transition: transform var(--y-transition-base);
    text-decoration: none;
    color: inherit;
}

.service-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--y-shadow-lg);
}

.service-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.service-item-content {
    padding: 1.5rem;
}

.service-item h3 {
    font-size: var(--y-font-size-lg);
    font-weight: var(--y-fw-bold);
    color: var(--y-color-btn);
    margin-bottom: 1rem;
}

.service-item p {
    color: var(--y-color-text-dark);
    line-height: var(--y-line-height-base);
}