/* İlan Şehri V7.4.2 R2
 * Yalnız ilan verme ve ilan düzenleme formu için hafif CSS katmanı.
 * JavaScript, kayıt ve veritabanı işlemi içermez.
 */

.listing-wizard-page{
    width:min(1040px,calc(100% - 32px))!important;
    max-width:1040px!important;
    margin-inline:auto!important;
}

.listing-wizard-heading{
    padding:30px 8px 20px!important;
    text-align:center!important;
}

.listing-wizard-heading .eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    min-height:27px!important;
    padding:0 11px!important;
    border-radius:999px!important;
    background:#fff3e7!important;
    color:#b54708!important;
    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.13em!important;
}

.listing-wizard-heading h1{
    max-width:760px!important;
    margin:10px auto 6px!important;
    color:#101828!important;
    font-size:clamp(29px,4vw,42px)!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
}

.listing-wizard-heading p{
    max-width:690px!important;
    margin:0 auto!important;
    color:#667085!important;
    font-size:12px!important;
    line-height:1.6!important;
}

.listing-wizard{
    border:1px solid #e4e7ec!important;
    border-radius:24px!important;
    background:#fff!important;
    box-shadow:0 18px 50px rgba(16,24,40,.08)!important;
    overflow:visible!important;
}

.listing-wizard-nav{
    position:sticky!important;
    top:74px!important;
    z-index:32!important;
    margin:0!important;
    padding:10px!important;
    border:0!important;
    border-bottom:1px solid #eaecf0!important;
    border-radius:24px 24px 0 0!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
}

.listing-wizard-nav button{
    min-height:57px!important;
    padding:10px 13px!important;
    border:1px solid transparent!important;
    transition:background .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}

.listing-wizard-nav button.active{
    border-color:#fed7aa!important;
    background:#fff7ed!important;
    box-shadow:0 4px 12px rgba(255,122,0,.08)!important;
}

.listing-wizard-nav button.done{
    border-color:#abefc6!important;
    background:#ecfdf3!important;
}

.listing-wizard-nav button i{
    box-shadow:inset 0 0 0 1px rgba(16,24,40,.04)!important;
}

.listing-wizard-step{
    padding:25px 28px 12px!important;
}

.listing-step-heading{
    margin:0 0 20px!important;
    padding:0 0 15px!important;
    border-bottom:1px solid #eaecf0!important;
}

.listing-step-heading>span{
    display:inline-flex!important;
    min-height:24px!important;
    align-items:center!important;
    padding:0 9px!important;
    border-radius:999px!important;
    background:#fff3e7!important;
    color:#b54708!important;
    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.1em!important;
}

.listing-step-heading h2{
    margin:8px 0 5px!important;
    color:#101828!important;
    font-size:25px!important;
    letter-spacing:-.015em!important;
}

.listing-step-heading p{
    max-width:680px!important;
    color:#667085!important;
    font-size:11px!important;
    line-height:1.55!important;
}

.listing-type-picker.compact-type-picker{
    gap:10px!important;
    margin-bottom:20px!important;
}

.compact-type-picker .type-choice>span{
    min-height:108px!important;
    padding:15px 13px!important;
    border:1px solid #e4e7ec!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 4px 13px rgba(16,24,40,.035)!important;
    transition:border-color .15s ease,background .15s ease,box-shadow .15s ease!important;
}

.compact-type-picker .type-choice input:checked+span{
    border-color:#ff7a00!important;
    background:#fff8f1!important;
    box-shadow:0 0 0 3px rgba(255,122,0,.10)!important;
}

.compact-type-picker .type-choice strong{
    color:#101828!important;
    font-size:13px!important;
}

.compact-type-picker .type-choice small{
    color:#667085!important;
    line-height:1.45!important;
}

.listing-wizard .form-grid{
    gap:15px!important;
}

.listing-wizard .form-grid>label{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    color:#344054!important;
    font-size:11px!important;
    font-weight:900!important;
}

.listing-wizard input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.listing-wizard select,
.listing-wizard textarea{
    width:100%!important;
    min-height:48px!important;
    border:1px solid #d0d5dd!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#101828!important;
    font-size:13px!important;
    box-shadow:0 1px 2px rgba(16,24,40,.03)!important;
    transition:border-color .15s ease,box-shadow .15s ease!important;
}

.listing-wizard textarea{
    min-height:135px!important;
    padding-top:13px!important;
    line-height:1.55!important;
    resize:vertical!important;
}

.listing-wizard input:focus,
.listing-wizard select:focus,
.listing-wizard textarea:focus{
    border-color:#ff7a00!important;
    outline:0!important;
    box-shadow:0 0 0 4px rgba(255,122,0,.11)!important;
}

.listing-wizard input::placeholder,
.listing-wizard textarea::placeholder{
    color:#98a2b3!important;
}

.listing-wizard .listing-optional-panel{
    margin:18px 0!important;
    border-color:#e4e7ec!important;
    border-radius:16px!important;
    box-shadow:0 4px 15px rgba(16,24,40,.025)!important;
}

.listing-wizard .listing-optional-panel>summary{
    min-height:65px!important;
    padding:13px 15px!important;
}

.listing-wizard .listing-optional-panel>summary b{
    color:#101828!important;
    font-size:12px!important;
}

.listing-wizard .listing-optional-panel>summary small{
    line-height:1.4!important;
}

