/* ═══════════════════════════════════════════════════════════
   robooking-custom.css — override-uri globale Robooking
   ═══════════════════════════════════════════════════════════ */

/* ── Paleta de culori Robooking ── */
:root {
    --theme-color: #0f766e;
    --color-dark:  #1a6b5e;
    --footer-bg:   #0a2f2a;
}

/* ── Titluri cu span evidențiat — verde mai deschis ── */
.site-title span { color: #14b8a6 !important; }

/* ── Sidebar profil — text alb pe item activ ── */
.user-profile-sidebar-list .active a,
.user-profile-sidebar-list .active a i { color: #fff !important; }

/* ── Counter area — verde deschis + border alb ── */
.counter-wrap {
    background: #14b8a6 !important;
    border-top: 1px solid rgba(255,255,255,.4) !important;
    border-bottom: 1px solid rgba(255,255,255,.4) !important;
}

/* ── Breadcrumb pe fundal întunecat — mai vizibil ── */
.site-breadcrumb .breadcrumb-menu li.active,
.site-breadcrumb .breadcrumb-menu li a:hover { color: #14b8a6 !important; }

/* ── Flag în nice-select limbă ── */
img.ns-flag {
    width: 20px;
    height: 15px;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 2px;
    display: inline-block;
    flex-shrink: 0;
}
.nice-select .current { display: flex; align-items: center; }
.nice-select .list .option { display: flex; align-items: center; }

/* ── Înălțime uniformă imagini carduri (toate tipurile) ── */
.hotel-img, .tour-img, .car-img,
.activity-img, .cruise-img, .flight-img,
.blog-item-img {
    overflow: hidden;
    height: 210px;
}

.hotel-img img, .tour-img img, .car-img img,
.activity-img img, .cruise-img img, .flight-img img,
.blog-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

/* ── Titluri carduri: 1 rând cu ellipsis ── */
.hotel-title a, .tour-title a, .car-title a,
.activity-title a, .cruise-title a, .flight-title a,
.blog-item-title a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Hover zoom carduri ── */
.hotel-item:hover .hotel-img img,
.tour-item:hover .tour-img img,
.car-item:hover .car-img img,
.activity-item:hover .activity-img img,
.cruise-item:hover .cruise-img img,
.blog-item:hover .blog-item-img img { transform: scale(1.06); }

/* ── Cabin list/fullwidth: imagine mai înaltă ca să acopere content-ul mai bogat ── */
.cabin-listing.hotel-list .hotel-img {
    width: 320px;
    height: 260px !important;
    flex-shrink: 0;
}

/* ── Contor filtre sidebar ── */
.booking-sidebar .form-check-label .filter-count {
    float: right;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}

/* ── Card redesign: sus-stânga rotunjit, sus-dreapta colț, jos-dreapta rotunjit, jos-stânga colț ── */
.hotel-img, .tour-img, .car-img, .activity-img, .cruise-img {
    border-radius: 35px 0 35px 0 !important;
    position: relative;
}
.hotel-img img, .tour-img img, .car-img img, .activity-img img, .cruise-img img {
    border-radius: 35px 0 35px 0 !important;
}

/* Badge — sus stânga, pornind din colțul rotunjit */
.hotel-img .badge, .tour-img .badge, .car-img .badge,
.activity-img .badge, .cruise-img .badge {
    position: absolute !important;
    top: 15px !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 3 !important;
    border-radius: 0 20px 20px 0 !important;
    padding: 6px 16px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    background: var(--theme-color) !important;
    color: #fff !important;
    box-shadow: 2px 2px 8px rgba(0,0,0,.15) !important;
}

/* Buton favorite — sus dreapta, fundal alb, inimă roșie */
.hotel-img .add-wishlist, .tour-img .add-wishlist,
.car-img .add-wishlist, .activity-img .add-wishlist,
.cruise-img .add-wishlist {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 3 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50px 0 50px 50px !important;
    background: #fff !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform .2s, box-shadow .2s !important;
}
.hotel-img .add-wishlist:hover, .tour-img .add-wishlist:hover,
.car-img .add-wishlist:hover, .activity-img .add-wishlist:hover,
.cruise-img .add-wishlist:hover {
    background: #fff !important;
    transform: scale(1.1);
    box-shadow: 0 4px 14px rgba(239,68,68,.3) !important;
}
.hotel-img .add-wishlist i, .tour-img .add-wishlist i,
.car-img .add-wishlist i, .activity-img .add-wishlist i,
.cruise-img .add-wishlist i {
    font-size: 15px !important;
    color: #ef4444 !important;
}

/* ── Mobile: font-size minim 16px pe inputs (previne zoom iOS) ── */
@media (max-width: 767px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="number"],
    input[type="search"],
    input[type="date"],
    select,
    textarea {
        font-size: 16px !important;
    }
}