
/* ===================================================
   OBACARS - iOS / SAFARI UYUMLULUK
   Android / Desktop tasarimini degistirmez
   =================================================== */

@supports (-webkit-touch-callout: none) {

    html{
        width:100%;
        max-width:100%;
        overflow-x:hidden;
        -webkit-text-size-adjust:100%;
        text-size-adjust:100%;
    }

    body{
        width:100%;
        max-width:100%;
        overflow-x:hidden;
    }

    /* Safari dinamik adres cubugu */
    body{
        min-height:100svh;
    }

    @supports (height:100dvh){
        body{
            min-height:100dvh;
        }
    }


    /* Görseller Safari'de satir ici bosluk üretmesin */
    img{
        display:block;
        max-width:100%;
    }


    /* iPhone inputa tiklayinca otomatik zoom yapmasin */
    input,
    select,
    textarea{
        font-size:16px !important;
    }


    /* Dokunmatik davranis */
    a,
    button,
    input,
    select,
    textarea{
        -webkit-tap-highlight-color:transparent;
    }

    button,
    a{
        touch-action:manipulation;
    }


    /* Safe-area: çentikli iPhone'lar */
    .site-header .container,
    .oc-resv-top-in,
    .rv-head{
        padding-left:max(14px, env(safe-area-inset-left)) !important;
        padding-right:max(14px, env(safe-area-inset-right)) !important;
    }


    /* ANA SAYFA HERO */
    @media(max-width:760px){

        .oc-premium-hero{
            width:100% !important;
            max-width:100% !important;
            overflow:hidden !important;
        }

        .oc-hero-shell{
            width:100% !important;
            max-width:100% !important;

            padding-left:max(13px, env(safe-area-inset-left)) !important;
            padding-right:max(13px, env(safe-area-inset-right)) !important;
        }

        /* Araba Safari'de yaziya binmesin */
        .oc-car-stage{
            transform:translateY(4px) !important;
        }

        .oc-car-stage img{
            width:100% !important;
            height:auto !important;
            object-fit:contain !important;
        }


        /* Rezervasyon kutusu Safari grid tasmasi */
        .oc-reservation-big{
            width:100% !important;
            max-width:100% !important;

            grid-template-columns:
                40px minmax(0,1fr) 26px !important;
        }

        .oc-reservation-text{
            min-width:0 !important;
        }

        .oc-reservation-text strong,
        .oc-reservation-text span{
            max-width:100% !important;
        }


        /* Alt 3 kutu */
        .oc-benefits{
            width:100% !important;
            max-width:100% !important;

            grid-template-columns:
                repeat(3,minmax(0,1fr)) !important;
        }

        .oc-benefit{
            min-width:0 !important;
        }


        /* 4.9 / 500+ / 7-24 */
        .oc-hero-stats{
            width:100% !important;
            max-width:100% !important;

            grid-template-columns:
                repeat(3,minmax(0,1fr)) !important;
        }

        .oc-stat{
            min-width:0 !important;
        }
    }


    /* REZERVASYON SAYFALARI */
    @media(max-width:760px){

        .oc-resv-wrap,
        .rv-wrap{
            max-width:100% !important;
        }

        .oc-form-grid,
        .form-grid,
        .rr-prices,
        .v3-price-grid{
            min-width:0 !important;
        }

        .oc-field,
        .field,
        .rr-price,
        .v3-price-card{
            min-width:0 !important;
        }

        input[type="date"],
        input[type="time"]{
            width:100% !important;
            min-width:0 !important;
        }

        select{
            width:100% !important;
            min-width:0 !important;
        }
    }


    /* Alt çentik / home indicator */
    .oc-premium-hero,
    .rv-wrap,
    .oc-resv-wrap{
        padding-bottom:
            max(20px, env(safe-area-inset-bottom)) !important;
    }

}

