/**
 * @mergeTarget
 * @module Src/Components/TextsContainer
 */

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

/**
 * Texts container CSS
 * @source
 */
const textsContainerStyles: LisioCSSRules = {
  "div.lisio-texts-container": {
    display: "flex",
    "flex-direction": "column",
    "align-items": "baseline",
    "justify-content": "center",
    "row-gap": "2px",
  },
  "div.lisio-texts-container.button-title-subtitle": {
    width: "60%",
    "max-width": "60%",
    "min-height": "35px",
    "padding-right": "10px",
  },
  "div.lisio-texts-container.padding-left-right-15px": {
    padding: "0 15px",
  },
  "div.lisio-texts-container.padding-x": {
    "padding-right": "10px",
    "padding-left": "10px",
  },
  "div.lisio-texts-container.carbon-text-container": {
    width: "77%",
  },
  ".footer-button .lisio-texts-container": {
    "min-height": "auto !important",
  },
  //SLIDERS
  "div.lisio-custom-slider > div.lisio-texts-container": {
    "margin-bottom": "10px",
  },
  "div.lisio-texts-container.slider-text-value": {
    width: "65%",
    "max-width": "65%",
    "align-items": "center",
  },
  //LINKS
  "a.lisio-custom-link div.lisio-texts-container.new-tab": {
    display: "inline",
  },
  "a.lisio-custom-link div.lisio-texts-container.d-inline": {
    display: "inline",
  },
  "a.lisio-custom-link.text-center div.lisio-texts-container.new-tab": {
    "text-align": "center",
  },
  "a.lisio-custom-link div.lisio-texts-container.new-tab >*": {
    display: "inline",
    color: "inherit",
  },
  //more-screen
  "div.lisio-texts-container.more-screen": {
    margin: "auto",
  },
  //translation-screen
  "div.lisio-texts-container.specific-label": {
    width: "auto",
    "background-color": "#FDC72A",
    padding: "2px 4px",
    "border-radius": "5px",
    "margin-left": "auto",
    "font-weight": "bold",
    position: "absolute",
    "inset-inline-end": "8px",
  },
  "@supports(padding-inline-end: 10px)":{
    "div.lisio-texts-container.button-title-subtitle": {
      "padding-inline-end": "10px"
    }
  }
};

export { textsContainerStyles };