/**
 * Premshree MT Theme - Main Stylesheet
 *
 * @package Premshree_MT
 * @version 1.2.0
 *
 * Main entry point that imports all modular CSS files
 * Contains remaining product sections not yet modularized
 */

/* ============================================
   CSS IMPORTS (Load order matters for specificity)
   ============================================ */
@import url("base.css");
@import url("header.css");
@import url("product.css");
@import url("footer.css");
@import url("blog.css");
@import url("pages.css");
@import url("components.css");
@import url("responsive.css");
@import url("reviews.css");
@import url("mobile-responsive.css");

/* ============================================
   ADDITIONAL PRODUCT SECTIONS
   ============================================ */
/* These sections exist in original custom.css but are not yet fully modularized.
 * They will be moved in future iterations. */

/* ============================================
    PHASE 3 OVERRIDES (Native + Re-skin)
    ============================================ */
/* These overrides handle Phase 3 native WooCommerce layout
 * Some are temporary fixes that should be revisited */

.single-product .premshree-main-content {
    padding-top: 0.35rem;
}

.single-product .premshree-woocommerce-single {
    margin-top: 0.35rem;
}

.premshree-header-inner {
    min-height: 96px;
    padding-top: 0.72rem;
    padding-bottom: 0.72rem;
}

.premshree-nav-list a {
    font-size: 0.98rem;
    font-weight: var(--font-weight-semibold);
}

.premshree-header-btn {
    width: 31px;
    height: 31px;
}

/* Hide sale badge in product card/grid contexts where it's unstyled
 * but allow .premshree-related-sale to show sale badges in related products */
.premshree-product-card .premshree-sale-badge,
.woocommerce ul.products li.product .premshree-sale-badge {
    display: none !important;
}

/* ============================================
    PRODUCT CARD COMPONENT (For WooCommerce loop)
    ============================================ */
.premshree-product-card {
    transition:
        transform var(--transition-base),
        box-shadow var(--transition-base);
}

.premshree-product-card-image {
    overflow: hidden;
    border-radius: var(--border-radius-card) var(--border-radius-card) 0 0;
}

.premshree-product-card-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform var(--transition-base);
}

.premshree-product-card-image img:hover {
    transform: scale(1.03);
}

.premshree-product-card-actions {
    padding: 0 var(--space-lg) var(--space-lg);
}

.premshree-product-card-body {
    padding: 0.75rem var(--space-lg);
}

.premshree-product-card-title {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    line-height: var(--line-height-tight);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.premshree-product-stock-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.7rem;
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.035em;
    padding: 0.35rem 0.75rem;
    border-radius: var(--border-radius-sm);
    margin-top: 0.75rem;
    line-height: 1;
}

.premshree-stock-in {
    background: var(--color-success);
    color: var(--color-white);
}

.premshree-stock-out {
    background: var(--color-text-lighter);
    color: var(--color-white);
}

/* ============================================
   FORM CONSISTENCY
   ============================================ */
/* Better skip link */
.premshree-skip-link {
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-primary);
    color: var(--color-white);
    padding: var(--space-md) var(--space-xl);
    border-radius: var(--border-radius-md);
    font-weight: var(--font-weight-bold);
    text-decoration: none;
    transition: top var(--transition-fast);
    z-index: var(--z-modal);
}

.premshree-skip-link:focus {
    top: var(--space-lg);
}

/* Better focus indicators */
*:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

/* ============================================
   ANIMATION IMPROVEMENTS
   ============================================ */
/* Animation keyframe and .premshree-animate-in defined in base.css */

/* Better loading transition */
body:not(.woocommerce-js) .premshree-loading {
    display: none;
}

/* ============================================
   HEADER SCROLL STATE
   ============================================ */
/* Header scrolled state handled by JS, but base styles in header.css */

/* ============================================
   IMPROVED CART BUTTON
   ============================================ */
.premshree-cart-btn {
    position: relative;
}

/* ============================================
   UTILITY CLASSES
   ============================================ */
/* .premshree-sr-only is defined in base.css */

/* ============================================
   GLOBAL OVERRIDES
   ============================================ */
/* Section divider */
.premshree-section-divider {
    height: 1px;
    width: 100%;
    background: var(--color-header-border);
    margin: 0 0 1.6rem;
}