.listing-wizard .listing-image-section,
.listing-wizard .listing-location-section,
.listing-wizard .listing-attributes-section{
    margin-bottom:18px!important;
    padding:20px!important;
    border:1px solid #e4e7ec!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 5px 17px rgba(16,24,40,.035)!important;
}

.listing-wizard .listing-image-upload{
    border:2px dashed #fdb022!important;
    border-radius:16px!important;
    background:#fffcf5!important;
    transition:border-color .15s ease,background .15s ease!important;
}

.listing-wizard .listing-image-upload:hover{
    border-color:#ff7a00!important;
    background:#fff7ed!important;
}

.listing-wizard .listing-image-grid,
.listing-wizard .image-manager-grid{
    gap:12px!important;
}

.listing-wizard .listing-image-item,
.listing-wizard .image-manager-item{
    border-radius:14px!important;
    overflow:hidden!important;
    box-shadow:0 4px 12px rgba(16,24,40,.08)!important;
}

.listing-wizard .listing-attribute-toolbar,
.listing-wizard .listing-attribute-progress-shell{
    border-radius:13px!important;
}

.listing-step-continue{
    margin:20px 0 8px!important;
    padding:16px!important;
    border-color:#e4e7ec!important;
    background:#f8fafc!important;
}

.listing-step-continue b{
    color:#101828!important;
    font-size:13px!important;
}

.listing-step-continue .primary-btn{
    min-height:48px!important;
    border-radius:12px!important;
}

.listing-wizard-footer{
    bottom:14px!important;
    margin:12px 20px 20px!important;
    padding:10px!important;
    border-radius:16px!important;
    box-shadow:0 18px 42px rgba(16,24,40,.16)!important;
}

.listing-wizard-footer .primary-btn,
.listing-wizard-footer .secondary-btn{
    min-height:48px!important;
    border-radius:12px!important;
}

.listing-wizard-footer .primary-btn{
    background:linear-gradient(135deg,#ff7a00,#f04405)!important;
    box-shadow:0 8px 18px rgba(255,122,0,.22)!important;
}

.listing-draft-bar-compact{
    border-radius:14px!important;
}

@media(max-width:720px){
    .listing-wizard-page{
        width:100%!important;
        max-width:none!important;
        padding:0 8px 188px!important;
    }

    .listing-wizard-heading{
        padding:20px 8px 13px!important;
        text-align:left!important;
    }

    .listing-wizard-heading .eyebrow{
        min-height:23px!important;
        padding:0 9px!important;
        font-size:8px!important;
    }

    .listing-wizard-heading h1{
        margin:8px 0 5px!important;
        font-size:27px!important;
        line-height:1.1!important;
    }

    .listing-wizard-heading p{
        margin:0!important;
        font-size:10px!important;
        line-height:1.5!important;
    }

    .listing-wizard{
        border-radius:18px!important;
        box-shadow:0 8px 24px rgba(16,24,40,.06)!important;
    }

    .listing-wizard-nav{
        top:61px!important;
        padding:7px!important;
        gap:5px!important;
        border-radius:18px 18px 0 0!important;
    }

    .listing-wizard-nav button{
        min-height:59px!important;
        padding:7px 3px!important;
    }

    .listing-wizard-nav button i{
        width:25px!important;
        height:25px!important;
        flex-basis:25px!important;
    }

    .listing-wizard-nav button b{
        font-size:9px!important;
    }

    .listing-wizard-nav button small{
        font-size:6.5px!important;
    }

    .listing-wizard-step{
        padding:16px 13px 112px!important;
    }

    .listing-step-heading{
        margin-bottom:15px!important;
        padding-bottom:12px!important;
    }

    .listing-step-heading h2{
        font-size:21px!important;
    }

    .listing-step-heading p{
        font-size:9px!important;
    }

    .listing-type-picker.compact-type-picker{
        gap:6px!important;
        margin-bottom:16px!important;
    }

    .compact-type-picker .type-choice>span{
        min-height:82px!important;
        padding:9px 5px!important;
        border-radius:13px!important;
    }

    .compact-type-picker .type-choice strong{
        font-size:10px!important;
    }

    .listing-wizard .form-grid{
        gap:12px!important;
    }

    .listing-wizard input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
    .listing-wizard select,
    .listing-wizard textarea{
        min-height:49px!important;
        border-radius:11px!important;
        font-size:16px!important;
    }

    .listing-wizard textarea{
        min-height:125px!important;
    }

    .listing-wizard .listing-image-section,
    .listing-wizard .listing-location-section,
    .listing-wizard .listing-attributes-section{
        padding:14px!important;
        border-radius:15px!important;
    }

    .listing-wizard .listing-image-upload{
        min-height:116px!important;
        border-radius:14px!important;
    }

    .listing-wizard .listing-optional-panel>summary{
        min-height:59px!important;
        padding:11px 12px!important;
    }

    .listing-step-continue{
        align-items:stretch!important;
        gap:11px!important;
        padding:13px!important;
        border-radius:14px!important;
    }

    .listing-wizard-footer{
        left:8px!important;
        right:8px!important;
        bottom:calc(76px + env(safe-area-inset-bottom))!important;
        margin:0!important;
        padding:8px!important;
        border-radius:16px!important;
    }

    .listing-wizard-footer .primary-btn,
    .listing-wizard-footer .secondary-btn{
        min-height:52px!important;
    }
}

@media(max-width:380px){
    .listing-wizard-nav button small{
        display:none!important;
    }

    .listing-wizard-nav button{
        min-height:51px!important;
    }

    .listing-wizard-heading h1{
        font-size:24px!important;
    }
}