/* =============================================
   KNSS Dev - Strip theme, show plugin only
   ============================================= */

/* Hide all theme chrome */
.site-header, .site-footer, .entry-header, #masthead, #colophon,
.post-navigation, .powered-by, .widget-area, .entry-title,
.page-header, footer, aside, .footer-navigation, .site-info {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Full-width everything */
body, #page, .site, #content, .site-content, #primary, .site-main,
article, .entry-content, .wp-block-columns, .wp-block-column,
.entry-content > *, .entry-content > * > * {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

body, #page { background: #e8f5e9 !important; }

.is-layout-flow > *, .is-layout-constrained > * { max-width: none !important; }

/* No gap between hero and form */
.hanalei-header { margin-bottom: 0 !important; }

/* =============================================
   Only reset theme styles on +/- buttons
   ============================================= */
.site .optionButton button,
.site .incrementFieldContainer .optionButton button {
    padding: 8px 14px !important;
    line-height: 1 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    font-size: 20px !important;
    border-radius: 0 !important;
    border: none !important;
    margin: 5px 5px !important;
    background-color: #ddd !important;
    color: #555 !important;
    font-family: "Mukta", sans-serif !important;
    font-weight: normal !important;
}
.site .optionButton button:hover {
    background-color: #89C64B !important;
    color: #fff !important;
}

/* Action buttons - green pill */
.site .actionButton,
.v_processOrderContainer .actionButton {
    background-color: #bce098 !important;
    color: #2e5a2e !important;
    border: none !important;
    border-radius: 100px !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    padding: 20px 8px !important;
    letter-spacing: 0.03em !important;
    line-height: 1.5 !important;
    font-family: "Mukta", sans-serif !important;
}
.site .actionButton:hover,
.v_processOrderContainer .actionButton:hover {
    background-color: #89C64B !important;
}

/* Close button */
.site .closePanelButton,
.site .close--info--message {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-size: 22px !important;
    color: #8b0000 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    line-height: 1 !important;
}

/* Popup sizing */
.pluginMessageContainer {
    max-width: 550px !important;
    width: 450px !important;
}

/* Logo click - no white background */
.header-logo-link:focus, .header-logo-link:active,
.header-logo-link:focus-visible, a:focus img, a:active img {
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Plugin links */
.entry-content .v_processOrderContainer a {
    text-decoration: none !important;
}