/* ==========================================================================
   Optimasi Product Rewrites - Default Styles
   ==========================================================================
   These defaults ship with the plugin so rewritten products always have
   sensible base styling.  Themes can override any rule by targeting the
   same selector with higher specificity.
   ========================================================================== */

/* -- Custom tab containers ------------------------------------------------- */

.optimasi-tab-container {
    min-height: 160px;
    padding: 0 !important;
}

/* Remove the renderer's description-context padding/margin on opt-* blocks
   when they appear inside one of our tab containers. */
.optimasi-tab-container div[class^="opt-"],
.optimasi-tab-container div[class*=" opt-"] {
    padding-top: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Section headings inside our tab panels use <h3> (the renderer's standard),
   flush with the top of the tab panel. */
.optimasi-tab-container h3 {
    margin-top: 0 !important;
}

/* Additional Q&As subheading - inline gap answers appended to FAQ block. */
.opt-cki-qa-inline-heading {
    margin-top: 20px !important;
    font-weight: 600 !important;
}

/* -- Product title wrapper --------------------------------------------------
   Added by an inline script in wp_footer for rewritten products only.
   Ensures the title remains visible even when theme CSS hides it. */

.opt-primary-title h1.product_title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    clip: auto !important;
    overflow: visible !important;
    height: auto !important;
    width: auto !important;
    position: static !important;
    font-size: 1.3em !important;
    margin-top: 30px !important;
}

/* -- Global trust content block ---------------------------------------------
   Injected into the product description by the backend during publish. */

.opt-trust {
    padding-top: 1.5em;
}
.opt-trust h2,
.opt-trust h3 {
    font-size: 1em;
    margin-bottom: 0.5em;
}
.opt-trust p {
    margin-bottom: 0.5em;
    line-height: 1.6;
}
.opt-trust li {
    font-size: 0.9em;
}