/* Bootstrap 5 CSS and icons included */
/* Profl Premium Edition v2.2 */

:root {
    --colorPrimaryNormal: #1C2831;
    --colorPrimaryDark: #1C2831;
    --colorPrimaryGlare: #BE9B67;
    --colorPrimaryHalf: #1C2831;
    --colorPrimaryQuarter: #EDE9E6;
    --colorPrimaryEighth: #F9F8F6;
    --colorPrimaryPale: #F9F8F6;
    --colorPrimarySeparator: #EDE9E6;
    --colorPrimaryOutline: #EDE9E6;
    --colorButtonNormal: #1C2831;
    --colorButtonHover: #BE9B67;
    --colorLinkNormal: #1C2831;
    --colorLinkHover: #BE9B67;
}

.layout-demo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem;
}
.layout-demo-placeholder img {
    width: 900px;
}
.layout-demo-info {
    text-align: center;
    margin-top: 1rem;
}

/* Premium Upload Dropzone Styles */
.upload_dropZone {
    color: #1C2831;
    background-color: #F9F8F6;
    outline: 2px dashed #EDE9E6;
    outline-offset: -12px;
    border-radius: 12px;
    transition: outline-offset 0.2s ease-out, outline-color 0.3s ease-in-out,
        background-color 0.2s ease-out;
}
.upload_dropZone.highlight {
    outline-offset: -4px;
    outline-color: #BE9B67;
    background-color: #EDE9E6;
}
.upload_svg {
    fill: #1C2831;
}
.btn-upload {
    color: #fff;
    background-color: #1C2831;
    border: none;
    border-radius: 4px;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}
.btn-upload:hover,
.btn-upload:focus {
    color: #fff;
    background-color: #BE9B67;
}
.upload_img {
    width: calc(33.333% - (2rem / 3));
    object-fit: contain;
}

/* Premium Alert Styles */
.alert-danger {
    background-color: rgba(190, 155, 103, 0.1);
    border-color: rgba(190, 155, 103, 0.2);
    color: #1C2831;
}

.alert-danger .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Icon' transform='translate(0.000000, 0.500000)'%3E%3Cuse fill='%231C2831' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%231C2831' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Premium Text Colors */
.text-success {
    color: #BE9B67 !important;
}

.text-danger {
    color: #1C2831 !important;
}

/* Premium PDF Preview */
.upload_pdf {
    background-color: #EDE9E6;
    border-radius: 8px;
}

.upload_pdf .text-danger {
    color: #1C2831 !important;
}