/**
 * @mergeTarget
 * @module Src/Components/FieldsetContainer
 */

import { LisioCSSRules } from "@lisio/lisio-engine";

/**
 * Fieldset container CSS
 * @source
 */
const fieldsetContainerStyles: LisioCSSRules = {
  "fieldset.lisio-fieldset-container": {
    display: "flex",
    "flex-direction": "column",
    "align-items": "center",
    "row-gap": "14px",
    "border-radius": "var(--lisio-border-radius-extra-large)",
    border: "none",
    "box-sizing": "border-box",
    margin: "0",
    "min-inline-size": "0",
    padding: "8px 0",
    width: "95%",
  },
  "fieldset.lisio-fieldset-container.column": {
    "flex-direction": "column",
    "align-items": "center",
  },
  "fieldset.lisio-fieldset-container.row": {
    "flex-direction": "row",
    gap: "1rem",
  },
  "fieldset.lisio-fieldset-container.secondary": {
    "background-color": "var(--lisio-background-color-secondary)",
  },
  "fieldset.lisio-fieldset-container.primary": {
    "background-color": "var(--lisio-background-color-primary)",
  },
  "fieldset.lisio-fieldset-container.transparent": {
    "background-color": "transparent",
  },
  "fieldset.lisio-fieldset-container.full": {
    width: "95%",
  },
  "fieldset.lisio-fieldset-container.width-100": {
    width: "100%",
  },
  "fieldset.lisio-fieldset-container.p-0": {
    padding: "0",
  },
  "fieldset.lisio-fieldset-container.padding-block-start-0": {
    "padding-top": "0",
  },
  "fieldset.lisio-fieldset-container > legend.lisio-custom-text": {
    position: "absolute",
    padding: "0",
    "max-width": "90%",
    "text-align": "center",
  },
  "fieldset.lisio-fieldset-container.lines-h > *:not(legend)": {
    position: "relative",
    width: "100%",
    "box-sizing": "border-box",
    display: "flex",
    "justify-content": "center",
  },
  "fieldset.lisio-fieldset-container.lines-h > *:not(legend) button.lisio-custom-button":
    {
      "box-sizing": "border-box",
    },
  "fieldset.lisio-fieldset-container.lines-h > *:not(legend)::after": {
    content: "''",
    position: "absolute",
    width: "90%",
    height: "0px",
    left: "50%",
    bottom: "-10px",
    transform: "translateX(-50%)",
    "border-bottom": "solid 2px var(--lisio-background-color-primary)",
    "pointer-events": "none",
  },
  "fieldset.lisio-fieldset-container.lines-h.with-before > legend + *::before":
    {
      content: "''",
      position: "absolute",
      width: "90%",
      height: "0px",
      left: "50%",
      top: "-10px",
      transform: "translateX(-50%)",
      "border-bottom": "solid 2px var(--lisio-background-color-primary)",
      "pointer-events": "none",
    },
  "fieldset.lisio-fieldset-container > *.checkbox-d-none, fieldset.lisio-fieldset-container > *:not(:has(div.lisio-elements-container.settings-section)):has(*.checkbox-d-none)":
    {
      display: "none !important",
    },
};

export { fieldsetContainerStyles };