/* ==== Amend 5, workstream w3: section sites ====
   includes/amend5/w3-sections.php loads this on every page. */

/* ---- links over buttons drawn into banners (assets/amend5/w3.js) ---- */
.gft-w3-spots { position: absolute; z-index: 5; pointer-events: none; }
.gft-w3-spot { position: absolute; display: block; pointer-events: auto; border-radius: 6px; cursor: pointer; }
.gft-w3-spot:hover { box-shadow: 0 0 0 2px rgba(168, 128, 45, .6); background: rgba(255, 255, 255, .08); }
.gft-w3-spot:focus-visible { outline: 2px solid #A8802D; outline-offset: 2px; }
.gft-w3-has-spots .swiper-pagination { pointer-events: none; }
.gft-w3-has-spots .swiper-pagination-bullet { pointer-events: auto; }
@media (max-width: 767px) { .gft-w3-spots-on .swiper-pagination-bullet { pointer-events: none; } }

/* ---- [gf_w3_shop] listings: silver, bridal, labour free, pre order, bullion ---- */
.gft-w3-shop { scroll-margin-top: 130px; }
.gft-w3-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; }
.gft-w3-chips a { padding: 8px 16px; border: 1px solid #EDE3CE; background: #fff; font-family: "Jost", sans-serif; font-size: 13px; letter-spacing: .04em; color: #23201A; text-decoration: none; transition: border-color .2s ease, color .2s ease; }
.gft-w3-chips a:hover, .gft-w3-chips a.is-on { border-color: #A8802D; color: #A8802D; }
.gft-w3-chips a.is-on { box-shadow: inset 0 0 0 1px #A8802D; background: #FBF7EF; }
.gft-w3-shop-note { margin: -4px 0 18px; font-family: "Jost", sans-serif; font-size: 15px; line-height: 1.6; color: #5A554B; }
.gft-w3-weeks { display: block; margin: 4px 0 2px; font-family: "Jost", sans-serif; font-size: 12.5px; line-height: 1.4; color: #8A6A22; }
.gft-w3-empty { text-align: left; }
@media (max-width: 600px) {
	.gft-w3-chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; -webkit-overflow-scrolling: touch; }
	.gft-w3-chips a { flex: 0 0 auto; }
}

/* ---- the sales address under the section footers' social icons ---- */
.gft-section-sales-email { margin: 12px 0 0; font-size: 14px; line-height: 1.4; }
.gft-section-footer .gft-section-sales-email a { color: #E6D6AE; text-decoration: none; letter-spacing: .02em; }
.gft-section-footer .gft-section-sales-email a:hover { color: #fff; text-decoration: underline; }
.gft-sfc-social { display: flex; flex-direction: column; align-items: flex-start; gap: 0; }
.gft-sfc-social .gft-section-sales-email { margin-top: 10px; }

/* ==== Section: Silver Jewellery (key silver) ==== */
.gft-section-silver { --gft-sv-ink: #1F2226; --gft-sv-mid: #6E757F; --gft-sv-line: #DCE0E5; --gft-sv-light: #C9CED5; }
.gft-section-silver .gft-section-strip { background: linear-gradient(90deg, #F5F6F8 0%, #E9ECEF 55%, #F5F6F8 100%); border-top: 2px solid #AEB4BC; border-bottom-color: var(--gft-sv-line); }
.gft-section-silver .gft-section-name { color: var(--gft-sv-ink); }
.gft-section-silver .gft-section-name span { color: #8A9099; }
.gft-section-silver .gft-section-name:hover { color: #8A9099; }
.gft-section-silver .gft-section-tag { color: var(--gft-sv-mid); }
.gft-section-silver .gft-section-back { color: #6E757F; }
.gft-section-silver .wd-nav-main > li > a:hover { color: #7A818B !important; }
.gft-section-silver .wd-nav-main > li.gft-nav-home > a { color: #7A818B !important; }
.gft-section-silver .wd-nav-main > li.gft-nav-cta > a { background-image: linear-gradient(180deg, #BCC2CA, #7D858F); }
.gft-section-silver .gft-section-footer { background: #1B1D21; color: #D5D9DE; }
.gft-section-silver .gft-section-footer a { color: #D5D9DE; }
.gft-section-silver .gft-section-footer a:hover { color: #FFFFFF; }
.gft-section-silver .gft-section-footer-base a { color: #C9CED5; }
.gft-section-silver .gft-section-social a { border-color: rgba(201, 206, 213, .6); color: #C9CED5; }
.gft-section-silver .gft-section-social a:hover { background-color: #C9CED5; color: #1B1D21; }
.gft-section-silver .gft-section-footer .gft-section-sales-email a { color: #E4E7EB; }
.gft-section-silver .gft-w3-chips a { border-color: var(--gft-sv-line); }
.gft-section-silver .gft-w3-chips a:hover, .gft-section-silver .gft-w3-chips a.is-on { border-color: #7D858F; color: #4B525B; }
.gft-section-silver .gft-w3-chips a.is-on { box-shadow: inset 0 0 0 1px #7D858F; background: #F3F4F6; }
.gft-section-silver .gft-col-head { border-bottom-color: var(--gft-sv-line); }
.gft-section-silver .gft-col-empty { background: #F5F6F8; border-color: var(--gft-sv-line); }
.gft-section-silver .gft-col-btn.gft-col-btn-alt { border-color: #8A9099; color: #4B525B; }
.gft-section-silver .gft-col-btn.gft-col-btn-alt:hover { background: #4B525B; border-color: #4B525B; color: #fff; }
.gft-section-silver .gft-col-btn:hover { background: #7D858F; border-color: #7D858F; }
.gft-section-silver .gft-col-tel, .gft-section-silver .gft-col-empty a:not(.gft-col-btn) { color: #4B525B; }
/* the silver buttons on the silver pages (class gft-silver-btn on a Button widget) */
.gft-silver-btn .elementor-button { background-image: linear-gradient(135deg, #8E959E 0%, #E6E9ED 48%, #9AA1AA 100%) !important; color: #1F2226 !important; border: 0 !important; }
.gft-silver-btn .elementor-button:hover { box-shadow: 0 4px 16px rgba(110, 117, 127, .4); }
.gft-sv-poster img { width: 100%; height: auto; border: 1px solid #DCE0E5; }
.gft-sv-card { align-self: stretch; }

/* ==== Section: Labour Free (key labourfree) ==== */
.gft-section-labourfree .gft-section-strip { background: #F7EDD6; border-top: 2px solid #C6A44E; border-bottom-color: #E6D3A6; }
.gft-section-labourfree .gft-section-name span { color: #9C7426; }
.gft-section-labourfree .gft-section-tag { color: #6A5A3A; }

/* ==== Today's Gold Price page: the gold bar shown, not buried (his amend 5, page 10) ==== */
@media (min-width: 861px) {
	.page-id-35 .gft-bn-bar-only.gft-bn-has-bg { background-size: auto 100%; background-position: right -200px center; }
	.page-id-35 .gft-bn-bar-only.gft-bn-has-bg::before { background-image:
		linear-gradient(90deg, #0B0C0C 0%, #0B0C0C 46%, rgba(11, 12, 12, .55) 56%, rgba(11, 12, 12, 0) 68%),
		linear-gradient(to bottom, rgba(11, 12, 12, 0) 0%, rgba(11, 12, 12, 0) 66%, rgba(11, 12, 12, .85) 80%, #0B0C0C 92%); }
	.page-id-35 .gft-bn-bar-only .gft-bn-inner { max-width: none; }
	.page-id-35 .gft-bn-bar-only .gft-bn-head,
	.page-id-35 .gft-bn-bar-only .gft-bn-block-major { max-width: 470px; }
}
@media (max-width: 860px) {
	.page-id-35 .gft-bn-bar-only.gft-bn-has-bg { background-size: auto 250px; background-position: right -115px top; }
	.page-id-35 .gft-bn-bar-only.gft-bn-has-bg::before { inset: 0 -115px auto auto; height: 250px; background-image:
		linear-gradient(90deg, #0B0C0C 0, rgba(11, 12, 12, .45) 14%, rgba(11, 12, 12, 0) 30%),
		linear-gradient(to bottom, rgba(11, 12, 12, 0) 0, rgba(11, 12, 12, .2) 50%, rgba(11, 12, 12, .9) 82%, #0B0C0C 96%); }
	.page-id-35 .gft-bn-bar-only .gft-bn-head { max-width: 50%; }
	.page-id-35 .gft-bn-bar-only .gft-bn-title, .page-id-35 .gft-bn-bar-only .gft-bn-sub { text-shadow: 0 1px 10px #000, 0 0 3px #000; }
	.page-id-35 .gft-bn-bar-only .gft-bn-block-major { margin-top: 70px; }
}
