@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;background-color:#f5f5f5;color:#000;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;margin-bottom:1rem}a{text-decoration:none;color:#b8860b;transition:all .3s ease}a:hover{color:#8b6914}ul{list-style:none}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;margin-bottom:3rem;position:relative;font-size:2.2rem}.section-title:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(135deg,#daa520,#b8860b);margin:.8rem auto 0;border-radius:2px}.header{background-color:#000;box-shadow:0 2px 10px #0000004d;border-bottom:2px solid #B8860B;padding:1rem 0;position:sticky;top:0;z-index:100}.header a{color:#f4e4c1!important;transition:all .2s ease}.header a:hover{color:#daa520!important;text-shadow:0 0 8px rgba(184,134,11,.6)}.main-nav{background-color:#000;box-shadow:0 2px 10px #0000004d;border-bottom:2px solid #B8860B;position:sticky;top:0;z-index:100}.main-nav .nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.main-nav .logo a{display:flex;align-items:center}.main-nav .logo .logo-text{font-size:1.5rem;font-weight:700;color:#daa520;text-shadow:0 0 10px rgba(184,134,11,.5)}.main-nav .nav-links{display:flex;align-items:center;gap:1.5rem}.main-nav .nav-links a{color:#f4e4c1;font-weight:500;transition:all .2s ease}.main-nav .nav-links a:hover,.main-nav .nav-links a.active{color:#daa520;text-shadow:0 0 8px rgba(184,134,11,.6)}.main-nav .nav-links .nav-btn{margin-left:.5rem}.hero{padding:5rem 0;background:linear-gradient(135deg,#daa520,#b8860b);color:#f5f5f5}.hero .container{display:flex;align-items:center;justify-content:space-between;gap:2rem}.hero .hero-content{flex:1}.hero .hero-content h1{font-size:2.8rem;margin-bottom:1.5rem;line-height:1.2}.hero .hero-content .hero-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.hero .hero-content .hero-buttons{display:flex;gap:1rem}.hero .hero-image{flex:1;display:flex;justify-content:center}.hero .hero-image img{max-width:100%;border-radius:10px;box-shadow:0 10px 30px #0003}.features{padding:5rem 0;background-color:#f5f5f5}.features .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.features .feature-card{background-color:#f5f5f5;padding:2rem;border-radius:10px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.features .feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.features .feature-card .feature-icon{font-size:2.5rem;color:#b8860b;margin-bottom:1.5rem}.features .feature-card h3{margin-bottom:1rem}.features .feature-card p{color:#666}.about{padding:5rem 0;background-color:#f5f5f5}.about .about-content{max-width:800px;margin:0 auto;text-align:center}.about .about-content p{margin-bottom:2rem;font-size:1.1rem;color:#666}.about .about-content .tech-stack{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.about .about-content .tech-stack .tech-badge{background-color:#b8860b;color:#f5f5f5;padding:.5rem 1rem;border-radius:50px;font-weight:500;font-size:.9rem}.admin-access{padding:5rem 0;background-color:#f5f5f5}.admin-access .admin-card{max-width:600px;margin:0 auto;background-color:#f5f5f5;padding:3rem;border-radius:10px;box-shadow:0 10px 30px #0000001a;text-align:center}.admin-access .admin-card h2{margin-bottom:1.5rem}.admin-access .admin-card p{margin-bottom:1.5rem;color:#666}.admin-access .admin-card .credentials{background-color:#f5f5f5;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.admin-access .admin-card .credentials p{margin-bottom:.5rem}.admin-access .admin-card .credentials p:last-child{margin-bottom:0}.contact{padding:5rem 0;background-color:#f5f5f5}.contact .contact-container{display:grid;grid-template-columns:1fr 2fr;gap:3rem}.contact .contact-info .info-item{display:flex;align-items:center;margin-bottom:1.5rem}.contact .contact-info .info-item i{font-size:1.5rem;color:#b8860b;margin-right:1rem}.contact .contact-info .info-item p{color:#666}.contact .contact-form .form-group{margin-bottom:1.5rem}.contact .contact-form .form-group input,.contact .contact-form .form-group textarea{width:100%;padding:1rem;border:1px solid #cccccc;border-radius:5px;font-family:Nunito,sans-serif}.contact .contact-form .form-group input:focus,.contact .contact-form .form-group textarea:focus{outline:none;border-color:#b8860b}.footer{background:linear-gradient(135deg,#000,#8b6914);color:#f5f5f5;padding:4rem 0 0;border-top:3px solid #B8860B;position:relative}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at bottom left,rgba(184,134,11,.1) 0%,transparent 50%);pointer-events:none}.footer .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem;position:relative;z-index:1}.footer .footer-logo .logo-text{font-size:1.5rem;font-weight:700;margin-bottom:1rem;display:block;color:#daa520;text-shadow:0 0 10px rgba(184,134,11,.5)}.footer .footer-logo p{color:#f4e4c1}.footer .footer-links h3{margin-bottom:1.5rem;font-size:1.2rem;color:#daa520}.footer .footer-links ul li{margin-bottom:.8rem}.footer .footer-links ul li a{color:#f4e4c1;transition:all .2s ease}.footer .footer-links ul li a:hover{color:#daa520;padding-left:5px}.footer .footer-social h3{margin-bottom:1.5rem;font-size:1.2rem;color:#daa520}.footer .footer-social .social-icons{display:flex;gap:1rem}.footer .footer-social .social-icons a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#b8860b33;border:1px solid #B8860B;border-radius:50%;color:#daa520;transition:all .3s ease}.footer .footer-social .social-icons a:hover{background-color:#b8860b;color:#000;transform:translateY(-3px);box-shadow:0 5px 20px #b8860b33}.footer .footer-bottom{border-top:1px solid rgba(184,134,11,.3);padding:1.5rem 0;text-align:center;position:relative;z-index:1}.footer .footer-bottom p{color:#f4e4c1;font-size:.9rem}.btn{display:inline-block;padding:.8rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-weight:600;font-size:1rem;text-align:center;transition:all .3s ease}.btn.btn-primary{background-color:#b8860b;color:#f5f5f5}.btn.btn-primary:hover{background-color:#886308}.btn.btn-success{background-color:#2d7a3e;color:#f5f5f5}.btn.btn-success:hover{background-color:#1f552b}.btn.btn-danger{background-color:#c41e3a;color:#f5f5f5}.btn.btn-danger:hover{background-color:#98172d}.btn.btn-outline{background-color:transparent;border:2px solid #f5f5f5;color:#f5f5f5}.btn.btn-outline:hover{background-color:#f5f5f5;color:#b8860b}@media (max-width: 992px){.hero .container{flex-direction:column;text-align:center}.hero .hero-buttons{justify-content:center}.contact .contact-container{grid-template-columns:1fr}}@media (max-width: 768px){.main-nav .nav-container{flex-direction:column;padding:1rem}.main-nav .logo{margin-bottom:1rem}.main-nav .nav-links{flex-wrap:wrap;justify-content:center}.main-nav .nav-links a{margin:.5rem}.hero{padding:3rem 0}.hero h1{font-size:2.2rem}.section-title{font-size:1.8rem}.admin-access .admin-card{padding:2rem}.footer .footer-content{grid-template-columns:1fr;text-align:center}.footer .social-icons{justify-content:center}}.zalo-sticky{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0068ff66;z-index:999;transition:all .3s ease;animation:zalo-pulse 2s infinite;border:2px solid #0068FF}.zalo-sticky:hover{transform:scale(1.1);box-shadow:0 6px 20px #0068ff99}.zalo-sticky img{width:40px;height:40px}@keyframes zalo-pulse{0%,to{box-shadow:0 4px 12px #0068ff66}50%{box-shadow:0 4px 20px #0068ffb3,0 0 0 10px #0068ff1a}}@media (max-width: 768px){.zalo-sticky{width:50px;height:50px;bottom:15px;right:15px}.zalo-sticky img{width:32px;height:32px}}.hero-section{background:linear-gradient(135deg,#000,#8b6914);color:#f5f5f5;padding:50px 0;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(184,134,11,.2) 0%,transparent 70%);pointer-events:none}.hero-section .container{position:relative;z-index:1}.hero-section h1{font-size:3rem;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.5);color:#daa520}.hero-section p{font-size:1.1rem;opacity:.95;color:#f4e4c1;margin-bottom:0}.rooms-section{padding:40px 0 50px;background:#f5f5f5}.rooms-section .section-title{color:#000;font-weight:700}.section-title{text-align:center;font-size:2.2rem;font-weight:700;margin-bottom:30px;color:#000;position:relative}.section-title:after{content:"";display:block;width:80px;height:3px;background:linear-gradient(135deg,#daa520,#b8860b);margin:15px auto 0;border-radius:2px}.room-slider-slick{max-width:1200px;margin:0 auto;padding:0 60px;position:relative}.room-slider-slick .slick-list{padding:20px 0}.room-slider-slick .slick-track{display:flex!important;align-items:stretch}.room-slider-slick .slick-dots{bottom:-40px}.room-slider-slick .slick-dots li{margin:0 5px}.room-slider-slick .slick-dots li button:before{font-size:12px;color:#ccc;opacity:1}.room-slider-slick .slick-dots li.slick-active button:before{color:#b8860b;opacity:1}.room-slider-slick .slick-prev,.room-slider-slick .slick-next{width:50px;height:50px;background:#000;border:2px solid #B8860B;border-radius:50%;box-shadow:0 5px 20px #0000004d;z-index:10;transition:all .3s ease}.room-slider-slick .slick-prev:before,.room-slider-slick .slick-next:before{display:none}.room-slider-slick .slick-prev i,.room-slider-slick .slick-next i{color:#b8860b;font-size:18px}.room-slider-slick .slick-prev:hover,.room-slider-slick .slick-next:hover{background:#b8860b;border-color:#b8860b;box-shadow:0 5px 20px #b8860b33}.room-slider-slick .slick-prev:hover i,.room-slider-slick .slick-next:hover i{color:#000}.room-slider-slick .slick-prev{left:0}.room-slider-slick .slick-next{right:0}.room-slider-slick .slick-slide{padding:15px 12px}.room-card-wrapper{outline:none}.room-card{background:#fff;border-radius:15px;overflow:hidden;border:2px solid transparent;transition:all .3s ease;position:relative;height:100%;display:flex;flex-direction:column}.room-card:hover{border-color:#b8860b}.room-card:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 60px 60px 0;border-color:transparent #B8860B transparent transparent;opacity:0;transition:opacity .3s ease;z-index:1}.room-card:hover:before{opacity:.8}.room-image-slideshow{position:relative;width:100%;padding-bottom:75%;overflow:hidden;background:#f5f5f5}.room-image-slideshow .room-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;opacity:0;transition:opacity 1s ease-in-out}.room-image-slideshow .room-image.active{opacity:1}.room-image-slideshow .room-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.image-indicators{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2;padding:5px 10px;background:#0000004d;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.image-indicators .indicator{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.3)}.image-indicators .indicator:hover{background:#fffc;transform:scale(1.2)}.image-indicators .indicator.active{background:#b8860b;border-color:#b8860b;width:24px;border-radius:10px}.room-content{padding:18px;flex:1;display:flex;flex-direction:column}.room-name{font-size:1.4rem;font-weight:600;color:#000;margin-bottom:8px;position:relative;padding-bottom:8px;display:flex;align-items:center;gap:10px}.room-name:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:#b8860b}.room-number-badge{display:inline-flex;align-items:center;justify-content:center;background:#b8860b;color:#000;font-size:.85rem;font-weight:700;padding:4px 12px;border-radius:20px;border:2px solid #8B6914;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.room-number-badge:hover{background:#8b6914;color:#daa520;transform:scale(1.05)}.room-description{color:#666;margin-bottom:15px;line-height:1.5;font-size:.95rem}.price-list{background:#f4e4c1;padding:12px;border-radius:10px;margin-bottom:15px;border:1px solid #B8860B}.price-list h4{font-size:1rem;font-weight:600;margin-bottom:8px;color:#000;display:flex;align-items:center;gap:6px}.price-list h4:before{content:"💰";font-size:1.1rem}.price-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(184,134,11,.2)}.price-item:last-child{border-bottom:none;padding-bottom:0}.price-time{color:#666;font-size:.9rem}.price-amount{color:#8b6914;font-weight:600;font-size:.95rem}.amenities{margin-top:15px;margin-bottom:15px}.amenities h4{font-size:1rem;font-weight:600;margin-bottom:10px;color:#000}.amenities-list{display:flex;flex-wrap:wrap;gap:8px}.amenity-tag{background:#000;color:#daa520;padding:5px 10px;border-radius:20px;border:1px solid #B8860B;font-size:.85rem;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.amenity-tag i{font-size:.8rem;color:#b8860b}.amenity-tag:hover{background:#b8860b;color:#000}.amenity-tag:hover i{color:#000}.book-btn{width:100%;padding:10px;background:linear-gradient(135deg,#daa520,#b8860b);color:#000;border:2px solid #B8860B;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:auto;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.book-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#000;transition:left .3s ease;z-index:0}.book-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #b8860b33;color:#daa520}.book-btn:hover:before{left:0}.book-btn span{position:relative;z-index:1}.no-rooms-message{text-align:center;padding:60px 20px;background:#fff;border-radius:15px;border:2px dashed #B8860B;margin:20px auto;max-width:600px}.no-rooms-message p{color:#666;font-size:1.1rem;margin:0}.booking-calendar-section{padding:50px 0;background:#f5f5f5}.booking-calendar-section .section-title{color:#000;font-weight:700}.calendar-legend{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.calendar-legend .legend-item{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#000;padding:8px 16px;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.calendar-legend .legend-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.calendar-legend .legend-icon{font-size:1.3rem;transition:all .2s ease}.calendar-legend .legend-icon.available{color:#2d7a3e}.calendar-legend .legend-icon.booked{color:#c41e3a}.calendar-legend .legend-icon.pending{color:#ff8c00}.calendar-legend .legend-icon.selected{color:#b8860b;animation:pulse 1.5s ease-in-out infinite}.calendar-legend .legend-label{font-weight:600;color:#000}.calendar-wrapper{background:#fff;box-shadow:0 5px 20px #0000004d;overflow-x:auto}.calendar-loading{text-align:center;padding:40px;color:#666;font-size:1.1rem}.calendar-loading i{font-size:2rem;color:#b8860b;margin-bottom:10px}.booking-calendar-table{width:100%;border-collapse:separate;border-spacing:0;min-width:500px;font-size:.8rem}.booking-calendar-table thead{background:#000;color:#daa520}.booking-calendar-table thead th{padding:6px 4px;text-align:center;font-weight:600;border:1px solid #B8860B;position:sticky;top:0;z-index:10}.booking-calendar-table thead th.date-header{background:#000;color:#daa520;font-size:.75rem;min-width:50px;width:50px}.booking-calendar-table thead th.room-header{background:#000;color:#daa520;font-size:.75rem;min-width:80px;width:80px}.booking-calendar-table thead th.time-slot-header{background:#000;color:#b8860b;min-width:60px;width:60px;font-size:.7rem;font-weight:700;line-height:1.2}.booking-calendar-table tbody tr:hover{background:#b8860b0d}.booking-calendar-table tbody td{border:1px solid #cccccc;padding:0;text-align:center;vertical-align:middle;transition:all .2s ease}.booking-calendar-table tbody td.room-name-cell{background:#f4e4c1;font-weight:600;color:#000;padding:6px 8px;border-right:2px solid #B8860B;min-width:80px;width:80px;text-align:left}.booking-calendar-table tbody td.room-name-cell .room-info{display:flex;flex-direction:column;gap:2px}.booking-calendar-table tbody td.room-name-cell .room-info strong{font-size:.75rem;color:#000;font-weight:700;line-height:1.2}.booking-calendar-table tbody td.room-name-cell .room-info .room-number{font-size:.65rem;color:#8b6914;font-weight:400}.booking-calendar-table tbody td.date-name-cell{background:#f4e4c1;font-weight:600;color:#000;padding:6px 4px;border-right:2px solid #B8860B;min-width:50px;width:50px;vertical-align:middle}.booking-calendar-table tbody td.date-name-cell .date-info{display:flex;flex-direction:column;align-items:center;gap:2px}.booking-calendar-table tbody td.date-name-cell .date-info .day-name{font-size:.7rem;font-weight:700;color:#000;line-height:1.1}.booking-calendar-table tbody td.date-name-cell .date-info .date-number{font-size:.65rem;color:#8b6914;line-height:1.1}.booking-calendar-table tbody td.booking-cell{padding:8px 4px;cursor:default;position:relative;min-width:60px;width:60px}.booking-calendar-table tbody td.booking-cell.available{background:#fff;cursor:pointer}.booking-calendar-table tbody td.booking-cell.available:hover{background:#b8860b1a;border-color:#b8860b}.booking-calendar-table tbody td.booking-cell.available .slot-content i{color:#28a745;font-size:1.1rem}.booking-calendar-table tbody td.booking-cell.booked{background:#ccc;color:#666;cursor:not-allowed}.booking-calendar-table tbody td.booking-cell.booked .slot-content{opacity:.6}.booking-calendar-table tbody td.booking-cell.booked .slot-content i{color:#dc3545;font-size:1.1rem}.booking-calendar-table tbody td.booking-cell.pending{background:#fff3cd;color:#666;cursor:not-allowed}.booking-calendar-table tbody td.booking-cell.pending .slot-content{opacity:.8}.booking-calendar-table tbody td.booking-cell.pending .slot-content i{color:#ffc107;font-size:1.1rem}.booking-calendar-table tbody td.booking-cell.selected{background:#daa520;border-color:#b8860b;color:#000;font-weight:600;cursor:pointer;box-shadow:inset 0 0 8px #b8860b4d}.booking-calendar-table tbody td.booking-cell.selected:hover{background:#b8860b}.booking-calendar-table tbody td.booking-cell.selected .slot-content i{color:#b8860b;font-size:1.1rem;animation:pulse 1s infinite}.booking-calendar-table tbody td.booking-cell .slot-content{display:flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1.2}.booking-calendar-table tbody td.booking-cell .slot-content i{transition:all .2s ease}.booking-calendar-table tbody td.booking-cell .slot-content small{display:block;font-size:.65rem;margin-top:2px;font-weight:400}.date-cell{display:flex;flex-direction:column;align-items:center;gap:5px}.date-cell .day-name{font-size:.9rem;font-weight:600;color:#b8860b}.date-cell .date-number{font-size:1rem;color:#daa520}.selected-bookings{margin-top:30px;background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 20px #0000004d;border:2px solid #B8860B}.selected-bookings h3{font-size:1.4rem;font-weight:600;color:#000;margin-bottom:20px;display:flex;align-items:center;gap:10px}.selected-bookings h3:before{content:"✓";background:#b8860b;color:#000;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.selected-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.selected-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f4e4c1;border-radius:10px;border:1px solid #B8860B;transition:all .2s ease}.selected-item:hover{box-shadow:0 5px 20px #0000004d;transform:translate(5px)}.selected-item .selected-info{display:flex;flex-direction:column;gap:5px}.selected-item .selected-info strong{color:#000;font-size:1rem}.selected-item .selected-info span{color:#666;font-size:.9rem}.selected-item .remove-btn{background:#000;color:#b8860b;border:2px solid #B8860B;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.selected-item .remove-btn:hover{background:#b8860b;color:#000;transform:rotate(90deg)}.selected-item .remove-btn i{font-size:1rem}.confirm-booking-btn{width:100%;padding:15px;background:linear-gradient(135deg,#daa520,#b8860b);color:#000;border:2px solid #B8860B;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.confirm-booking-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#000;transition:left .3s ease;z-index:0}.confirm-booking-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #b8860b33;color:#daa520}.confirm-booking-btn:hover:before{left:0}.confirm-booking-btn span{position:relative;z-index:1}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@media (max-width: 768px){.hero-section h1{font-size:2rem}.rooms-section{padding:30px 0 40px}.booking-calendar-section{padding:30px 0}.section-title{font-size:1.6rem;margin-bottom:20px}.section-title:after{width:60px;height:2px;margin:10px auto 0}.room-slider-slick{padding:0;margin-bottom:10px}.room-slider-slick .slick-list{padding:15px 0}.room-slider-slick .slick-slide{padding:10px 8px}.room-slider-slick .slick-prev,.room-slider-slick .slick-next{width:36px;height:36px;border-width:1.5px}.room-slider-slick .slick-prev i,.room-slider-slick .slick-next i{font-size:14px}.room-slider-slick .slick-prev{left:-15px}.room-slider-slick .slick-next{right:-15px}.room-slider-slick .slick-dots{display:block!important;bottom:-30px}.room-slider-slick .slick-dots li{margin:0 3px}.room-slider-slick .slick-dots li button:before{font-size:10px}.room-card{margin:0 3px;border-radius:10px}.room-image{height:180px}.room-content{padding:14px}.room-name{font-size:1.2rem;margin-bottom:6px;padding-bottom:6px;gap:8px;flex-wrap:wrap}.room-name:after{width:30px}.room-number-badge{font-size:.75rem;padding:3px 10px}.room-description{font-size:.85rem;margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.price-list{padding:10px;margin-bottom:12px}.price-list h4{font-size:.9rem;margin-bottom:6px}.price-list h4:before{font-size:1rem}.price-item{padding:5px 0}.price-time{font-size:.8rem}.price-amount{font-size:.85rem}.amenities{margin-top:12px;margin-bottom:12px}.amenities h4{font-size:.9rem;margin-bottom:8px}.amenities-list{gap:6px}.amenity-tag{font-size:.75rem;padding:4px 8px}.amenity-tag i{font-size:.7rem}.book-btn{padding:10px 8px;font-size:.85rem;letter-spacing:.3px}.calendar-legend{gap:12px;margin-bottom:20px}.calendar-legend .legend-item{font-size:.8rem;padding:6px 12px;gap:8px}.calendar-legend .legend-icon{font-size:1.1rem}.calendar-legend .legend-label{font-size:.8rem}.calendar-wrapper{padding:0;overflow-x:auto;border-radius:0}.booking-calendar-table{font-size:.7rem;min-width:450px}.booking-calendar-table thead th{padding:4px 2px;font-size:.65rem}.booking-calendar-table thead th.date-header{min-width:40px;width:40px;font-size:.65rem}.booking-calendar-table thead th.room-header{min-width:70px;width:70px;font-size:.65rem}.booking-calendar-table thead th.time-slot-header{min-width:50px;width:50px;font-size:.6rem}.booking-calendar-table tbody td.date-name-cell{padding:4px 2px;min-width:40px;width:40px}.booking-calendar-table tbody td.date-name-cell .date-info{gap:1px}.booking-calendar-table tbody td.date-name-cell .date-info .day-name{font-size:.65rem}.booking-calendar-table tbody td.date-name-cell .date-info .date-number{font-size:.6rem}.booking-calendar-table tbody td.room-name-cell{padding:4px 6px;min-width:70px;width:70px}.booking-calendar-table tbody td.room-name-cell .room-info{gap:1px}.booking-calendar-table tbody td.room-name-cell .room-info strong{font-size:.65rem}.booking-calendar-table tbody td.room-name-cell .room-info .room-number{font-size:.55rem}.booking-calendar-table tbody td.booking-cell{padding:6px 2px;min-width:50px;width:50px}.booking-calendar-table tbody td.booking-cell.available .slot-content i,.booking-calendar-table tbody td.booking-cell.booked .slot-content i,.booking-calendar-table tbody td.booking-cell.pending .slot-content i,.booking-calendar-table tbody td.booking-cell.selected .slot-content i{font-size:.95rem}.booking-calendar-table tbody td.booking-cell .slot-content{font-size:.65rem}.booking-calendar-table tbody td.booking-cell .slot-content small{font-size:.6rem}.date-cell .day-name{font-size:.8rem}.date-cell .date-number{font-size:.9rem}.selected-bookings{padding:15px}.selected-bookings h3{font-size:1.2rem}.selected-item{padding:12px}.selected-item .selected-info strong{font-size:.9rem}.selected-item .selected-info span{font-size:.8rem}.selected-item .remove-btn{width:30px;height:30px}.selected-item .remove-btn i{font-size:.9rem}.confirm-booking-btn{padding:12px;font-size:1rem}}.room-show-page .room-hero{background:#000;padding:40px 0;margin-bottom:40px}.room-show-page .room-hero h1{color:#f4e4c1;margin:0}.room-show-page .room-gallery-slider{position:relative;margin-bottom:40px;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #b8860b66}.room-show-page .room-gallery-slider .gallery-slide{position:relative;width:100%;height:500px;display:flex;align-items:center;justify-content:center;background:#000}.room-show-page .room-gallery-slider .room-image{width:100%;height:100%;object-fit:cover;display:block}.room-show-page .room-gallery-slider.slick-slider{margin:0;padding:0}.room-show-page .room-gallery-slider.slick-slider .slick-list{height:500px;border-radius:10px;overflow:hidden}.room-show-page .room-gallery-slider.slick-slider .slick-track{height:100%;display:flex}.room-show-page .room-gallery-slider.slick-slider .slick-slide{height:500px;width:100%}.room-show-page .room-gallery-slider.slick-slider .slick-prev,.room-show-page .room-gallery-slider.slick-slider .slick-next{width:50px;height:50px;background:#b8860be6;border:2px solid #B8860B;border-radius:50%;z-index:10;transition:all .3s ease}.room-show-page .room-gallery-slider.slick-slider .slick-prev:hover,.room-show-page .room-gallery-slider.slick-slider .slick-next:hover{background:#b8860b}.room-show-page .room-gallery-slider.slick-slider .slick-prev i,.room-show-page .room-gallery-slider.slick-slider .slick-next i{color:#fff;font-size:1.2rem}.room-show-page .room-gallery-slider.slick-slider .slick-prev{left:20px}.room-show-page .room-gallery-slider.slick-slider .slick-next{right:20px}.room-show-page .room-gallery-slider.slick-slider .slick-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;list-style:none;margin:0;background:#000c;padding:10px 15px;border-radius:30px}.room-show-page .room-gallery-slider.slick-slider .slick-dots li{width:12px;height:12px;border-radius:50%;background:#f4e4c180;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.room-show-page .room-gallery-slider.slick-slider .slick-dots li.slick-active{background:#b8860b;width:30px;border-radius:6px;border-color:#daa520}.room-show-page .room-gallery-slider.slick-slider .slick-dots li:hover{background:#daa520}.room-show-page .room-gallery-slider.slick-slider .slick-dots button{display:none}.room-show-page .room-info{background:#f5f5f5;padding:30px;border-radius:10px;margin-bottom:30px}.room-show-page .room-title{color:#000;font-size:2.5rem;font-weight:700;margin-bottom:15px;display:flex;align-items:center;gap:15px}.room-show-page .room-number{background:#b8860b;color:#fff;padding:5px 15px;border-radius:5px;font-size:.9rem;font-weight:600}.room-show-page .room-description{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:20px}.room-show-page .pricing-section{background:#fff;border:2px solid #F4E4C1;border-radius:10px;padding:25px;margin-bottom:30px}.room-show-page .pricing-title{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:10px}.room-show-page .pricing-title i{color:#b8860b}.room-show-page .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.room-show-page .price-item{background:linear-gradient(135deg,#f9f9f9,#f4e4c1);padding:20px;border-radius:8px;text-align:center;border-left:4px solid #B8860B;transition:all .3s ease}.room-show-page .price-item:hover{transform:translateY(-5px);box-shadow:0 5px 20px #b8860b33}.room-show-page .price-label{color:#666;font-size:.95rem;font-weight:500;margin-bottom:8px;display:block}.room-show-page .price-value{color:#b8860b;font-size:1.8rem;font-weight:700}.room-show-page .amenities-section{background:#fff;border:2px solid #F4E4C1;border-radius:10px;padding:25px;margin-bottom:30px}.room-show-page .amenities-title{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:10px}.room-show-page .amenities-title i{color:#b8860b}.room-show-page .amenities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.room-show-page .amenity-item{display:flex;align-items:center;gap:12px;padding:15px;background:#f5f5f5;border-radius:8px;transition:all .3s ease}.room-show-page .amenity-item:hover{background:#f4e4c1;transform:translate(5px)}.room-show-page .amenity-icon{font-size:1.5rem;color:#b8860b;width:40px;display:flex;align-items:center;justify-content:center}.room-show-page .amenity-name{color:#000;font-weight:500;font-size:.95rem}.room-show-page .booking-section{background:linear-gradient(135deg,#8b6914,#000);padding:30px;border-radius:10px;text-align:center;margin-bottom:30px}.room-show-page .booking-text{color:#f4e4c1;margin-bottom:15px;font-size:1.1rem}.room-show-page .booking-btn{background:#b8860b;color:#fff;border:none;padding:15px 40px;font-size:1.1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.room-show-page .booking-btn:hover{background:#daa520;transform:scale(1.05);box-shadow:0 10px 30px #b8860b80;color:#fff;text-decoration:none}.room-show-page .empty-state{text-align:center;padding:40px;background:#f5f5f5;border-radius:10px;color:#666}.room-show-page .empty-state i{font-size:3rem;color:#b8860b;margin-bottom:15px;display:block}
