@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@8..144,100..1000&display=swap');

@import '../../../../vendor/filament/filament/resources/css/base.css';

@tailwind base;
@tailwind components;
@tailwind utilities;

@theme {
    --font-sans: "Google Sans Flex", sans-serif;
}

@config 'tailwind.config.js';

body {
    font-family: "Google Sans Flex", sans-serif;
}

.filepond--file-wrapper {
    background: white !important;
}

.filepond--file {
    color: black;
}

.filepond--drop-label label {
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
}

.filepond--label-action {
    color: black;
    font-size: 12px;
}

.page-custom-css h1 {
    @apply font-normal tracking-wider uppercase text-base;
}

.page-custom-css .fi-input-wrp,
.page-custom-css .fi-input-wrp:focus-within {
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-offset-shadow: 0 0 #0000 !important;
}

.page-custom-css .fi-input-wrp {
    @apply bg-transparent border-0 rounded-none shadow-none !ring-0;
}

.page-custom-css .fi-input-wrp select {
    @apply !ring-1 ring-slate-300 rounded;
}

.page-custom-css .fi-input-wrp:focus-within {
    @apply !ring-0;
}

.page-custom-css .fi-input-wrp input,
.page-custom-css .fi-input-wrp textarea {
    @apply bg-transparent border-0 rounded-none shadow-none outline-none p-0 text-3xl font-light text-indigo-900;
}

.page-custom-css .fi-input-wrp.main-title input {
    @apply text-5xl font-light text-indigo-950;
}

.page-custom-css .fi-fo-rich-editor-editor {
    @apply !pl-0 !pr-12 border-0 min-h-24;
}

.page-custom-css .fi-fo-rich-editor-toolbar > div {
    @apply gap-1;
}

.page-custom-css .fi-fo-rich-editor-toolbar-btn {
    @apply h-6 min-w-6 p-1 rounded-md;
}

.page-custom-css .fi-fo-rich-editor-toolbar-btn svg {
    @apply h-4 w-4;
}

.page-custom-css .fi-fo-rich-editor {
    position: relative;
}

.page-custom-css .fi-fo-rich-editor-toolbar {
    @apply absolute p-0 top-0 right-0;
    width: auto;
    z-index: 20;
}

.page-custom-css .fi-fo-rich-editor-toolbar > div,
.page-custom-css .fi-fo-rich-editor-toolbar > div > div {
    @apply flex-col;
}

.links-group > div {
    gap: 0 !important;
}

.links-group > div > div >div > div {
    row-gap: 0 !important;
}

.links-group .fi-btn {
    @apply mt-3 p-0 ring-0 border-0 rounded-none shadow-none font-medium text-xs;
}

.page-custom-css .fi-input-wrp.links-group-title-size-small input {
    font-size: 1.4rem !important;
}

.page-custom-css .fi-input-wrp.links-group-label input {
    font-size: 1.2rem !important;
    font-weight: 500;
    line-height: 1;
}

.page-custom-css .links-group .fi-input-wrp.links-group-title input {
    font-size: 1.3rem !important;
    font-weight: normal;
    line-height: 1.05;
}

.page-custom-css .fi-input-wrp.links-group-subtitle input {
    color: #555;
    font-size: 0.9rem !important;
    font-weight: normal !important;
    margin-bottom: 1rem;
}