/* Basic page template (Lihtne sisuleht). Loaded only when
   is_page_template('template-basic.php'), gated in inc/enqueue.php.
   Owns only the page-level chrome (breadcrumb wrapper); the hero and
   FAQ blocks self-style via their own block.json "style" fields. */

.nh-basic .woocommerce-breadcrumb {
    display: inline-block;
    font-family: var(--font-mono);
    font-size: 11.5px;
    font-weight: 500;
    color: var(--ink-500);
    letter-spacing: 0.04em;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}
.nh-basic .woocommerce-breadcrumb a {
    color: var(--ink-500);
    background: transparent;
    border: 0;
    padding: 0;
}
.nh-basic .woocommerce-breadcrumb a:hover { color: var(--green-800); }
.nh-basic .nh-cat-crumbs {
    padding-top: 24px;
    padding-bottom: 20px;
    position: relative;
}
.nh-basic .nh-cat-crumbs::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 50vw);
    right: calc(50% - 50vw);
    height: 1px;
    background: var(--bone-300);
    pointer-events: none;
}

/* Calculator widgets ([eternit_configurator], [cedral_configurator])
   render as bare top-level divs without any .container wrapper — they're
   plugin shortcode output we don't control. Constrain them to the same
   max-width / padding as the rest of the site so the page reads as a
   single editorial column. Equivalent to wrapping the shortcode block
   in <div class="container">, but doesn't require touching post_content. */
.nh-basic .eternit-configurator,
.nh-basic .cedral-configurator {
    max-width: 1360px;
    margin: 24px auto 32px;
    padding: 0 32px;
    box-sizing: border-box;
}

@media (max-width: 1023px) {
    .nh-basic .nh-cat-crumbs { padding-top: 18px; padding-bottom: 16px; }
    .nh-basic .eternit-configurator,
    .nh-basic .cedral-configurator { padding: 0 24px; }
}
@media (max-width: 639px) {
    .nh-basic .nh-cat-crumbs { padding-top: 14px; padding-bottom: 12px; }
    .nh-basic .woocommerce-breadcrumb { font-size: 11px; }
    .nh-basic .eternit-configurator,
    .nh-basic .cedral-configurator { padding: 0 16px; }
}