/* ==========================================================================
   Briq inner pages: History, Neighborhood, Amenities, Tenants, Availabilities, Contact.
   Values measured from the original site's rendered CSS (Elementor + Quarter theme).
   Loaded after main.css; uses the same custom properties.
   ========================================================================== */

[hidden] { display: none !important; }

/* ---- Shared: page banner -------------------------------------------------- */
.briq-banner { position: relative; display: flex; align-items: center; min-height: 255px; overflow: hidden; background: #fff; }
.briq-banner__bg { position: absolute; inset: 0; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: .57; }
.briq-banner__inner { position: relative; width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 10px; }
.briq-banner__title { margin: 0; color: #000; font-size: 36px; font-weight: 700; line-height: 28px; letter-spacing: .5px; text-align: center; }

/* ---- Shared: button ------------------------------------------------------- */
.briq-btn {
	display: inline-block; padding: 17px 40px;
	color: #fff; font-family: var(--briq-font); font-size: 16px; font-weight: 400; line-height: 24px; text-align: center; text-transform: uppercase;
	background: var(--briq-accent); border: 1px solid transparent; border-radius: 0; cursor: pointer;
	transition: background-color .3s, color .3s;
}
.briq-btn:hover, .briq-btn:focus { color: #fff; background: #d94f3b; }

/* ---- Shared: slider (amenity carousels, floor plans) ---------------------- */
.briq-slider { position: relative; }
.briq-slider__viewport { overflow: hidden; border-radius: 15px; }
.briq-slider__track { display: flex; will-change: transform; }
.briq-slider__slide { flex: 0 0 100%; min-width: 0; }
.briq-slider__slide a { display: block; }
.briq-slider__slide img { display: block; width: 100%; height: auto; }
.briq-slider__arrow {
	position: absolute; top: 50%; z-index: 2; width: 44px; height: 44px; margin-top: -22px; padding: 0 0 4px;
	color: #fff; font-size: 34px; line-height: 44px; text-align: center;
	background: rgba(103, 91, 87, .85); border: 0; border-radius: 50%; cursor: pointer;
	transition: background-color .3s;
}
.briq-slider__arrow:hover, .briq-slider__arrow:focus { background: var(--briq-accent); }
.briq-slider__arrow--prev { left: 12px; }
.briq-slider__arrow--next { right: 12px; }

/* ---- History + Neighborhood: alternating rows ----------------------------- */
.briq-intro { padding: 53px 0 0; }
.briq-intro > .briq-container { padding: 0 44px; }
.briq-intro__text { margin: 0; color: var(--briq-paragraph); font-size: 18px; line-height: 1.8; text-align: center; }

.briq-split-section { padding: 39px 0 40px; }
.briq-split { display: flex; align-items: center; margin-bottom: 60px; }
.briq-split:last-child { margin-bottom: 0; }
.briq-split.is-image-right { flex-direction: row-reverse; }
.briq-split__col { width: 50%; padding: 10px; }
.briq-split.has-no-image .briq-split__col { width: 100%; }
.briq-split__media img { display: block; width: 78%; height: auto; border-radius: 15px; }
.briq-split.is-image-left .briq-split__media img { margin-left: auto; }
.briq-split.is-image-right .briq-split__media img { margin-right: auto; }
.briq-split__heading { margin: 0 0 20px; color: var(--briq-accent); font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: .5px; }
.briq-split__text { font-size: 16px; line-height: 28px; letter-spacing: .5px; }
.briq-split__text > :last-child { margin-bottom: 0; }

.briq-split-section--history .briq-split { margin-bottom: 55px; }

.briq-split-section--neighborhood { padding-top: 39px; }
.briq-split-section--neighborhood .briq-split { margin-bottom: 70px; }
.briq-split-section--neighborhood .briq-split__media img { width: 80%; }
.briq-split-section--neighborhood .briq-split__heading { font-size: 20px; }
.briq-split-section--neighborhood .briq-split__text { line-height: 1.8; letter-spacing: 0; }
.briq-split-section--neighborhood .is-image-right .briq-split__body { text-align: right; }

@media (max-width: 767px) {
	.briq-split, .briq-split.is-image-right { flex-direction: column; margin-bottom: 40px; }
	.briq-split__col { width: 100%; }
	.briq-split__media img, .briq-split-section--neighborhood .briq-split__media img { width: 78%; margin: 0 auto !important; }
	.briq-split__body, .briq-split-section--neighborhood .is-image-right .briq-split__body { text-align: center; }
}

/* ---- Amenities ------------------------------------------------------------- */
.briq-amenities { padding: 80px 0 40px; }
.briq-amenity { display: flex; align-items: center; margin-bottom: 33px; }
.briq-amenity.is-image-right { flex-direction: row-reverse; }
.briq-amenity__col { width: 50%; padding: 10px; }
.briq-amenity__media .briq-slider__slide img { aspect-ratio: 3 / 2; object-fit: cover; }
.briq-amenity__heading { margin: 0; color: var(--briq-accent); font-size: 30px; font-weight: 700; line-height: 28px; letter-spacing: .5px; }
.briq-amenity.is-image-right .briq-amenity__body { text-align: right; }
@media (max-width: 767px) {
	.briq-amenities { padding-top: 40px; }
	.briq-amenity, .briq-amenity.is-image-right { flex-direction: column; }
	.briq-amenity__col { width: 100%; }
	.briq-amenity__body, .briq-amenity.is-image-right .briq-amenity__body { text-align: center; }
	.briq-amenity__heading { font-size: 26px; }
}

/* ---- Tenants --------------------------------------------------------------- */
.briq-tenants { margin: 16px 16px 6px; padding: 49px 0 16px; background: #f7f7f7; }
.briq-tenants__inner { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; }
.briq-tenants__search { max-width: 600px; margin: 0 auto 30px; padding: 0 15px; }
.briq-tenants__input {
	display: block; width: 100%; height: 65px; margin: 0; padding: 6px 40px 6px 20px;
	color: var(--briq-paragraph); font-family: var(--briq-font); font-size: 16px; line-height: 24px;
	background: #fff; border: 2px solid var(--briq-accent); border-radius: 0; box-shadow: none; outline: 0; -webkit-appearance: none; appearance: none;
}
.briq-tenants__input:focus { box-shadow: 0 0 0 3px rgba(242, 97, 76, .2); }
.briq-tenants__list { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px; row-gap: 40px; margin: 30px 0 56px; padding: 0; list-style: none; }
.briq-tenant__inner {
	position: relative; height: 100%; padding: 20px 0; text-align: center; background: #fff;
	box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
}
.briq-tenant__inner::before { content: ""; position: absolute; inset: 8px; border: 1px solid var(--briq-accent); pointer-events: none; }
.briq-tenant__title { margin-bottom: 15px; padding: 0 20px 5px; color: var(--briq-paragraph); font-size: 16px; font-weight: 700; line-height: 28.8px; text-transform: uppercase; }
.briq-tenant__logo { min-height: 100px; padding: 0 20px; }
.briq-tenant__logo img { display: inline-block; width: auto; max-width: 180px; height: auto; max-height: 100px; vertical-align: middle; }
.briq-tenant__suite { padding: 0 20px; color: var(--briq-accent); }
.briq-tenant__suite b { font-weight: 700; }
.briq-tenants__empty { margin: 0 0 40px; color: var(--briq-paragraph); text-align: center; }
@media (max-width: 767px) { .briq-tenants { margin-left: 8px; margin-right: 8px; } .briq-tenants__list { grid-template-columns: repeat(2, 1fr); column-gap: 20px; } }
@media (max-width: 479px) { .briq-tenants__list { grid-template-columns: 1fr; } }

/* ---- Availabilities: table ------------------------------------------------- */
.briq-units-section { margin-top: 38px; }
.briq-units-section > .briq-container { padding: 0 10px; }
.briq-units-section__intro { margin: 0 0 60px; color: #000; font-weight: 200; text-align: center; }
.briq-units-wrap { overflow-x: auto; }
.briq-units { width: 100%; min-width: 720px; table-layout: fixed; border-collapse: collapse; border: 1px solid rgba(51, 51, 51, .1); font-size: 15px; line-height: 27px; text-align: center; }
.briq-units th { padding: 8px; color: #fff; font-weight: 700; background: #f26649; border: 1px solid rgba(51, 51, 51, .1); }
.briq-units td { padding: 8px; color: #000; vertical-align: middle; border: 1px solid rgba(51, 51, 51, .1); }
.briq-units tbody tr:nth-child(even) { background: #eee; }
.briq-units td.briq-units__status { color: #417505; }
.briq-units__btn { display: inline-block; padding: 0 13.6px; color: #000; font-size: 15px; line-height: 27px; border-radius: 5px; transition: opacity .3s; }
.briq-units__btn:hover, .briq-units__btn:focus { color: #000; text-decoration: underline; }
.briq-units__btn--primary { min-width: 46px; color: #fff; background: #f26649; }
.briq-units__btn--primary:hover, .briq-units__btn--primary:focus { color: #fff; }

/* floor plans */
.briq-plans { padding: 33px 0 50px; }
.briq-plans > .briq-container { padding: 0 10px; }
.briq-plans__heading { margin: 0 0 37px; color: #000; font-size: 36px; font-weight: 700; line-height: 28px; letter-spacing: .5px; text-align: center; }
.briq-slider--plans .briq-slider__viewport { border-radius: 0; background: #fff; }
.briq-slider--plans .briq-slider__viewport {
  height: auto;
}

.briq-slider--plans .briq-slider__slide img {
  display: block;
  width: 100% !important;
  max-width: none;
  height: auto !important;
  max-height: none;
  object-fit: contain;
  background: #fff;
}
/* features */
.briq-features { padding: 20px 0 0; }
.briq-features__inner { display: flex; align-items: center; padding: 0 10px 115px; }
.briq-features__media { position: relative; flex: 0 0 41.6667%; max-width: 41.6667%; padding: 0 15px 0 45px; }
.briq-features__media::before { content: ""; position: absolute; left: 15px; top: 50%; width: 30px; height: 85%; background: var(--briq-accent); transform: translateY(-50%); }
.briq-features__media img { position: relative; display: block; width: 100%; height: auto; }
.briq-features__body { flex: 1 1 0; min-width: 0; padding: 0 15px; }
.briq-features__subtitle { display: inline-block; margin: 0 0 15px; padding: 5px 20px; color: var(--briq-accent); font-size: 16px; font-weight: 700; line-height: 20.8px; background: rgba(242, 97, 76, .12); border-radius: 25px; }
.briq-features__title { margin: 0 0 15px; color: var(--briq-heading); font-size: 36px; font-weight: 700; line-height: 1.2; letter-spacing: .5px; }
.briq-features__list { margin: 0 0 24px; padding: 0; }
.briq-features__list li { display: flex; align-items: center; line-height: 28.8px; }
.briq-features__check { display: inline-flex; flex: 0 0 22px; width: 22px; color: #ff5a3c; font-size: 14px; }
@media (max-width: 991px) {
	.briq-features__inner { flex-direction: column; }
	.briq-features__media { flex-basis: auto; max-width: 480px; margin-bottom: 40px; }
	.briq-features__body { width: 100%; }
}

/* highlights */
.briq-highlights { padding: 0 0 70px; }
.briq-highlights__heading { margin: 0 0 50px; color: #000; font-size: 35px; font-weight: 700; line-height: 28px; letter-spacing: .5px; text-align: center; }
.briq-highlights__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; padding: 0 10px; }
.briq-highlight { display: flex; flex-direction: column; align-items: center; padding: 10px 10px 20px; text-align: center; background: #fff; border-radius: 10px; box-shadow: 0 5px 20px 0 rgba(23, 44, 82, .1); }
.briq-highlight__icon { display: block; margin-bottom: 20px; color: #ff5a3c; font-size: 50px; line-height: 50px; }
.briq-highlight__icon .briq-icon { width: 50px; height: 50px; }
.briq-highlight__text { color: #000; font-size: 16px; font-weight: 700; line-height: 19px; letter-spacing: -.1px; }
@media (max-width: 1024px) { .briq-highlights__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) { .briq-highlights__grid { grid-template-columns: repeat(2, 1fr); } .briq-plans__heading { font-size: 28px; } .briq-features__title { font-size: 28px; } }
@media (max-width: 479px) { .briq-highlights__grid { grid-template-columns: 1fr; } }

/* ---- Contact --------------------------------------------------------------- */
.briq-contact { padding: 80px 0 40px; }
.briq-contact__inner { display: grid; grid-template-columns: 60% 40%; width: 100%; max-width: 1140px; margin: 0 auto; }
.briq-contact__inner.has-one { grid-template-columns: 1fr; max-width: 700px; }
.briq-contact__form-col { padding: 0 25px; }
.briq-contact__map-col { padding: 0 10px; }
.briq-contact__box { padding: 40px 50px 50px; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, .1); }
.briq-contact__title { margin: 0 0 30px; padding-left: 10px; color: var(--briq-heading); font-size: 22px; font-weight: 700; line-height: 1.3; border-left: 2px solid var(--briq-accent); }
.briq-form__grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px; }
.briq-form__grid p { margin: 0; }
.briq-form__grid .is-wide { grid-column: 1 / -1; }
.briq-form input[type="text"], .briq-form input[type="email"], .briq-form textarea {
	display: block; width: 100%; margin: 0 0 30px; color: var(--briq-paragraph); font-family: var(--briq-font); font-size: 16px; line-height: 28.8px;
	background: #fff; border: 1px solid var(--briq-accent); border-radius: 0; box-shadow: none; outline: 0; -webkit-appearance: none; appearance: none;
}
.briq-form input[type="text"], .briq-form input[type="email"] { height: 65px; padding: 1px 40px 1px 20px; }
.briq-form textarea { height: 150px; min-height: 150px; padding: 15px 20px; resize: vertical; }
.briq-form input::placeholder, .briq-form textarea::placeholder { color: #7ba3a8; opacity: 1; }
.briq-form textarea::placeholder { color: var(--briq-paragraph); }
.briq-form input:focus, .briq-form textarea:focus { box-shadow: 0 0 0 3px rgba(242, 97, 76, .2); }
.briq-form__submit { height: 60px; border-radius: 4px; }
.briq-form__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.briq-form-notice { margin: 0 0 30px; padding: 14px 18px; font-size: 15px; line-height: 1.6; border-left: 4px solid; }
.briq-form-notice.is-success { color: #2c6a33; background: #eaf6ec; border-color: #2c6a33; }
.briq-form-notice.is-error { color: #9a2b1d; background: #fdecea; border-color: #9a2b1d; }
.briq-contact__map { display: block; width: 100%; height: 686px; border: 0; }
@media (max-width: 767px) {
	.briq-contact { padding-top: 40px; }
	.briq-contact__inner { grid-template-columns: 1fr; }
	.briq-contact__form-col, .briq-contact__map-col { padding: 0 15px; }
	.briq-contact__map-col { margin-top: 30px; }
	.briq-contact__box { padding: 30px 20px; }
	.briq-form__grid { grid-template-columns: 1fr; }
	.briq-contact__map { height: 400px !important; }
}