/*
Theme Name: Suitpos
Theme URI: https://.suitpos.com
Author: Penta Yazılım
Author URI: https://pentayazilim.com
Description: “Dünyada çok az güzellik kendisi hakkında resmedilen tablolardan daha güzel olmayı başarabilmiştir” Edward Lear bu cümleyi Tac Mahal’in muhteşem tabloları için kullanmıştı. İyi bir tasarım örneği hiç kuşkusuz doğru perspektiflerin ve doğal kriterlerin işbirliğiyle meydana gelir. Peki doğal haline bütün gerçekliğiyle benzeyen eseri tamamıyla orijinalinden farklı ve başarılı kılan ayırt edici özellikler nedir?
Version: 1.0
tag: etiket1, etiket2, etiket3
*/

body.is-onepage-presentation [data-onepage-hide] {
    display: none !important;
}

body.is-onepage-presentation .onepage-presentation [class*="background-image:radial-gradient"] {
    display: none !important;
}

.onepage-presentation__custom {
    width: min(100% - 60px, 1480px);
    margin-inline: auto;
    padding: 80px 100px;
    background: #fff;
}

.onepage-presentation__custom .text-editor {
    width: 100%;
}

.onepage-presentation__custom img,
.image-and-text__content img {
    max-width: 100%;
    height: auto;
}

.onepage-presentation__custom u,
.image-and-text__content u {
    text-decoration: underline;
}

/* ACF WYSIWYG content must keep the formatting selected in the editor. */
.about-image-text__columns {
    display: grid;
    gap: 120px;
    grid-template-columns: minmax(0, 1fr);
}

.about-image-text__columns.has-two-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wysiwyg-content {
    min-width: 0;
}

.wysiwyg-content > * + * {
    margin-top: 0.75em;
}

.wysiwyg-content ul,
.wysiwyg-content ol {
    padding-left: 1.5em;
}

.wysiwyg-content ul {
    list-style: disc;
}

.wysiwyg-content ol {
    list-style: decimal;
}

.wysiwyg-content a {
    text-decoration: underline;
}

.wysiwyg-content img {
    max-width: 100%;
    height: auto;
}

/* Hide faint edge pixels/borders included in uploaded presentation images. */
.visual-module__image-frame {
    overflow: hidden;
}

.visual-module__image {
    width: calc(100% + 2px) !important;
    max-width: none !important;
    margin: -1px !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Compact references presentation; its height follows its real content. */
.references-showcase {
    height: auto;
    padding-block: 60px;
}

.references-showcase__slider {
    margin-top: 40px;
}

.references-showcase__rail {
    height: 230px !important;
    gap: 24px !important;
}

.references-showcase__card {
    width: 190px !important;
    height: 190px !important;
    padding: 18px;
}

.references-showcase__card:hover {
    width: 230px !important;
    height: 230px !important;
}

.onepage-presentation__custom [style*="text-align: center"],
.image-and-text__content [style*="text-align: center"] {
    text-align: center;
}

@media (max-width: 768px) {
    .about-image-text__columns,
    .about-image-text__columns.has-two-columns {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .references-showcase {
        padding-block: 40px;
    }

    .onepage-presentation__custom {
        width: 100%;
        padding: 40px 30px;
    }
}

@media print {
    @page {
        size: A4;
        margin: 0;
    }

    body.is-onepage-presentation {
        background: #fff !important;
    }

    body.is-onepage-presentation > header,
    body.is-onepage-presentation > footer,
    body.is-onepage-presentation .scroll-fill-spin,
    body.is-onepage-presentation [ui-load-page],
    body.is-onepage-presentation .preloader {
        display: none !important;
    }

    .onepage-presentation > section,
    .onepage-presentation__custom {
        box-sizing: border-box;
        width: 210mm;
        min-height: 297mm;
        margin: 0;
        overflow: visible;
        break-after: page;
        page-break-after: always;
        display: flex;
        align-items: center;
        background: #fff;
    }

    .onepage-presentation > section > *,
    .onepage-presentation__custom > * {
        width: 100%;
    }

    .onepage-presentation [ui-gsap-slide-factor],
    .onepage-presentation [ui-gsap-reveal],
    .onepage-presentation .animate-reset {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }

    .onepage-presentation__custom {
        display: block;
        padding: 0;
    }

    .onepage-presentation__custom .text-editor > section {
        box-sizing: border-box;
        width: 210mm;
        min-height: 297mm;
        padding: 20mm;
        break-after: page;
        page-break-after: always;
    }

    .onepage-presentation__custom .text-editor > section:last-child {
        break-after: auto;
        page-break-after: auto;
    }

    .onepage-presentation > section:last-child,
    .onepage-presentation__custom:last-child {
        break-after: auto;
        page-break-after: auto;
    }
}
.brand-preloader-logo {
    width: 360px;
    max-width: calc(100vw - 48px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

.brand-preloader-logo__image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    animation: brand-loader-breathe 1.6s ease-in-out infinite;
}

.site-header-logo {
    display: block;
    width: 360px;
    height: auto;
}

.ajax-preloader-logo {
    display: block;
    width: 280px;
    max-width: calc(100vw - 48px);
    height: auto;
    padding: 18px;
    border-radius: 12px;
    background: #111110;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
    animation: brand-loader-breathe 1.6s ease-in-out infinite;
}

.preloader {
    position: fixed;
    inset: 0;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.35s ease, visibility 0.35s ease;
}

.preloader.is-play {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.preloader.is-stop {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.preloader .background {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.preloader .preloader-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.brand-preloader-track {
    width: 100%;
    height: 2px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
}

.brand-preloader-progress {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #fff;
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.55);
    transition: width 0.35s ease;
}

@keyframes brand-loader-breathe {
    0%, 100% { opacity: 0.65; }
    50% { opacity: 1; }
}

@media (max-width: 1024px) {
    .brand-preloader-logo {
        width: 250px;
    }

    .site-header-logo {
        width: 210px;
    }

    .ajax-preloader-logo {
        width: 220px;
    }
}