/*
 Theme Name:   Divi Child — moCreates
 Template:     Divi
*/
/* === moCreates Tabs === */
/* === moCreates Tabs (final) === */
.moc-tabs { --moc-tab-gap:.5rem; --moc-tab-pad:.75rem 1rem; --moc-tab-b:2px; --moc-accent:#111; --moc-muted:#e8e8e8; --moc-radius:.5rem; }
.moc-tabs-nav{display:flex;gap:var(--moc-tab-gap);flex-wrap:wrap;align-items:stretch;margin:0 0 12px;border-bottom:1px solid var(--moc-muted)}
.moc-tab-btn{position:relative;appearance:none;border:0;background:transparent;cursor:pointer;padding:var(--moc-tab-pad);border-bottom:var(--moc-tab-b) solid transparent;border-top-left-radius:var(--moc-radius);border-top-right-radius:var(--moc-radius);font-weight:600;line-height:1.1}
.moc-tab-btn:focus{outline:0px solid #9ecbff;outline-offset:0px}
.moc-tab-btn.is-active{border-color:var(--moc-accent)}
.moc-tabs-viewport{overflow:hidden;position:relative;border:1px solid var(--moc-muted);border-radius:var(--moc-radius);background:#fff;width:100%}
.moc-tabs-track{display:flex;will-change:transform;transition:transform 320ms ease}
.moc-tab-panel{
    flex:0 0 100%;
    width:100%;
    padding:16px;
    background-color:#0dff00;
    box-sizing:border-box}
.moc-tab-panel p:last-child{margin-bottom:0}
@media (max-width:767px){.moc-tab-btn{padding:.6rem .8rem;font-size:.95rem}.moc-tab-panel{padding:14px}}
/* Ensure panels render above any section backgrounds/overlays */
.moc-tabs-viewport,
.moc-tabs-track,
.moc-tab-panel { position: relative; z-index: 2; }

/* Guard against theme rules that hide non-active content */
.moc-tab-panel { display: block; opacity: 1; visibility: visible; }

/* Optional: if your section has weird overflow, keep the viewport self-contained */
.moc-tabs-viewport { overflow: hidden; }

/* If Divi sets text colour to white in this area, inherit from body (comment out if not needed) */
/* .moc-tabs .moc-tab-panel, .moc-tabs .moc-tab-panel * { color: inherit; } */