/* Page Layout */
.premshree-page-layout {
    padding: 2.25rem 0 3.5rem;
}

.premshree-page-entry {
    max-width: 960px;
    margin: 0 auto;
}

.premshree-page-header {
    margin-bottom: 1.2rem;
}

.premshree-page-title {
    font-size: var(--font-size-h1);
    line-height: 1.2;
    color: var(--color-text-heading);
}

.premshree-page-featured-image {
    margin-bottom: 1.4rem;
    border-radius: 14px;
    overflow: hidden;
}

.premshree-page-featured-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 8;
    object-fit: cover;
}

.premshree-post-card__image img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.premshree-single-post__hero img {
    width: 100%;
    aspect-ratio: 16 / 8;
    object-fit: cover;
}

.premshree-page-content {
    font-size: 1rem;
    line-height: 1.72;
    color: var(--color-text-product);
}

.premshree-page-content > * + * {
    margin-top: 1rem;
}

/* Footer Column Widgets */
.premshree-footer-column .widget + .widget {
    margin-top: 1rem;
}

.premshree-footer-column .widget-title {
    margin-bottom: 0.8rem;
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
}

.premshree-footer-column .menu,
.premshree-footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.premshree-footer-column a {
    color: var(--color-footer-copyright);
    font-size: 0.95rem;
}

.premshree-footer-column a:hover {
    color: var(--color-white);
}

/* ============================================
   WC7 FORM 7 — Theme Integration
   ============================================ */
/* Form styles moved to pages.css for consistency */

/* ============================================
   RELATED PRODUCTS
   ============================================ */
.premshree-related-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-xl);
}

.premshree-related-card {
    background: var(--color-white);
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-base);
    border: 1px solid var(--color-border);
}

.premshree-related-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.premshree-related-link {
    display: block;
    color: var(--color-text);
}

.premshree-related-link:hover {
    color: var(--color-text);
}

.premshree-related-image {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
}

.premshree-related-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-slow);
}

.premshree-related-card:hover .premshree-related-image img {
    transform: scale(1.05);
}

.premshree-related-sale {
    position: absolute;
    top: var(--space-sm);
    left: var(--space-sm);
}

.premshree-related-info {
    padding: var(--space-md);
}

.premshree-related-title {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    margin-bottom: var(--space-sm);
    line-height: var(--line-height-tight);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.premshree-related-price {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary);
}

.premshree-related-price del {
    color: var(--color-text-lighter);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-sm);
    margin-right: var(--space-xs);
}

.premshree-related-price ins {
    text-decoration: none;
}

/* ============================================
   UTILITY CLASSES
   ============================================ */
/* .premshree-sr-only is defined in base.css */

/* ============================================
   GLOBAL OVERRIDES
   ============================================ */
/* Section divider */
.premshree-section-divider {
    height: 1px;
    width: 100%;
    background: var(--color-header-border);
    margin: 0 0 1.6rem;
}

/* Page Layout */
.premshree-page-layout {
    padding: 2.25rem 0 3.5rem;
}

.premshree-page-entry {
    max-width: 960px;
    margin: 0 auto;
}

.premshree-page-header {
    margin-bottom: 1.2rem;
}

.premshree-page-title {
    font-size: var(--font-size-h1);
    line-height: 1.2;
    color: var(--color-text-heading);
}

.premshree-page-featured-image {
    margin-bottom: 1.4rem;
    border-radius: 14px;
    overflow: hidden;
}

.premshree-page-featured-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 8;
    object-fit: cover;
}

.premshree-post-card__image img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.premshree-single-post__hero img {
    width: 100%;
    aspect-ratio: 16 / 8;
    object-fit: cover;
}

.premshree-page-content {
    font-size: 1rem;
    line-height: 1.72;
    color: var(--color-text-product);
}

.premshree-page-content > * + * {
    margin-top: 1rem;
}

/* Footer Column Widgets */
.premshree-footer-column .widget + .widget {
    margin-top: 1rem;
}

.premshree-footer-column .menu,
.premshree-footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.premshree-footer-column a {
    color: var(--color-footer-copyright);
    font-size: 0.95rem;
}

.premshree-footer-column a:hover {
    color: var(--color-white);
}

/* ============================================
   WC7 FORM 7 — Theme Integration
   ============================================ */
/* Form styles moved to pages.css for consistency */