{"version":3,"file":"blocks/Tabs/style-index.css","mappings":";;;AAAA;EACE;EACA;AACF;AAGI;EACE;AADN;AAGI;EACE;AADN;AAME;EACE;EACA;AAJJ;AAQE;EACE;AANJ;AASE;EACE;EACA;AAPJ;AAWE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATJ;AAWI;EACE;AATN;AAYI;EACE;AAVN;AAeE;EACE;EACA;EACA;EACA;AAbJ;AAiBE;EACE;AAfJ;AAiBI;EACE;AAfN;AAsBI;EACE;AApBN;AAuBI;EACE;EACA;AArBN;AAuBM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArBR;AAwBM;EACE;AAtBR;AAyBM;EACE;AAvBR;AA8BI;EACE;EACA;EACA;AA5BN;AA8BM;EACE;EACA;AA5BR;AA+BM;EACE;EACA;AA7BR;AAoCI;EACE;EACA;EACA;AAlCN;AAqCI;EACE;EACA;AAnCN;AAqCM;EACE;EACA;AAnCR;AAsCM;EACE;EACA;EACA;AApCR;AA0CE;EAEE;EACA;AAzCJ;AA2CI;EACE;EACA;EACA;EACA;AAzCN;AA+CI;EACE;EACA;AA7CN;AAgDI;EACE;EACA;AA9CN;AAmDI;EACE;AAjDN;AAmDI;EACE;AAjDN;AAyDM;EACE;EACA;AAvDR;AA0DM;EACE;EACA;AAxDR;AA0DQ;EACE;EACA;EACA;EACA;EACA;EACA;AAxDV;AAkEM;EACE;EACA;AAhER;AAmEM;EACE;EACA;AAjER;AAmEQ;EACE;EACA;EACA;EACA;EACA;EACA;AAjEV;AAyEI;EACE;EACA;AAvEN;AA0EI;EACE;EACA;AAxEN;AA6EE;EACE;IACE;EA3EJ;EA6EI;IACE;EA3EN;AACF;AAgFE;EACE;EACA;AA9EJ,C","sources":["webpack://brandy-blocks/./src/blocks/Tabs/style.scss"],"sourcesContent":[".wp-block-brandy-tabs {\n  display: flex;\n  flex-direction: column;\n\n  // Tab position bottom = reverse order\n  &.tab-position-bottom {\n    .brandy-tabs__nav {\n      order: 2;\n    }\n    .brandy-tabs__panels {\n      order: 1;\n    }\n  }\n\n  // Tab nav bar\n  .brandy-tabs__nav {\n    display: flex;\n    gap: var(--tab-gap, 0px);\n  }\n\n  // Tab alignment\n  &.tab-align-center .brandy-tabs__nav {\n    justify-content: center;\n  }\n\n  &.tab-align-stretch .brandy-tabs__nav .brandy-tabs__tab {\n    flex: 1;\n    text-align: center;\n  }\n\n  // Tab buttons\n  .brandy-tabs__tab {\n    cursor: pointer;\n    padding: 10px 20px;\n    border: none;\n    background: transparent;\n    color: var(--tab-inactive-color, #6b7280);\n    font-size: inherit;\n    font-family: inherit;\n    font-weight: 500;\n    line-height: 1.5;\n    transition: all 0.2s ease;\n    white-space: nowrap;\n\n    &:hover {\n      color: var(--tab-hover-color, var(--tab-active-color, #007cba));\n    }\n\n    &.is-active {\n      color: var(--tab-active-color, #007cba);\n    }\n  }\n\n  // Tab panels\n  .brandy-tabs__panels {\n    padding-top: var(--content-padding-top, 20px);\n    padding-right: var(--content-padding-right, 20px);\n    padding-bottom: var(--content-padding-bottom, 20px);\n    padding-left: var(--content-padding-left, 20px);\n  }\n\n  // Only target render.php wrapper (direct child), not nested save.jsx div\n  .brandy-tabs__panel {\n    display: none;\n\n    &.is-active {\n      display: block;\n    }\n  }\n\n  // === Style: Underline ===\n  &.is-style-underline,\n  &:not([class*=\"is-style-\"]) {\n    .brandy-tabs__nav {\n      border-bottom: 1px solid #e0e0e0;\n    }\n\n    .brandy-tabs__tab {\n      position: relative;\n      padding-bottom: 12px;\n\n      &::after {\n        content: \"\";\n        position: absolute;\n        bottom: -1px;\n        left: 0;\n        right: 0;\n        height: 2px;\n        background: transparent;\n        transition: background 0.2s ease;\n      }\n\n      &.is-active::after {\n        background: var(--tab-active-color, #007cba);\n      }\n\n      &:hover:not(.is-active)::after {\n        background: var(--tab-hover-color, var(--tab-active-color, #007cba));\n      }\n    }\n  }\n\n  // === Style: Pills ===\n  &.is-style-pills {\n    .brandy-tabs__tab {\n      border-radius: 999px;\n      padding: 8px 20px;\n      background: var(--tab-inactive-bg, transparent);\n\n      &.is-active {\n        background: var(--tab-active-bg, #007cba);\n        color: var(--tab-active-color, #fff);\n      }\n\n      &:hover:not(.is-active) {\n        color: var(--tab-hover-color, var(--tab-inactive-color, #6b7280));\n        background: var(--tab-hover-bg, rgba(0, 0, 0, 0.05));\n      }\n    }\n  }\n\n  // === Style: Boxed (shadcn/Radix) ===\n  &.is-style-boxed {\n    .brandy-tabs__nav {\n      background: var(--tab-inactive-bg, #f4f4f5);\n      border-radius: 8px;\n      padding: 4px;\n    }\n\n    .brandy-tabs__tab {\n      border-radius: 6px;\n      padding: 8px 16px;\n\n      &:hover:not(.is-active) {\n        color: var(--tab-hover-color, var(--tab-inactive-color, #6b7280));\n        background: var(--tab-hover-bg, rgba(0, 0, 0, 0.04));\n      }\n\n      &.is-active {\n        background: var(--tab-active-bg, #fff);\n        color: var(--tab-active-color, #09090b);\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n      }\n    }\n  }\n\n  // Vertical layout (left / right positions)\n  &.tab-position-left,\n  &.tab-position-right {\n    flex-direction: row;\n    align-items: flex-start;\n\n    .brandy-tabs__nav {\n      flex-direction: column;\n      flex-shrink: 0;\n      margin-bottom: 0;\n      width: var(--trigger-width, 120px);\n    }\n\n    // Vertical tabs read like a sidebar nav — left-align labels so long\n    // names don't look adrift in a narrow column. Overrides the horizontal\n    // default (center) inherited from .brandy-tabs__tab.\n    .brandy-tabs__nav .brandy-tabs__tab {\n      justify-content: flex-start;\n      text-align: left;\n    }\n\n    .brandy-tabs__panels {\n      flex: 1;\n      min-width: 0;\n    }\n  }\n\n  &.tab-position-right {\n    .brandy-tabs__nav {\n      order: 2;\n    }\n    .brandy-tabs__panels {\n      order: 1;\n    }\n  }\n\n  // Underline — left position: border on right of nav, indicator on right of tab\n  &.tab-position-left {\n    &.is-style-underline,\n    &:not([class*=\"is-style-\"]) {\n      .brandy-tabs__nav {\n        border-bottom: none;\n        border-right: 1px solid #e0e0e0;\n      }\n\n      .brandy-tabs__tab {\n        padding-bottom: 10px;\n        padding-right: 12px;\n\n        &::after {\n          top: 0;\n          bottom: 0;\n          right: -1px;\n          left: auto;\n          width: 2px;\n          height: auto;\n        }\n      }\n    }\n  }\n\n  // Underline — right position: border on left of nav, indicator on left of tab\n  &.tab-position-right {\n    &.is-style-underline,\n    &:not([class*=\"is-style-\"]) {\n      .brandy-tabs__nav {\n        border-bottom: none;\n        border-left: 1px solid #e0e0e0;\n      }\n\n      .brandy-tabs__tab {\n        padding-bottom: 10px;\n        padding-left: 12px;\n\n        &::after {\n          top: 0;\n          bottom: 0;\n          left: -1px;\n          right: auto;\n          width: 2px;\n          height: auto;\n        }\n      }\n    }\n  }\n\n  // Tab position bottom: flip underline border\n  &.tab-position-bottom.is-style-underline {\n    .brandy-tabs__nav {\n      border-bottom: none;\n      border-top: 1px solid #e0e0e0;\n    }\n\n    .brandy-tabs__tab::after {\n      bottom: auto;\n      top: -1px;\n    }\n  }\n\n  // Reduced motion\n  @media (prefers-reduced-motion: reduce) {\n    .brandy-tabs__tab {\n      transition: none;\n\n      &::after {\n        transition: none;\n      }\n    }\n  }\n\n  // Focus styles\n  .brandy-tabs__tab:focus-visible {\n    outline: 2px solid var(--wp--preset--color--primary, #007cba);\n    outline-offset: 2px;\n  }\n}\n"],"names":[],"sourceRoot":""}