@import "fonts.css";
@import "primeicons/primeicons.css";

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

@layer components {
    .custom-container {
        @apply max-w-4xl xl:max-w-5xl 2xl:max-w-[1312px] mx-auto px-5 lg:px-8;
    }

    .container {
        @apply max-w-5xl xl:max-w-[1200px] 2xl:max-w-[1460px] mx-auto px-4 lg:px-8 xl:px-0;
    }

    .smaller-container {
        @apply max-w-[1000px] xl:max-w-6xl 2xl:max-w-[1218px] mx-auto px-4 lg:px-[75px] 2xl:px-0;
    }

    .section-gap {
        @apply py-6;
    }

    .section-gap-down {
        @apply pb-6;
    }

    .section-gap-up {
        @apply pt-6;
    }

    .fixed-navbar-space {
        @apply pt-[65px] lg:pt-[80px];
    }

    .custom-primary-button {
        @apply px-3 py-1 bg-primary-color text-white border border-primary-color hover:bg-primary-color/80 hover:underline rounded text-base focus:outline-none focus:ring-2 focus:ring-primary-color focus:ring-offset-2 select-none;
    }

    .custom-secondary-button {
        @apply px-3 py-1 text-primary-color hover:underline border border-primary-color hover:bg-gray-100 rounded text-base focus:outline-none focus:ring-2 focus:ring-primary-color focus:ring-offset-2 select-none;
    }

    .custom-caption {
        @apply [&_figure]:relative [&_figure]:pb-8 [&_figcaption]:absolute [&_figcaption]:bottom-0 [&_figcaption]:text-base [&_figcaption]:text-custom-black [&_figcaption]:w-full [&_figcaption]:text-center [&_img]:mx-auto [&_img]:!my-0 [&_figcaption>span]:hidden;
    }
}

:root {
    --swiper-theme-color: rgb(3 105 161) !important;
    --p-form-field-focus-border-color: rgb(3 105 161) !important;
    --p-accordion-panel-border-color: #ffffff !important;
    --p-accordion-header-border-color: #6d5757 !important;
    --p-accordion-content-border-color: #ffffff !important;
    --p-accordion-content-background: rgb(243 244 246) !important;
    --p-accordion-header-padding: 0.75rem 1rem !important;
    --p-accordion-content-padding: 0.75rem 1.25rem !important;
    --p-accordion-header-focus-ring-color: rgb(3 105 161) !important;
    --p-icon-size: 14px !important;
    --p-mask-background: rgba(0, 0, 0, 0.4) !important;
    --p-inputtext-padding-y: 0.35rem !important;
    --p-inputtext-border-radius: 0 !important;
    --p-checkbox-checked-border-color: rgb(3 105 161) !important;
    --p-checkbox-checked-background: rgb(3 105 161) !important;
    --p-checkbox-checked-hover-border-color: rgb(3 105 161) !important;
    --p-checkbox-checked-hover-background: rgb(3 105 161) !important;
    --p-select-option-selected-color: rgb(3 105 161) !important;
    --p-select-option-selected-focus-color: rgb(3 105 161) !important;
    --p-select-option-selected-background: rgb(159, 219, 252) !important;
    --p-select-option-selected-focus-background: rgb(159, 219, 252) !important;
    --p-select-border-radius: 6px !important;
    --p-paginator-nav-button-color: #374151 !important;
    --p-paginator-nav-button-background: #fff !important;
    --p-paginator-nav-button-selected-color: #fff !important;
    --p-paginator-nav-button-selected-background: rgb(3 105 161) !important;
    --p-paginator-nav-button-border-radius: 6px !important;
    --p-paginator-gap: 4px !important;
    --p-paginator-background: transparent !important;
    --p-paginator-nav-button-width: 26px !important;
    --p-paginator-nav-button-height: 32px !important;
    --p-message-error-simple-color: #dc2626 !important;

    /* old */
    --p-progressspinner-color-one: #72003b !important;
    --p-progressspinner-color-two: #72003b !important;
    --p-progressspinner-color-three: #72003b !important;
    --p-progressspinner-color-four: #72003b !important;
}

.p-paginator-page-selected {
    pointer-events: none !important;
}

.p-select.p-paginator-rpp-dropdown {
    display: none !important;
}

.p-paginator-page,
.p-paginator-prev,
.p-paginator-next {
    border: 1px solid rgb(209 213 219) !important;
}
.p-paginator-prev,
.p-paginator-next {
    padding: 4px 6px !important;
}

.p-select {
    height: 100%;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.p-select-dropdown-icon {
    color: rgb(3 105 161) !important;
}
.p-select-label.p-placeholder {
    color: #8d9091 !important;
}
.p-select-option,
.p-select-label {
    padding: 3px 0.7rem !important;
}

/* old */
.p-dialog {
    border-radius: 0 !important;
    border-top-right-radius: 36px !important;
    border-bottom-left-radius: 36px !important;
    box-shadow: none !important;
}

.p-dialog-header-actions {
    z-index: 30 !important;
}

.p-dialog-header-actions .p-button-icon-only {
    width: 25px !important;
    height: 25px !important;
}

.p-dialog-header {
    padding-top: 20px !important;
    padding-inline: 10px !important;
    padding-bottom: 0 !important;
}

.p-dialog-content {
    padding: 0;
    padding-inline: 20px;
    padding-bottom: 20px;
}

.p-dialog-close-button {
    outline: none !important;
}

.p-timeline-event-opposite {
    display: none !important;
}

.p-paginator-last {
    display: none !important;
}

.p-paginator-first {
    display: none !important;
}

.p-paginator-next,
.p-paginator-prev {
    background: transparent !important;
}