/* Divine Hotels & Resorts - small additions for the dynamic parts.
   The website design is in plugein.css (unchanged). This file only styles what is new:
   the rooms/guests picker, form messages, gallery filter, blog cards, promo code. */

/* ----- booking bar: rooms / adults / children open the per-room picker ----- */
.booking-home form.search-bar{position:relative;width:100%;margin:0}
.booking-home input.input[readonly]{cursor:pointer}
.booking-home button.book-btn{cursor:pointer;flex:none;min-width:150px;padding:0 18px;width:auto}
.booking-home button.book-btn:hover{background:#e8bd45}
.booking-home select.hotel-list option{background:#fff;color:#16232d}
.bk-pop{position:absolute;z-index:20;top:calc(100% + 10px);right:0;width:340px;max-width:92vw;background:#fff;border-radius:14px;box-shadow:0 24px 60px -20px rgba(1,37,56,.45);padding:16px;color:#16232d;text-align:left;font-family:'Mulish',sans-serif}
.bk-pop[hidden]{display:none}
.bk-room{border-bottom:1px solid #e4ddd0;padding:6px 0 12px;margin-bottom:10px}
.bk-room[hidden]{display:none}
.bk-room-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:15px}
.bk-room-row{display:flex;gap:10px}
.bk-room-row label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:#16232d;margin:0}
.bk-room-row label small{font-weight:500;color:#5f6b74}
.bk-room-row select{height:40px;border:1px solid #e4ddd0;border-radius:8px;background:#fff;padding:0 8px;font-size:15px}
.bk-pop-f{display:flex;justify-content:space-between;align-items:center}
.bk-pop .lnk{background:none;border:0;padding:0;color:#044b72;font-weight:700;cursor:pointer;text-decoration:underline;font-size:14px}
.bk-pop .lnk[hidden]{display:none}
.bk-done{background:#daa70b;border:0;border-radius:40px;padding:8px 20px;font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
@media (max-width:767px){.bk-pop{left:0;right:0;width:auto}.booking-home button.book-btn{width:100%}}

/* ----- forms (popup, contact, hotel page quote) ----- */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{min-height:1.2em;font-weight:700;margin:6px 0;font-size:14px}
.form-msg.err{color:#ffb4ac}
.form-msg.ok{color:#9be0b5}
.cnct-frm .form-msg.err{color:#b3261e}
.cnct-frm .form-msg.ok{color:#1d7a3e}
.bad{border-color:#c0392b!important;outline:1px solid #c0392b}
button[disabled]{opacity:.6;cursor:wait}
.form-holderpp .frm-pp-btn,.cnct-frm .cntpg-frm-btn,.cs-frm-grp .btn{cursor:pointer}
.cs-frm-grp input[type=date]{color:#555}
.dh-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#103e58;color:#fff;padding:10px 18px;border-radius:999px;z-index:2000;font-weight:700;font-size:14px;box-shadow:0 10px 30px -12px rgba(0,0,0,.4)}

/* ----- promo code ----- */
.ofr-code{display:inline-block;background:#fff8e2;border:1px dashed #daa70b;color:#103e58;font-weight:800;letter-spacing:2px;padding:0 8px;border-radius:6px;cursor:pointer}
.offer .ofr-desc p{color:#fff;font-size:16px;margin:15px 0 12px;max-width:500px;text-align:left}
.offer .ofr-terms{color:#fff;font-size:13px;max-width:500px;margin-bottom:60px}
.offer .ofr-terms summary{cursor:pointer;color:#ffeb00}
.offer .ofr-terms ul{padding-left:18px;text-align:left}
.offer .text .price .ofr-code{color:#103e58}
.ofr-intro{margin-top:10px;font-size:15px;color:#555}

/* ----- amenity icon fallback (when no PNG is uploaded) ----- */
.amn-svg{width:46px;height:46px;color:#daa70b;display:block;margin:0 auto 10px}

/* ----- hotel page ----- */
.htls-col h1.htl-name{font-weight:400;color:#024469;line-height:35px;font-size:32px;margin:0;letter-spacing:1px;font-family:"Bonheur Royale",cursive}
.htls-col .bannar-hm img{width:100%;height:460px;object-fit:cover;border-radius:12px}
.rm-tbl .rm-price{color:#a77d05;font-weight:700}
.rm-book{display:inline-block;width:auto;margin:10px 0 0;padding:8px 28px;background:#daa70b;color:#000}
.rm-book:hover{background:#003756;color:#fff;border-color:#003756;text-decoration:none}
.form-holder-dtl-pg{height:auto}
.form-holder-dtl-pg .form-msg{margin:-10px 0 10px}
.tab-content .accordion-content p:last-child{margin-bottom:0}
@media (max-width:767px){.htls-col .bannar-hm img{height:240px}}

/* ----- gallery filter ----- */
.glry-filter{margin:0 0 30px}
.glry-filter .chip{display:inline-block;width:auto;margin:4px;padding:8px 18px;background:#fff}
.glry-filter .chip.is-on,.glry-filter .chip:hover{background:#024469;border-color:#024469;color:#fff;text-decoration:none}
.gallery-container [data-f].is-hidden{display:none}
.hbr-glry img{cursor:pointer;width:100%;height:260px;object-fit:cover;border-radius:8px}

/* ----- inner pages: same background as the about column, normal links ----- */
.pg-col{width:100%;padding:60px 0;background:#fff url(/images/obg1.png) no-repeat right}
.pg-col a{color:#024469}
.pg-col .rs4-card-btn-alt{color:#daa70b}
.pg-col .blg-pager .is-on,.pg-col .chip.is-on{color:#fff}
.pg-col .btn-4{background:#003756;border-radius:20px;color:#fdfdfc;font-size:14px;text-decoration:none;padding:12px 20px;text-transform:uppercase;letter-spacing:2px;display:inline-block;margin:6px 4px}
.pg-col .btn-4:hover{color:#fff;text-decoration:none}
.abut-col a.sgt-img{background:none;padding:0;border-radius:0;display:block}
.abut-col a.sgt-img img{border-radius:8px}

/* ----- sightseeing ----- */
.sgt-more{display:inline-block;margin:6px 0 30px;text-transform:uppercase;font-size:13px;letter-spacing:1px}
.blg-body .sgt-more{color:#daa70b}
.blg-body .sgt-more:hover{color:#003756;text-decoration:none}
.sgt-detail .sgt-cnt p,.sgt-detail .sgt-cnt li{font-size:14px;color:#323232;line-height:24px}
.sgt-detail .sgt-cnt h2{font-size:22px;color:#024469;margin:20px 0 10px;font-family:'Mulish',sans-serif;font-weight:700}
.sgt-htl .rs4-img{height:220px;width:100%;object-fit:cover}
.sgt-htl{border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 8px 18px rgba(0,0,0,.08)}
.sgt-htl .rs4-cap{padding:6px 14px;color:#216d98;font-weight:600;font-size:22px;font-family:"Bonheur Royale",cursive;letter-spacing:3px;text-align:center}
.sgt-htl .rs4-card-btn-alt{margin:auto;display:block;text-align:center;padding:8px;width:50%;margin-bottom:20px}
.abt-txt p,.pg-cnt p,.pg-cnt li{font-size:14px;color:#323232;line-height:26px}
.pg-cnt h2{font-size:22px;color:#024469;margin:24px 0 10px;font-family:'Mulish',sans-serif;font-weight:700}
.pg-cnt h3{font-size:18px;color:#024469;margin:18px 0 8px;font-family:'Mulish',sans-serif;font-weight:700}
.cnt-htls{margin-top:30px}
.cnt-htls li a{color:#024469;font-weight:700}
.cnt-intro p{font-size:14px;color:#323232}
.thx-msg p{font-size:15px;color:#323232}

/* ----- blog ----- */
.blg-col{padding-bottom:40px}
.blg-filter{margin-bottom:14px}
.blg-search{display:inline-flex;gap:8px;align-items:center;margin:6px 0 20px}
.blg-search input{height:40px;border:1px solid #d7d7d7;border-radius:40px;padding:0 16px;min-width:240px;font-size:14px}
.blg-search .rs4-card-btn-alt{width:auto;margin:0;padding:8px 20px;cursor:pointer}
.blg-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 18px rgba(0,0,0,.08);height:100%;display:flex;flex-direction:column;text-align:left}
.blg-img img{width:100%;height:220px;object-fit:cover;display:block}
.blg-body{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}
.blg-body .sgt-hdng{font-size:17px;line-height:1.4}
.blg-body .sgt-hdng a{color:#024469}
.blg-body .fnt-p{flex:1}
.blg-body .sgt-more{margin-bottom:0}
.blg-meta{font-size:12px;color:#777;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
.blg-meta a{color:#a77d05}
.blg-draft{background:#fff3cf;display:inline-block;padding:4px 12px;border-radius:8px;font-weight:700}
.blg-pager .rs4-card-btn-alt{display:inline-block;width:auto;margin:4px;padding:8px 16px}
.blg-pager .is-on{background:#024469;color:#fff;border-color:#024469}
.blg-post{text-align:left}
.blg-cover{width:100%;border-radius:14px;margin-bottom:24px;max-height:520px;object-fit:cover}
.blg-excerpt{font-size:16px!important;font-weight:600}
.blg-toc{background:#fdf4e2;border-radius:12px;padding:16px 20px;margin:0 0 24px}
.blg-toc ul{margin:0}
.blg-content p,.blg-content li{font-size:15px;color:#323232;line-height:28px}
.blg-content h2{font-size:24px;color:#024469;margin:28px 0 12px;font-family:'Mulish',sans-serif;font-weight:700}
.blg-content h3{font-size:19px;color:#024469;margin:22px 0 8px;font-family:'Mulish',sans-serif;font-weight:700}
.blg-content img{max-width:100%;height:auto;border-radius:10px;margin:12px 0}
.blg-content blockquote{border-left:4px solid #daa70b;margin:20px 0;padding:6px 16px;background:#fdf4e2}
.blg-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.blg-content th,.blg-content td{border:1px solid #e4ddd0;padding:8px 10px;text-align:left}
.blg-tags .rs4-card-btn-alt{display:inline-block;width:auto;margin:2px 4px 2px 0;padding:4px 12px;font-size:11px}
.blg-share{margin:20px 0;font-weight:700;color:#024469}
.blg-share a{display:inline-block;width:38px;height:38px;line-height:38px;text-align:center;border:1px solid #d7d7d7;border-radius:50%;color:#024469;margin-left:6px}
.blg-share a:hover{background:#024469;color:#fff;text-decoration:none}
.blg-cta{margin:30px 0 0;background:#fdf4e2;border:1px solid #daa70b}
.blg-cta h3{font-size:22px}
.blg-cta h3 span{display:block;font-family:"Bonheur Royale",cursive;font-size:30px;color:#a77d05}