/*
 * Itshop CSS isolation shell — v1.3.6
 *
 * The previous version used `all: initial` and `background: #ffffff` on the
 * shell, which clobbered the React app's dark-theme tokens and forced a white
 * page in WordPress. The shell now:
 *   1. Establishes the dark-navy backdrop (matches the Lovable preview).
 *   2. Resets only structural box/typography rules — not colors.
 *   3. Walls the host theme out with high-specificity selectors scoped to
 *      .eagle-tech-app-shell so WP body/theme CSS cannot bleed in.
 */

/* Plugin-scoped dark navy backdrop — matches Lovable preview --background. */
.eagle-tech-app-shell,
.eagle-tech-app-shell #eagle-tech-app-root,
.eagle-tech-app-shell .eta-theme-root {
    background-color: hsl(222 47% 7%) !important;
    color: hsl(220 20% 95%);
}

.eagle-tech-app-shell,
.eagle-tech-app-shell *,
.eagle-tech-app-shell *::before,
.eagle-tech-app-shell *::after {
    box-sizing: border-box;
}

.eagle-tech-app-shell {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Establish a containing context so WP theme cannot push margins in. */
    isolation: isolate;
}

/* Neutralize common theme container constraints on the assigned page */
.eta-itshop-page,
.eta-itshop-page body {
    background-color: hsl(222 47% 7%) !important;
}
.eta-itshop-page .entry-content,
.eta-itshop-page .post-content,
.eta-itshop-page article,
.eta-itshop-page main,
.eta-itshop-page .site-main,
.eta-itshop-page .container,
.eta-itshop-page .wrap {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.eta-itshop-page .entry-header,
.eta-itshop-page .page-header,
.eta-itshop-page .entry-title,
.eta-itshop-page .page-title {
    display: none !important;
}

/* Reset margins/padding on text elements inside the shell only — keep colors. */
.eagle-tech-app-shell h1,
.eagle-tech-app-shell h2,
.eagle-tech-app-shell h3,
.eagle-tech-app-shell h4,
.eagle-tech-app-shell h5,
.eagle-tech-app-shell h6,
.eagle-tech-app-shell p,
.eagle-tech-app-shell ul,
.eagle-tech-app-shell ol,
.eagle-tech-app-shell li,
.eagle-tech-app-shell figure,
.eagle-tech-app-shell blockquote {
    margin: 0;
    padding: 0;
}

.eagle-tech-app-shell ul,
.eagle-tech-app-shell ol {
    list-style: none;
}

.eagle-tech-app-shell a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}

.eagle-tech-app-shell img,
.eagle-tech-app-shell svg,
.eagle-tech-app-shell video {
    max-width: 100%;
    height: auto;
    display: block;
    border: 0;
}

.eagle-tech-app-shell button,
.eagle-tech-app-shell input,
.eagle-tech-app-shell select,
.eagle-tech-app-shell textarea {
    font: inherit;
    color: inherit;
    margin: 0;
}

.eagle-tech-app-shell button {
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0;
}

.eagle-tech-app-shell table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Stable mount target */
.eagle-tech-app-shell #eagle-tech-app-root {
    display: block;
    width: 100%;
    min-height: inherit;
}

/* Hide accidental duplicate shortcode placeholders */
.eagle-tech-app-duplicate { display: none !important; }

/* Hard-block WP theme link colors leaking into the shell. */
.eagle-tech-app-shell a:hover,
.eagle-tech-app-shell a:focus,
.eagle-tech-app-shell a:visited {
    color: inherit;
}