.inputs input[type="text"], .inputs input[type="email"], .inputs input[type="tel"], .inputs input[type="password"], .inputs select, .inputs textarea{border-radius: 8px;border: none;}
select.disable{ pointer-events: none; opacity: 0.6; background-color: #e9ecef; }
input:read-only{opacity: 0.6;background-color: var(--color-light);padding: 5px;border: 1px solid #c8b18b;}
.visually-disabled { opacity: 0.5; pointer-events: none; cursor: not-allowed; }
#venuePdfDropzone.dropzone.dz-disabled,
.venue-registration-page textarea:disabled {opacity: 0.5; pointer-events: none; cursor: not-allowed;}
.dropzone .dz-preview.dz-error .dz-error-message{top: 145px;}
.dz-error-message span{white-space: normal;}

/* Highlight class */
.active-highlight { border: 1px solid var(--color-primary) !important; padding-left: 10px; position: relative; transition: background-color 0.5s ease; }

@keyframes glow-border {
    0%   { box-shadow: 0 0 0px var(--color-primary); }
    25%  { box-shadow: 0 0 10px var(--color-primary); }
    50%  { box-shadow: 0 0 0px var(--color-primary); }
    75%  { box-shadow: 0 0 10px var(--color-primary); }
    100% { box-shadow: 0 0 6px var(--color-primary); }
}

.glow-border { animation: glow-border 2.5s ease-in-out 2 forwards; }

/*header*/
.html-home-page .header{background: transparent;}
.header-lower .header-menu .top-menu.notmobile{display: none !important;}
.header-links-wrapper{display: none;}
.header-lower .header-menu .menu-toggle{display: block;}
.header-lower .header-menu{ display: flex;flex-direction:column; align-items: flex-end; }
.header-lower .header-menu .menu-toggle {padding: 15px; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; cursor: pointer; border-radius: 6px;max-width: 55px;background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23fff" d="M96 160C96 142.3 110.3 128 128 128L512 128C529.7 128 544 142.3 544 160C544 177.7 529.7 192 512 192L128 192C110.3 192 96 177.7 96 160zM96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320zM544 480C544 497.7 529.7 512 512 512L128 512C110.3 512 96 497.7 96 480C96 462.3 110.3 448 128 448L512 448C529.7 448 544 462.3 544 480z"/></svg>');font-size: 0;background-color: transparent;} 
.header-lower .header-menu .top-menu.mobile {flex-direction: column; position: absolute;top: 38px;left: 0; background: #91703A;padding: 0;border-radius: 10px;min-width: 200px;border-radius: 4px;}
.header-lower .header-menu .top-menu.mobile li a{ text-align: left; display: block; text-decoration: none !important;}
.header-lower .header-logo{flex: 1;display: flex; justify-content: center;}
.header-lower{flex-direction: row-reverse;}
.header-lower .header-logo a img{width: 100%;height: 100%;}

.btn-exit-link{color: #fff !important;font-size: 22px;}
.btn-exit-link i{margin: 0 !important;}

p.no-result{ color: #444 !important; font-size: 24px; text-align: center; padding-top: 50px;background: #f9f9f9;padding-bottom: 50px;margin-bottom: 50px;border-radius: 8px;border: 1px solid #ddd; }

.venue-registration-page input,
.venue-registration-page select,
.venue-registration-page textarea{outline: none !important;}
.inputs.web-link-wrapper input.WebsiteUrl{height: 150px !important;}
.venue-registration-page textarea.WhatsOn{height: 150px}
.dropzone{border:1px dashed #ddd !important;display:flex;flex-wrap: wrap;justify-content:center;}
#aboutTextCounter,
#whatsOnCounter{ position: absolute; bottom: 5px; right: 10px; font-size: 12px; color: gray; z-index: 9; }
.title-label{font-size: 40px !important;}
.dropzone .dz-message { text-align: center; font-size: 16px; color: #666; padding: 40px 0; opacity: 0.9; }
.dropzone { border: 2px dashed #ccc; border-radius: 10px; background: #fafafa; transition: all 0.3s; }
.dropzone:hover { background: #f5f5f5; } 
.dropzone .dz-preview.dz-image-preview{background:transparent !important;}
.dropzone .dz-message { transition: opacity 0.3s ease; }
.dropzone.files-added .dz-message { opacity: 0; pointer-events: none; } 

.checkbox-list-select { display: none; margin-top: 10px; }
.features-label {display: flex !important; justify-content: space-between; width: 100% !important; background-color: transparent;background-color: var(--color-primary ); padding: 8px 18px; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-weight: 600; font-size: 18px !important; color: #fff !important;}
.features-label span svg *{stroke: #fff;}
.features-label.active span { transform: rotate(180deg); }

/* 🔥 Marquee Overlay */
.html-venue-list-page .feature-marquee { position: relative; width: 100%; padding: 0; box-sizing: border-box; background: transparent; overflow: hidden; }
.html-venue-list-page .venue-features-marquee { width: 100%; display: block; }
.html-venue-list-page .venue-features-marquee .feature-slide { display: inline-block; vertical-align: middle; padding-right: 10px; box-sizing: content-box; }
.html-venue-list-page .feature-tag { display: inline-block; background: #f3f4f6; color: #222; padding: 6px 10px; border-radius: 14px; font-size: 0.65rem; white-space: nowrap; line-height: 1; margin: 0; border: 1px solid rgba(0,0,0,0.06); }
.html-venue-list-page .feature-tag:hover { background: #e9eef2; }
.html-venue-list-page .venue-features-marquee .slick-dots { display: none; }

.html-venue-list-page .venue-list {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 24px;padding: 20px 0;}
.html-venue-list-page .venue-card {position: relative; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: all 0.3s ease; display: flex; flex-direction: column; }
.venue-card a{text-decoration: none;}
.venue-card .tier-plan { position: absolute; top: 20px; left: -40px; padding: 4px 60px; text-align: center; font-weight: 700; font-size: 12px; text-transform: uppercase; transform: rotate(-45deg); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); z-index: 10; }
.tier-plan.gold { background: linear-gradient(135deg, #FFD700, #E6BE00); color: #222; }
.tier-plan.silver { background: linear-gradient(135deg, #C0C0C0, #4c4c4c); color: #fff; }
.tier-plan.bronze { background: linear-gradient(135deg, #CD7F32, #A97142); color: #fff; }
.html-venue-list-page .venue-slider { width: 100%; height: 220px; position: relative;margin: 0 !important;}
.html-venue-list-page .venue-slider img { width: 100%; height: 220px; object-fit: contain; border-bottom: 1px solid #eee; }
.html-venue-list-page .venue-slider .slick-slide{cursor: pointer;}
.html-venue-list-page .slick-prev{left:15px; z-index: 99;}
.html-venue-list-page .slick-next{right: 15px;z-index: 99;}
.html-venue-list-page .slick-prev:before,
.html-venue-list-page .slick-next:before { color: #bfa984;}
.html-venue-list-page .slick-prev:hover,
.html-venue-list-page .slick-next:hover {}
.html-venue-list-page .slick-prev i,
.html-venue-list-page .slick-next i { color: #fff; font-size: 14px; }
.html-venue-list-page .slick-dots {bottom: 8px;display: none !important;}
.html-venue-list-page .slick-dots li button:before { font-size: 10px; color: #fff; opacity: 0.7; }
.html-venue-list-page .slick-dots li.slick-active button:before { color: #fff; opacity: 1; }
.html-venue-list-page .venue-content {padding: 16px 18px 20px;display: flex;flex-direction: column;gap: 10px;flex: 1;justify-content: space-between;}
.html-venue-list-page .venue-name {     display: flex;justify-content: space-between;font-size: 1.3rem; font-weight: 600; margin: 0; color: #222; }
.html-venue-list-page .venue-address {color: #666 !important;font-size: 0.95rem;display: flex;align-items: center;gap: 6px;flex: 1;align-items: baseline;}
.html-venue-list-page .venue-reward {word-break:break-all; font-size: 0.95rem; color: #000 !important; background: #fff5e5; padding: 6px 10px; border-radius: 8px; display: inline-block; width: fit-content; }
.html-venue-list-page .venue-reward img{width:24px;height: 24px;object-fit: contain;}
.html-venue-list-page .venue-features { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 6px; }
.html-venue-list-page a.detail-button{ display: flex ; gap: 10px; font-weight: 600; background-color: var(--color-primary); width: 100%; color: #fff; font-size: 17px; border-radius: 8px; justify-content: center; height: 45px; align-items: center;}
.html-venue-list-page a.detail-button span{ width: 20px; height: 20px; fill: #fff; display: flex ; }

.html-venue-list-page .venue-distance {color: var(--color-dark-bg);padding: 10px 15px;background: var(--color-light);padding: 2px 15px;font-size: 13px;border-radius: 20px;display: flex;align-items: center;gap: 10px;min-width: 110px;height: fit-content;white-space: nowrap;}

/*venue-list */
.html-venue-list-page .filter-wrapper{display:flex;justify-content: space-between;align-items: center;}
.html-venue-list-page .filter-wrapper .filter{display: flex;align-items: center;gap: 8px;}
.html-venue-list-page .filter-wrapper .filter p{margin: 0;color: #666 !important;}
.slider-parent-wrapper{position: relative;}
#venueStatus{ border-radius: 8px; height: 40px; font-size: 16px; background: var(--color-light); border-color: var(--color-primary); width: 300px; }
.status-tag{position: absolute; top: 20px; right: 20px; color: #fff; padding: 4px 10px; font-size: 12px; border-radius: 50px; font-weight: 600;}
.status-tag.open{background-color: green;}
.status-tag.close{background-color: red;}

/* .html-venue-list-page .feature-tag { background: #f3f4f6; border-radius: 20px; padding: 5px 12px; font-size: 0.85rem; color: #444; transition: background 0.2s; }
.html-venue-list-page .feature-tag:hover { background: #e5e7eb; }  */

.location-wrapper{position: relative;}
.location-wrapper .find-me-btn{font-family: var(--font-body);position: absolute; right: 0; padding: 8px; border: none; background: #5f4f4b; color: #fff;}

.gallery-slider-wrapper .gallery-slider h3{margin: 0;margin-top:12px; color: #c6af85;}
.gallery-slider-wrapper .gallery-slider h5{color: #c6af85;margin: 0;}

.item-box .product-title a{color: #c6af85 !important;font-weight: bold;text-align: center;}

.inputs.checkbox{flex-direction: row;}
.inputs.checkbox label{margin-bottom: 0;}

.block-account-navigation ul.list{padding: 0;list-style: none;}
.block-account-navigation .list a:before{display: none;}
.block-account-navigation .list li{padding: 0 0 0 10px; }
.block-account-navigation .list .active > a{font-weight: bold;text-decoration: none;}
.block .list a:hover, .block .list a:focus{font-weight: bold;text-decoration: none;}

.login-page .returning-wrapper .form-fields{padding: 30px;}
.login-page .login-password{width: 100%;}
.login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="email"], .login-page .returning-wrapper input[type="password"]{width: 100%; max-width: 100%;}
.login-page .returning-wrapper .inputs.reversed.checkbox{flex-direction:row;justify-content:space-between;}
.login-page .returning-wrapper .inputs.reversed.checkbox:after{content: none;}

/* ===== checkbox pill design ===== */
.checkbox-list-select { display: flex; flex-direction: column; gap: 0px; }

.checkbox-card { background: #fff; padding: 12px 16px; border-radius: 16px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); transition: box-shadow 0.3s, border-left 0.3s; }
.checkbox-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.checkbox-card.active {/* border-left: 4px solid var(--color-primary);*/box-shadow: 0 4px 12px rgba(0,0,0,0.1);background-color: var(--color-light);}

.checkbox-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0;align-items:center; }
.html-venue-registration-page .checkbox-header{cursor: pointer;}
.checkbox-header h3 { font-size: 18px; font-weight: 700; margin: 0; display: flex; align-items: center; gap: 8px; color: #222; }

.toggle-all {font-weight: bold; background: var(--color-primary); color: #fff; border: none; border-radius: 12px; padding: 6px 14px; font-size: 14px; cursor: pointer; transition: background 0.3s, transform 0.2s; }
.html-venue-registration-page .toggle-all {position: absolute;right: 59px;}
.toggle-all:hover { background: red; }

.check-item-list { display: flex; flex-wrap: wrap; gap: 10px 10px; padding: 0; margin: 0;margin-top: 12px; }
.html-venue-registration-page .check-item-list{display: none;}

.checkbox-item { width: fit-content; }
.checkbox-item input { display: none; }
.checkbox-item label { display: inline-block; padding: 7px 15px; background: #f0f0f0; border-radius: 50px; font-size: 14px; cursor: pointer; transition: all 0.25s ease; margin: 0 !important;}
.checkbox-item label:hover { background: var(--color-light); transform: scale(1.05); }
.checkbox-item input:checked + label { background-color: var(--color-primary); color: #fff; /* transform: scale(1.05); */ }

/*tier card desgin*/
.html-venue-registration-page .tier-selection { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 10px; }
.html-venue-registration-page .tier-card {cursor: pointer; display:flex;flex-direction: column;justify-content: space-between; border: 1px solid #e0e0e0; border-radius: 10px; padding: 20px; flex: 1; min-width: 280px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.3s ease; }
.html-venue-registration-page .tier-card:hover { box-shadow: 0 4px 12px rgba(200, 177, 139, 0.3); border-color: #c8b18b; }
.html-venue-registration-page .tier-card.active { border: 2px solid #c8b18b; box-shadow: 0 4px 14px rgba(200, 177, 139, 0.45); transform: translateY(-3px); }
.html-venue-registration-page .tier-header { margin-bottom: 10px; }
.html-venue-registration-page .save-badge { display: inline-block; background: #ffb900; color: #000; font-size: 13px; font-weight: 600; padding: 3px 8px; border-radius: 4px; }
.html-venue-registration-page .tier-header h3 { margin: 10px 0 5px; font-size: 20px; font-weight: 600; }
.html-venue-registration-page .price { font-size: 18px; color: #c8b18b; font-weight: 500; }
.html-venue-registration-page .tier-features { list-style: none; padding: 0; margin: 15px 0;}
.html-venue-registration-page .tier-features li {  position: relative; padding-left: 25px; margin: 6px 0; font-size:16px;}
.html-venue-registration-page .tier-features li:before{content: ""; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='%23c8b18b' d='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/></svg>") no-repeat center / contain;}
.html-venue-registration-page .select-tier {font-weight: 600; background: #c8b18b; color: white; border: none; border-radius: 5px; padding: 10px 16px; cursor: pointer; transition: background 0.3s; width: 100%; font-size: 18px;}
.html-venue-registration-page .select-tier:hover { background: #b69d75; }

.reg-title-wrapper{display: flex;justify-content: space-between;}
.reg-title-wrapper h1{margin: 0;}

.html-order-details-page .master-wrapper-content,
.html-order-details-page .master-column-wrapper{position: initial;}
/* Center trigger button */

/* PASS CARD DESIGN */
.open-pass-btn{width: fit-content;height: auto;}
.sub-pass-card { background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%); border-radius: 20px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); overflow: hidden; text-align: center; display: flex; flex-direction: column; align-items: center; padding: 25px 20px; animation: fadeIn 0.3s ease-in-out;}
.customer-photo-wrapper { background-color: #f0f0f0; padding: 15px; border-radius: 12px; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; }
.customer-photo { width: 200px; height: 200px; border-radius: 10px; object-fit: cover; }
.customer-name { font-size: 1.4rem; margin: 10px 0 5px; color: #2b2b2b; font-weight: 600; }
.badge { background: linear-gradient(135deg, #c8b18b, #b7996e); color: white; font-weight: bold; display: inline-block; padding: 12px 18px; border-radius: 25px; font-size: 0.9rem; margin-bottom: 10px; letter-spacing: 0.5px; box-shadow: 0 3px 5px rgba(200, 177, 139, 0.4); }
.expiry { font-size: 0.9rem; color: #666 !important; margin-top: 5px; }
.expiry span { color: #222; font-weight: 600; }
.qr-code { width: 200px; height: 200px; border-radius: 8px; background: #fff; padding: 6px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); }
 
@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

/* Center modal vertically */

/* Responsive */
@media (max-width: 480px) {
    .pass-card { width: 90%; padding: 20px 15px; }

    .customer-photo,
    .qr-code { width: 90px; height: 90px; }

    .customer-name { font-size: 1.2rem; }
}


.html-venue-detail-page .venue-detail-card { margin: 0 auto; background: white; border-radius: 12px;  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); overflow: hidden; }
.html-venue-detail-page .card-header { background: rgba(55,35,30,0.8); color: white; padding: 25px; text-align: center; }
.html-venue-detail-page .venue-name { font-size: 28px; font-weight: 700; margin-bottom: 5px; color:#fff; }
.html-venue-detail-page .venue-tagline { font-size: 16px; opacity: 0.9; }
.html-venue-detail-page .card-body { padding: 25px; }
.html-venue-detail-page .info-section { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.html-venue-detail-page .info-section:last-of-type { border-bottom: none; }
.html-venue-detail-page .section-title { font-size: 24px; font-weight: 600; color: #2c3e50; margin-bottom: 15px; display: flex; align-items: center; }
.html-venue-detail-page .section-title i { margin-right: 10px; color: #c8b18b; }
.html-venue-detail-page .contact-info { display: flex; flex-wrap: wrap; gap: 0 20px; }
.html-venue-detail-page .contact-item { display: flex; align-items: center; margin-bottom: 12px; flex: 1 1 200px; }
.html-venue-detail-page .contact-info span{font-size: 18px;}
.html-venue-detail-page .contact-item i { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; color: #c8b18b; }
.html-venue-detail-page .social-links { display: flex; gap: 15px; flex-wrap: wrap; }
.html-venue-detail-page .social-link { display: flex; align-items: center; padding: 8px 15px; background: #f8f9fa; border-radius: 50px; text-decoration: none; color: #555; transition: all 0.3s ease; }
.html-venue-detail-page .social-link:hover { background: #c8b18b; color: white; transform: translateY(-2px); }
.html-venue-detail-page .social-link i { margin-right: 8px; }
.html-venue-detail-page .feature-group { margin-bottom: 20px; }
.html-venue-detail-page .feature-group h4{margin-bottom: 6px;}
.html-venue-detail-page .feature-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.html-venue-detail-page .feature-item { display: flex; align-items: center; padding: 4px 0 8px 0; }
.html-venue-detail-page .feature-item i { color: #4CAF50; margin-right: 10px; }
.html-venue-detail-page .venue-images { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 15px; margin-top: 15px; }
.html-venue-detail-page .venue-image { width: 100%; height: 120px; object-fit: cover; border-radius: 8px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; }
.html-venue-detail-page .venue-image:hover { transform: scale(1.05); }
.html-venue-detail-page .download-links { display: flex; flex-wrap: wrap; gap: 15px; }
.html-venue-detail-page .download-link { display: flex; align-items: center; padding: 10px 20px; background: #f0f4ff; border-radius: 8px; text-decoration: none; color: #2c3e50; transition: all 0.3s ease; }
.html-venue-detail-page .download-link:hover { background: #c8b18b; color: white; }
.html-venue-detail-page .download-link i { margin-right: 10px; }
.html-venue-detail-page .text-content { background: #f8f9fa; padding: 15px; border-radius: 8px; margin-top: 10px; }
.html-venue-detail-page .text-content p{color: #000 !important;word-break: break-all;}
.html-venue-detail-page .address-box { background: #f0f4ff; padding: 15px; border-radius: 8px; margin-top: 10px; }
.venue-slider-detail .slick-slide { padding: 8px; }
.venue-slider-detail .venue-image {object-fit: contain;border-radius: 8px;width: 100%;height: 150px;object-fit: cover;box-shadow: 0 3px 10px rgba(0,0,0,0.1);transition: transform 0.3s ease;}
.venue-slider-detail .venue-image:hover { transform: scale(1.05); }

.html-venue-detail-page .opening-hours {display: flex;flex-direction: row;gap: 10px;background: var(--color-light);padding: 0;border-radius: 8px;background: transparent;flex-wrap: wrap;gap: 10px 1%;}
.html-venue-detail-page .day-row {display: flex;justify-content: space-between;align-items: center;padding: 6px 0;/* border-bottom: 1px solid var(--color-primary); */flex: 0 0 32.336%;background: var(--color-light);padding: 10px 15px;/* border-radius: 7px; */font-weight: 900;border: 1px solid var(--color-primary);border-left: 3px solid var(--color-primary);}
.html-venue-detail-page .day-row:last-child {/* border-bottom: none; */}
.html-venue-detail-page .day-name {font-weight: 700;color: #2c3e50;font-size: 15px;text-transform: uppercase;letter-spacing: 0.5px;}
.html-venue-detail-page .day-status { font-size: 16px; color: #555; }
.html-venue-detail-page .day-status.open { color: #4CAF50; font-weight: 500; }
.html-venue-detail-page .day-status.closed { color: #e74c3c; font-weight: 500; } 

@media (max-width: 600px) {
    .html-venue-list-page .venue-card { border-radius: 0; }
    .html-venue-list-page .card-header { padding: 20px 15px; }
    .html-venue-list-page .card-body { padding: 20px 15px; }
    .html-venue-list-page .contact-info { flex-direction: column; gap: 10px; }
    .html-venue-list-page .feature-list { grid-template-columns: 1fr; }
}

/*openinghour*/
#btnFinish,
#output{display: none !important;}
#btnAdd:disabled{background-color: #ee2e24;opacity: 1;border-color: #ee2e24;}
.html-venue-openinghour-page .table td{width: 170px;}

.order-item { background: transparent; border: 1px solid #e2e2e2; border-radius: 12px; padding: 20px 25px; margin: 25px auto; box-shadow: 0 2px 6px rgba(0,0,0,0.05); font-family: "Segoe UI", Arial, sans-serif; }
.order-item .title { font-size: 1.3rem; font-weight: 600; margin-bottom: 15px; color: #222; }
.order-item ul.info { list-style: none; padding: 0;padding-top: 11px; margin: 0px 0 20px; background: transparent;}
.order-item ul.info li {margin: 5px 0;font-size: 0.95rem;color: #444;}
.order-item ul.info li span { font-weight: 500; color: #000; }
.order-status.complete { color: #28a745; font-weight: 600; }
.order-item .buttons { display: flex ; flex-wrap: wrap; gap: 10px; position: relative; margin: 0; top: auto; right: auto; }
.order-item .button-2 {margin: 0; background: var(--color-primary); color: #fff; border: none; border-radius: 8px; padding: 8px 14px; cursor: pointer; font-size: 0.9rem; transition: all 0.2s ease; text-decoration: none; }
.order-item .button-2:hover { background: var(--color-primary); color: #fff;}

/*pagination*/
.pager li a, .pager li span{line-height: normal;border-radius: 8px;}
.pager li a{background-color: transparent;color: #000;}
.pager li span{background-color: var(--color-primary) !important;}
.pager li a:hover, .pager li a:focus{text-decoration: none;background-color: var(--color-primary);color: #fff;}

.form-fields-row{display: flex; justify-content: space-between;gap:20px}
.qr-code-form{ width: 208px; padding: 0px 0 15px; margin-bottom: 5px;}
.qr-code-form img{max-width: 100%;box-shadow: 0 0 8px #ddd; cursor:pointer;}
.form-fields-row .form-fields{flex:1}
.title-btn-wrapper {display:flex;justify-content:space-between}
.open-all-wrapper{display: flex; justify-content: space-between;align-items: center;}
.Open-all{display: none;}

/*order summary*/
.shopping-cart-page .common-buttons{background: transparent !important;}
.earn-reward-points{display: none;width: 300px;}
.cart-footer .totals{background-color: var(--color-light);}
.cart-total .order-total *{font-weight: 600;color: #000;}
.cart-footer .total-info { margin: 0px 0 10px; border-bottom: 1px solid var(--color-primary); padding: 0px 10px 0px; }
.cart-footer{border: none;}
.shopping-cart-page .common-buttons button{background-color: var(--color-primary);}

/*checkout*/
.checkout-page .button-1{font-family: var(--font-body); font-weight: 500; font-size: var(--font-size-base); border-radius: var(--border-radius); padding: var(--space-xs) var(--space-lg); transition: all 0.25s ease-in-out; height: 45px; border-radius: 50px;}
.html-payment-info-page .checkout-page .button-1.payment-stripe-next-step-button{padding: 0;}

/*html-pub-pass-page*/
.html-pub-pass-page .center-1{margin: 0;}
.html-pub-pass-page .header{margin: 0;}
.html-pub-pass-page .pass-card{margin-top: 30px;margin-bottom:100px;}
.html-pub-pass-page .pass-card p.badge{color: #fff !important;}

.html-pub-pass-page .pass-wrapper { display: flex; justify-content: center; align-items: center; padding: 3rem; background-color: #fff8ee; min-height: 100vh; }
.html-pub-pass-page .pass-card { background: #fff; border-radius: 16px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); text-align: center; padding: 2.5rem; max-width: 450px; width: 100%; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.html-pub-pass-page .pass-card:hover { transform: translateY(0); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); }
.html-pub-pass-page .customer-photo { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; margin-bottom: 1rem; border: 4px solid #f2f2f2; padding:20px;}
.html-pub-pass-page .customer-photo:hover{transform:scale(1);}
.html-pub-pass-page .customer-name { font-size: 1.4rem; color: #222; font-weight: 600; margin-bottom: 1.5rem; }
.html-pub-pass-page .info-section p { font-size: 0.95rem; color: #555; margin-bottom: 1.2rem; }
.html-pub-pass-page .info-section strong { color: #333; }
.html-pub-pass-page .button-section { display: flex; justify-content: center; gap: 1rem; margin-top: 1.5rem; }
.html-pub-pass-page .btn { border: none; padding: 0.6rem 1.6rem; border-radius: 30px; font-weight: 600; font-size: 0.95rem; cursor: pointer; transition: background-color 0.2s ease, transform 0.2s ease; }
.html-pub-pass-page .btn-success { background-color: #4CAF50; color: white; }
.html-pub-pass-page .btn-success:hover { background-color: #43a047; }
.html-pub-pass-page .btn-danger { background-color: #e74c3c; color: white; }
.html-pub-pass-page .btn-danger:hover { background-color: #c0392b; }
.html-pub-pass-page .alert { margin: 2rem auto; max-width: 450px; border-radius: 10px; }

.header-lower .header-menu .top-menu.mobile li{background-color: transparent;}
.header-lower .header-menu .top-menu.mobile li a{ padding: 8px; display: flex; justify-content: start; align-items: center; font-size: 14px; min-height: 40px; color: #fff; }
.header-lower .header-menu .top-menu.mobile li a:hover{color: #FCDDAD;}
.header-lower .header-menu .top-menu.mobile li:not(:last-child) a { border-bottom: 1px solid #C5A66B; } 

.html-home-page .product-item .add-info .prices{display: none;}
.html-home-page .master-column-wrapper .center-1{margin-bottom: 0;}

.html-registration-page em{font-size: 14px;color: #555;}

.instruction-box{background: #c8b18b;}
.instruction-box h5{color: #fff ;}

/*news-letter*/
.upper-footer{background: #140c0a;position: relative;background-position: center; background-image: url("../images/Theme/Newsletter-BG.webp"); background-size: cover; left: 0; right: 0; height: 0; min-height: 300px;height: 100%; display: flex; align-items: center; justify-content: center;}


.upper-footer img{width: 100%;}
.upper-footer .container{/* position: absolute; *//* top: 50%; *//* left: 50%; *//* transform: translate(-50%, -50%); */justify-content: center;}
.newsletter{display: flex;justify-content: center;flex-direction: column;align-items: center;gap: 12px;}
.newsletter-subscribe{width: 100%;}
.newsletter .title{color: #c8b18b;font-size: 34px;line-height: normal;text-align: center;}
.newsletter-detail{margin-bottom: 10px;}
.newsletter-detail p{color: #fff;font-size: 18px;text-align: center;}
.newsletter-email{display: flex;gap: 8px;align-items: center; justify-content: center;}
.newsletter-email input[type="email"]{width: 100%;max-width:400px;height: 45px;border-radius: 6px;}
.newsletter-email .newsletter-subscribe-button{border-radius: 6px; height: 45px; width: 50px;min-width: auto;padding: 0;}
.newsletter-email .newsletter-subscribe-button svg{height: 34px;width: 34px;fill: #fff;}


/**/
.hero-section { position: relative; width: 100%; height: 400px; background: url('/Themes/PintFinder/Content/images/Theme/PubPass-BG.webp') center/cover no-repeat; display: flex; align-items: center; justify-content: flex-start; color: #fff; }
.hero-overlay { background: rgba(0, 0, 0, 0.55); padding: 40px ; max-width: 600px;  }
.hero-content h1 { font-size: 36px; font-weight: bold; margin-bottom: 15px; color: #fcddad;}
.hero-content h1.white{color: #fff;}
.hero-content h1 span { color: #f0c676; font-weight: 700; }
.hero-content p { font-size: 14px; color: #fff; margin-bottom: 25px; }
.hero-buttons { display: flex; gap: 10px; flex-wrap: wrap;}
.hero-section a.btn {display: flex; align-items: center; height: 40px; font-weight: 600; padding: 0px 28px; border: none; border-radius: 4px; text-decoration: none; font-size: 14px; transition: all 0.3s ease; }
.hero-section a.btn-light { background: #f0c676; color: #692b10; }
.hero-section a.btn-light:hover { background: #d8ad5e; }
.hero-section a.btn-accent { background: #fff; color: #692b10; }
.hero-section a.btn-accent:hover { background: #e6e6e6; }


/**/
.scan-pass-parent{height: 93vh;}

/**/
.banner-container .slick-arrow{display: none !important;}


/*item box*/
.item-box .buttons{text-align: center;}
.item-box .product-box-add-to-cart-button{border-radius: 6px;}

/**/
.block .title{background-color: #fff5e5;border-color:#5f4f4b;}

/**/
.item-box .add-to-compare-list-button, .item-box .add-to-wishlist-button{background-color: #c8b18b;border-radius: 6px;}
.item-box .add-to-compare-list-button:hover, .item-box .add-to-compare-list-button:focus, .item-box .add-to-wishlist-button:hover, .item-box .add-to-wishlist-button:focus{ background-color: #ee2e24; }

/**/
.banner-item:after{ content: '';z-index: 9; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; pointer-events: none;border-radius: 0 0 12px 12px; background: linear-gradient( to top, rgba(45, 8, 10, 0.6) 0%, rgba(45, 8, 10, 0.0) 100% ); } 
.banner-item .banner-info{position: absolute;bottom: 30px;left: 20px;z-index: 10;}
.banner-item .banner-info h3,
.banner-item .banner-info h6{color: #fff;margin: 0;}
.banner-item .banner-info .veneue-name{}
.banner-item .banner-info .town-name{ font-weight: 400; text-transform: uppercase; letter-spacing: 1px; }

/*hero-banner*/
.banner-box{width: 100%;max-width: 30%;}
.banner-box h1{text-align: center;color: #fff; font-size: 36px;}

.banner-search form{position: relative;margin: 12px 0;display: flex;gap: 4px;}
.banner-search form input{width: 100%;border-radius: 4px;height: 50px;font-size: 18px;padding: 22px;}
.banner-search form input:focus-visible{outline: none;}
.banner-search form button{top: 0;right: 0;border-radius:4px;height: 50px;padding: 0 12px;border: none;background-color: #fcddad;color: #fff;}

.advance-search-wrapper {display: flex;justify-content: center;align-items: center;}
.advance-search-wrapper a{background: #fcddad;border-radius: 4px;padding: 10px 20px;width: fit-content;color: #41200d; font-size: 16px;text-decoration: none;font-weight: bold;}

/**/
.search-box-button svg{width: 30px;height: 30px;fill: #41200d;}
.header-lower .search-box form{ flex-flow: nowrap; width: 100%; border-radius: 4px;}
.header-lower .search-box form input.search-box-text{width: 100%;}
.header-lower .search-box form button.search-box-button{width: fit-content;min-width: 55px;}

/*footer*/
footer.footer { text-align: center; padding: 40px 20px; color: #000; }
.footer-logo img { width: 250px; margin-bottom: 20px; }
.footer-contact { font-size: 18px; margin-bottom: 15px; }
.footer-contact .dot { margin: 0 8px; color: #edc566; }
.footer-contact a { color: #2d080a !important; text-decoration: none; font-weight: bold; }
.footer-links { font-size: 14px; margin-bottom: 25px; }
.footer-links .copy-right{font-weight: bold;}
.footer-links .divider { margin: 0 8px; }
.footer-links a { color: #7c461d !important; font-weight: bold; }
.footer-links a:hover{color: #FCDDAD;}
.footer-social a { margin: 0 6px; display: inline-block; }
.footer-social img { width: 32px; height: 32px; }

.footer-social{}
.footer-social .networks{display: flex;justify-content: center;align-items: center;padding: 0;}
.footer-social li.facebook a{background: #1877F2;}
.footer-social li.instagram a{background: linear-gradient(45deg, #f58529, #feda77, #dd2a7b, #8134af, #515bd4 );}
.footer-social li.tiktok a{background: #000;}
.footer-social li.youtube a{background: #FF0000 ;} 
.footer-social a{font-size: 0;border-radius: 4px;}
.footer-social svg{width: 35px;height: 35px;}

/*feature-pub-banner*/
.feature-pub-banner{padding: 100px 0;position: relative;}
.feature-pub-banner:after{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%; background-image: url('/Themes/PintFinder/Content/images/Theme/Featured-BG.webp'); background-position: center; background-repeat: no-repeat; z-index: -1;}
.feature-pub-banner .region-header{display: flex; flex-direction: column; align-items: center;margin-bottom: 30px;gap:14px;}
.feature-pub-banner .region-header h5{margin:0;color:#692b10;font-size:40px;}
.feature-pub-banner .region-header p{margin:0; color:#1b1b1b;font-weight: bold;font-size: 16px;text-align:center;}
.feature-pub-banner .venue-slider {padding-top: 10px ;}
.feature-pub-banner .venue-slide {padding: 0 12px;height: auto;}
.feature-pub-banner .venue-slider .slick-arrow:before{color:#fcddad;font-size:24px;}
.feature-pub-banner .venue-slider .slick-track{padding-bottom: 12px;display: flex;}
.feature-pub-banner .venue-slider .slick-dots li{width: 12px; height: 12px;}
.feature-pub-banner .venue-slider .slick-dots li button{width: 12px; height: 12px;}
.feature-pub-banner .venue-slider .slick-dots li button:before{width: 12px; height: 12px !important;margin: 0;}
.feature-pub-banner .venue-card {position: relative;background: #fff;overflow: hidden;box-shadow: 0px 4px 14px rgba(0,0,0,0.12);text-align: center;display: block;text-decoration: none;color: inherit;transition: transform .2s ease;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.feature-pub-banner a.venue-card{text-decoration: none;}
.feature-pub-banner .venue-badge { position: absolute; top: -10px; left: -15px; background: #d9a258; width: 65px; height: 65px; border-radius: 0% 0% 80% 0; display: flex; justify-content: center; align-items: center; z-index: 10; }
.feature-pub-banner .venue-badge img,.venue-badge svg { width: 22px; }
.feature-pub-banner .venue-image-wrapper { width: 100%; height: 210px; overflow: hidden; }
.feature-pub-banner .venue-image { width: 100%; height: 100%; object-fit: cover; }
.feature-pub-banner .venue-content {padding: 18px 20px 28px;display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;}
.feature-pub-banner .venue-title { font-size: 16px; font-weight: 700; margin: 12px 0 4px; color: #692b10; }
.feature-pub-banner .venue-location {font-size: 14px;color: #b17945;flex-grow: 1;}
.feature-pub-banner .venue-btn { background: #fcddad; border: none;margin-top: 12px; padding: 10px 24px; border-radius: 6px; font-weight: 600; cursor: pointer; transition: background .2s; color:#692b10;}
.feature-pub-banner .venue-btn:hover { background: #dfbf8d; }

/*html-category-page*/
.html-category-page .breadcrumb{background: none;border: none;padding: 0;}
.html-category-page .breadcrumb ul{padding: 0;margin: 0;}
.product-filter .filter-title{background: none; padding: 10px 0;}
.block-category-navigation .listbox .list{padding: 0;}

.html-category-page .side-2{display: none;}
.html-category-page .product-selectors{display: none;}
.html-category-page .center-2{width: 100%;}

.item-box .picture a:before{content: none;}
.item-box{background-color: #fff;border-radius: 6px;box-shadow: 0px 4px 14px rgba(0,0,0,0.12);padding: 20px;}
.item-box .picture a img{position: relative;width: 100%;height: 250px;object-fit: contain;}
.item-box .prices{display: none;}
.item-box .add-to-compare-list-button, .item-box .add-to-wishlist-button{display: none;}


.page-title h1 { text-align: center !important; }
.registration-result-page .result { font-size: 20px; color: #4CB17C; }
.header-lower .header-menu .top-menu.mobile { background: #91703A }
.header-lower .header-menu .top-menu.mobile li:not(:last-child) a { border-bottom: 1px solid #C5A66B; }
.header-menu > ul > li { padding: 0 10px; } 



.message-error.validation-summary-errors ul{padding: 0 !important;}
.bar-notification .content{color: #fff;}