html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/*STICKY REZERVASYON*/

@font-face {
    font-family: 'Didot';
    src: url('/css/https://cdn.m34.it/hh/Assets/Fonts/Didot.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
.sticky-rezervasyon-button {
    display: none;
}

@media (max-width: 768px) {
    .sticky-rezervasyon-button {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height:90px;
        background-color: #414040; /* ← ŞERİT RENGİ (resimdekiyle uyumlu tarçın ton) */
        text-align: center;
        z-index: 9999;
        padding: 14px 0;
        box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);
        display: block;
    }

        .sticky-rezervasyon-button .rezervasyon-btn {
            display: inline-block;
            background-color: #414040;
           
            border-bottom: white 1px solid;
            /* font: normal normal normal 19px / 19px Didot Bold; */
            font: normal normal 300 19px / 19px "Mono45 Headline Light", sans-serif;
            letter-spacing: 2px;
            color: white;
            align-items: flex-end;
            justify-content: flex-end;
            padding-top:5px;
        }

            .sticky-rezervasyon-button .rezervasyon-btn:hover {
                background-color: #e7dfd9;
                color: #000;
            }
    @media (max-width: 768px) {
        .rezervasyon-inline-buttons {
            display: flex;
            justify-content: space-between; /* ARA sola, WHATSAPP sağa */
            align-items: center;
            padding: 0 20px;
           
        }

            .rezervasyon-inline-buttons .rezervasyon-btn {
                display: flex;
                align-items: center;
                gap: 6px;
                border-bottom: none;
                font: normal normal 300 18px / 19px "Mono45 Headline Light", sans-serif;
                color: white;
               
                
            }

            .rezervasyon-inline-buttons .icon {
                width: 30px;
                height: 30px;
                object-fit: contain;
                
                /* → filtre kaldırıldı, renkli ikonlar gösterilecek */
            }

            .rezervasyon-inline-buttons .rezervasyon-btn:hover {
                background-color: #e7dfd9;
                color: #000;
            }
    }


    .service-bell-2 {
        height: 35px;
        margin-left: 5px;
        position: relative;
        top: -10px;
    }
}