/* Hotel Divine Paradise - additions on top of the Cappa theme (theme colours unchanged) */

/* WhatsApp inline link + buttons */
.dp-inline-wa { color:#fff; font-size:16px; border-bottom:1px solid #aa8453; padding-bottom:2px; }
.dp-inline-wa:hover { color:#e4c48e; }
.dp-inline-wa i, .btn-form1-submit i, .butn-dark2 i, .dp-ico { margin-right:6px; }
.dp-ico { font-size:26px; color:#aa8453; }
.dp-or { margin-left:14px; font-size:15px; }
.dp-or a { color:#aa8453; }

/* Photo grids: uniform thumbnail height */
.dp-photos .gallery-item { margin-bottom:24px; }
.dp-photos .gallery-img img { width:100%; height:260px; object-fit:cover; }
@media (max-width:767px){ .dp-photos .gallery-img img { height:170px; } }

/* Room cards: equal image height */
.rooms1 .item .position-re img { width:100%; height:260px; object-fit:cover; }

/* Native select in contact form to match inputs */
.dp-native-select { width:100%; height:50px; padding:0 15px; border:1px solid #ececec; background:#fff; color:#777; font-family:'Barlow',sans-serif; }
.contact .form-group input, .contact .form-group textarea { width:100%; }

.footer-contact-text a, .footer-contact-info a { color:inherit; }
.footer-contact-text a:hover, .footer-contact-info a:hover { color:#aa8453; }
.dp-managed { margin-top:14px; font-size:14px; opacity:.85; }
.facilties .single-facility h5 a:hover { color:#aa8453; }

/* Home booking bar: stack nicely on small screens */
@media (max-width:991px){ .booking-wrapper{ position:relative; bottom:auto; padding:30px 0; background:#1c1c1c; } }
.input1_inner.dp-plain:after{display:none !important;}
#enquiry .background{padding-bottom:70px !important;}

/* Logo (white on hero, black when header turns white) */
.cappa-header .cappa-logo img { width:200px; height:auto; display:block; }
.cappa-header.scrolled .cappa-logo img { width:125px; }
@media (max-width:575px){ .cappa-header .cappa-logo img{width:140px;} .cappa-header.scrolled .cappa-logo img{width:105px;} }

/* Burger icon: white (dark only when header is white or menu is open) */
.cappa-nav-toggle i, .cappa-nav-toggle i:before, .cappa-nav-toggle i:after { background:#fff !important; height:2px; }
.cappa-header.scrolled .cappa-nav-toggle i, .cappa-header.scrolled .cappa-nav-toggle i:before, .cappa-header.scrolled .cappa-nav-toggle i:after,
body.menu-open .cappa-nav-toggle i:before, body.menu-open .cappa-nav-toggle i:after { background:#1c1c1c !important; }
.cappa-nav-toggle.active i { background:transparent !important; }

/* Floating buttons: call LEFT, WhatsApp RIGHT */
.dp-call, .dp-wa { position:fixed; bottom:18px; z-index:101; width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; box-shadow:0 4px 14px rgba(0,0,0,.3); transition:transform .2s ease; }
.dp-call:hover, .dp-wa:hover { transform:scale(1.08); color:#fff; }
.dp-call { left:18px; background:#aa8453; font-size:21px; }
.dp-wa { right:18px; background:#25d366; font-size:30px; }
.progress-wrap { right:23px !important; bottom:86px !important; }
@media (max-width:575px){ .dp-call,.dp-wa{width:50px;height:50px;bottom:12px;} .dp-call{left:12px;} .dp-wa{right:12px;} .progress-wrap{right:15px !important;bottom:72px !important;} }

/* Home booking bar (name, phone, dates, room, guests) */
.booking-wrapper .dp-bar { display:grid; grid-template-columns:repeat(12,1fr); gap:1px; background:rgba(255,255,255,.28); padding:1px; box-shadow:0 10px 30px rgba(0,0,0,.25); }
.dp-bar .dp-cell { background:#fff; height:62px; overflow:hidden; min-width:0; }
.dp-bar .dp-s2{grid-column:span 2;} .dp-bar .dp-s3{grid-column:span 3;} .dp-bar .dp-s4{grid-column:span 4;}
.dp-bar .dp-btn { background:#aa8453; }
.dp-bar .select1_inner, .dp-bar .select2-container { margin:0 !important; }
.dp-bar .select2 { margin-bottom:0; }
.dp-bar .input1_inner input { height:62px; }
@media (max-width:991px){
  .booking-wrapper { position:relative; bottom:auto; padding:26px 0; background:#1c1c1c; }
  .booking-wrapper .dp-bar { gap:10px; background:transparent; padding:0; box-shadow:none; grid-template-columns:repeat(2,1fr); }
  .dp-bar .dp-s2,.dp-bar .dp-s3,.dp-bar .dp-s4{grid-column:span 1;}
  .dp-bar .dp-s4,.dp-bar .dp-btn{grid-column:span 2;}
}
@media (max-width:420px){ .booking-wrapper .dp-bar{grid-template-columns:1fr;} .dp-bar .dp-s2,.dp-bar .dp-s3,.dp-bar .dp-s4,.dp-bar .dp-btn{grid-column:span 1;} }