import { createGlobalStyle } from 'styled-components';

/* eslint no-unused-expressions: 0 */
export default createGlobalStyle`
  html,
  body {
    height: 100%;
    width: 100%;
    font-family: 'Roboto', open-sans, sans-serif !important;
  }

  #app {
    min-height: 100%;
    min-width: 100%;
  }

  .text-align-center {
    text-align: center;
  }

  .ant-spin-nested-loading {
    width: 100%;
  }

  // Move the fix to lib level if common across modules
  .creatives-templates-container.fullmode {
    .action-container {
      align-items: baseline;
    }
  }

  .add-creatives-section {
    .title-desc-container,
    .actions-container,
    .cap-whatsapp-carousel-button,
    .add-facebook-ad-section,
    .rcs-button-cta-create-container {
      div > .cap-heading.h4 {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        .cap-tooltip-with-info {
          margin: 0 0.143rem !important;

          .cap-icon-v2-info-circle {
            font-size: 1rem;
          }
        }
      }
    }

    .slidebox-header-icon-right {
      .title-desc-container:not(:has(.whatsapp-rcs-slidebox-template-name)) {
        display: flex;
        align-items: center;
      }
    }

    .slidebox-content-container {
      .ant-col-1:has(.cap-icon-v2) {
        display: flex;
      }
    }
  }
`;
