/**
 * CityMall Storefront Child - Override styles
 * Reset link colors and neutralize Storefront defaults that conflict with plugin.
 */

/* Reset: inherit link color from parent (not Storefront purple) */
.cittymall-storefront a { color: inherit; text-decoration: none; }
.cittymall-storefront .site-header { display: none; }
.cittymall-storefront .site-footer { display: none; }

/* Ensure plugin header sits at top */
.cittymall-storefront .pph-header-wrapper { position: relative; z-index: 1000; }

/* === Full-body padding: 130px siderail side + 40px opposite === */
/* RTL: siderail on left -> padding-left=130px, padding-right=40px */
@media (min-width: 1025px) {
    body.pph-header-active { padding-inline-start: 80px; padding-inline-end: 16px; }
    body.pph-header-active[dir="rtl"] { padding-inline-start: 16px; padding-inline-end: 80px; }
}

/* === Content area overrides === */
.cittymall-storefront .site-main,
.cittymall-storefront #primary.content-area,
.cittymall-storefront .storefront-content-area,
.cittymall-storefront .content-area {
    max-width: 1580px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

/* Body padding handles spacing, content areas get 0 extra padding */
@media (min-width: 1025px) {
    .cittymall-storefront .site-main,
    .cittymall-storefront #primary.content-area,
    .cittymall-storefront .content-area,
    .cittymall-storefront .storefront-product .site-main,
    .cittymall-storefront .single-product .site-main {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
}

.cittymall-storefront .site-main { padding-top: 20px; padding-bottom: 20px; }
.cittymall-storefront .hentry { margin: 0; }

/* Mobile: reduce side padding (siderail hidden) */
@media (max-width: 1024px) {
    .cittymall-storefront .site-main,
    .cittymall-storefront #primary.content-area,
    .cittymall-storefront .content-area,
    .cittymall-storefront .storefront-product .site-main,
    .cittymall-storefront .single-product .site-main { padding: 20px 16px; }
}
@media (max-width: 480px) {
    .cittymall-storefront .site-main,
    .cittymall-storefront #primary.content-area,
    .cittymall-storefront .content-area { padding: 16px 10px; }
}