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

@layer components {
    .ui-wysiwyg-content h1 {
        font-size: theme('heading.1.fontSize');
        font-weight: theme('heading.1.fontWeight');
        line-height: theme('heading.1.lineHeight');
        text-transform: theme('heading.1.textTransform');
    }

    .ui-wysiwyg-content h2 {
        font-size: theme('heading.2.fontSize');
        font-weight: theme('heading.2.fontWeight');
        line-height: theme('heading.2.lineHeight');
        text-transform: theme('heading.2.textTransform');
    }

    .ui-wysiwyg-content h3 {
        font-size: theme('heading.3.fontSize');
        font-weight: theme('heading.3.fontWeight');
        line-height: theme('heading.3.lineHeight');
        text-transform: theme('heading.3.textTransform');
    }

    .ui-wysiwyg-content h4 {
        font-size: theme('heading.4.fontSize');
        font-weight: theme('heading.4.fontWeight');
        line-height: theme('heading.4.lineHeight');
        text-transform: theme('heading.4.textTransform');
    }

    .ui-wysiwyg-content h5 {
        font-size: theme('heading.5.fontSize');
        font-weight: theme('heading.5.fontWeight');
        line-height: theme('heading.5.lineHeight');
        text-transform: theme('heading.5.textTransform');
    }

    .ui-wysiwyg-content h6 {
        font-size: theme('heading.6.fontSize');
        font-weight: theme('heading.6.fontWeight');
        line-height: theme('heading.6.lineHeight');
        text-transform: theme('heading.6.textTransform');
    }

    .ui-wysiwyg-content ul {
        list-style: disc;
        margin-left: theme('spacing.8');
    }

    .ui-wysiwyg-content ol {
        list-style: decimal;
        margin-left: theme('spacing.8');
    }

    .ui-wysiwyg-content :is(h1,h2,h3,h4,h5,h6,div,ul,ol,p):not(:last-child) {
        margin-bottom: theme('spacing.3');
    }

    .ui-wysiwyg-content table {
        max-width: 100%;
    }

    .ui-wysiwyg-content table td {
        padding: theme('spacing.4');
    }

    .ui-wysiwyg-content:has(table) {
        overflow-x: auto;
        padding-bottom: theme('spacing.2');
    }

    .ui-wysiwyg-content .ui-tooltip .link {
        cursor: pointer;
    }

    .ui-tooltip .link {
        background-color: theme('colors.tooltip.linkBg');
        border-radius: theme('borderRadius.md');
        padding: theme('spacing[1]') theme('spacing[1.5]');
        color: theme('colors.tooltip.linkText');
    }

    .ui-tooltip .tooltip {
        background-color: theme('colors.tooltip.background');
        border-radius: theme('borderRadius.md');
        color: theme('colors.tooltip.text');
        font-size: theme('fontSize.sm');
        padding: theme('spacing[1.5]') theme('spacing[2]');
    }

    .ui-tooltip .arrow {
        background-color: theme('colors.tooltip.background');
    }

    .ui-wrapper.alert {
        border-radius: theme('borderRadius.md');
        padding: theme('spacing.4');
    }

    .ui-wrapper.inline-box {
        display: inline;
        border-radius: theme('borderRadius.md');
        padding: theme('spacing.1') theme('spacing.2');
        margin: 0 theme('spacing.1')
    }

    .ui-wrapper.alert.info {
        background-color: theme('colors.alert.infoBg');
        color: theme('colors.alert.infoText');
    }

    .ui-wrapper.alert.success {
        background-color: theme('colors.alert.successBg');
        color: theme('colors.alert.successText');
    }

    .ui-wrapper.inline-box.blue {
        background-color: theme('colors.alert.infoBg');
        color: theme('colors.alert.textDark');
    }
}

:root {
    --swiper-theme-color: #FFDA2F !important;
    --swiper-navigation-size: 2rem !important;
}
.pdf * {
    font-size: 22px;
    font-family: sans-serif;
}

.pdf strong {
    font-size: inherit;
}

.pdf img {
    max-width: 100%;
}

.pdf table td {
    padding: 16px;
}

.pdf [class*="w-1/2"] {
    width: 50%;
}

.pdf [class*="w-1/3"] {
    width: 33.333333%;
}

.pdf [class*="w-1/4"] {
    width: 25%;
}

.pdf [class*="w-1/5"] {
    width: 20%;
}

.pdf [class*="w-2/3"] {
    width: 66.666667%;
}

.pdf [class*="w-3/4"] {
    width: 75%;
}

.pdf [class*="w-4/5"] {
    width: 80%;
}

.pdf [class*="flex-row"] > * {
    float: left;
}

.pdf [class*="flex-row"]:after {
    content: "";
    display: table;
    clear: both;
}

.pdf .ui-wrapper {
    background: #F5EEE9;
    border: 4px solid #FFDA2F;
    border-radius: 8px;
    color: #000000;
    padding: 16px;
}

.pdf .ui-wrapper.black-border-box {
    background: #FFFFFF;
    border: 4px solid #000000;
    border-radius: 8px;
    color: #000000;
    padding: 16px;
    margin-bottom: 16px;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */