/* ==== Section sites: each service area looks like its own website ====
   Loaded only on a page that belongs to a section (includes/section-sites.php).
   Section-specific styles go in assets/sections/{key}.css. */

:root {
	--gft-sec-ink: #23201A;
	--gft-sec-gold: #A8802D;
	--gft-sec-gold-light: #C6A44E;
	--gft-sec-cream: #FBF7EF;
	--gft-sec-line: #EDE3CE;
}

/* the section's name under the header, with the way back to Gold Factory */
.gft-section-strip { background: var(--gft-sec-cream); border-bottom: 1px solid var(--gft-sec-line); }
.gft-section-strip-inner { display: flex; align-items: center; gap: 18px; min-height: 44px; flex-wrap: wrap; }
.gft-section-name { font-family: "Cormorant Garamond", serif; font-size: 22px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--gft-sec-ink); text-decoration: none; }
.gft-section-name span { color: var(--gft-sec-gold); }
.gft-section-name:hover { color: var(--gft-sec-gold); }
.gft-section-tag { font-size: 13px; color: #6A6156; }
.gft-section-back { order: 3; margin-left: auto; padding-left: 14px; position: relative; font-size: 12.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--gft-sec-gold); text-decoration: none; }
.gft-section-back::before { content: ""; position: absolute; left: 0; top: 50%; width: 7px; height: 7px; border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-50%) rotate(45deg); }
.gft-section-back:hover { color: var(--gft-sec-ink); }
@media (max-width: 767px) {
	.gft-section-strip-inner { gap: 6px 12px; padding-top: 8px; padding-bottom: 8px; }
	.gft-section-name { font-size: 18px; }
	.gft-section-tag { display: none; }
}

/* menu items the section wants as buttons: give the menu item the CSS class gft-nav-cta */
.gft-section .wd-nav-main > li.gft-nav-cta > a { padding: 8px 16px !important; background-image: linear-gradient(180deg, #C9A04A, #9C7426); color: #fff !important; border-radius: 2px; }
.gft-section .wd-nav-main > li.gft-nav-cta > a:hover { filter: brightness(1.08); }
.gft-section .wd-nav-main > li.gft-nav-home > a { color: var(--gft-sec-gold) !important; }

/* the section's own footer */
.gft-section-footer { padding: 48px 0 0; background: #1E1B16; color: #D9D2C3; }
.gft-section-footer-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 28px; }
.gft-section-footer-title { margin: 0 0 12px; font-family: "Cormorant Garamond", serif; font-size: 19px; font-weight: 600; color: #fff; }
.gft-section-footer ul { margin: 0; padding: 0; list-style: none; }
.gft-section-footer li { margin: 0 0 7px; }
.gft-section-footer a { color: #D9D2C3; text-decoration: none; font-size: 14px; }
.gft-section-footer a:hover { color: var(--gft-sec-gold-light); }
.gft-section-footer-base { display: flex; flex-wrap: wrap; gap: 10px 24px; justify-content: space-between; margin-top: 36px; padding: 16px 0 22px; border-top: 1px solid rgba(255, 255, 255, .12); font-size: 13px; color: #A89F90; }
.gft-section-footer-base a { color: var(--gft-sec-gold-light); }

/* the brand column: logo, section name, social icons */
.gft-section-footer-logo { display: inline-block; line-height: 0; }
.gft-section-footer-logo img { width: 210px; max-width: 100%; height: auto; }
.gft-section-footer-brandname { margin: 14px 0 2px; font-family: "Cormorant Garamond", serif; font-size: 19px; font-weight: 600; color: #fff; }
.gft-section-footer-tagline { margin: 0; font-size: 13px; line-height: 1.5; color: #A89F90; }
.gft-section-social { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.gft-section-social a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid rgba(198, 164, 78, .55); border-radius: 50%; color: var(--gft-sec-gold-light); transition: background-color .2s ease, color .2s ease; }
.gft-section-social a:hover { background-color: var(--gft-sec-gold-light); color: #1E1B16; }
.gft-section-social a:focus-visible { outline: 2px solid var(--gft-sec-gold-light); outline-offset: 2px; }

/* the floating chat buttons sit bottom left: keep the base line's first link clear of them */
.gft-section-footer-base { padding-bottom: 84px; }

/* compact footer (footer_style = compact): one band, as in his Gold Buying, Gold Loans and Grillz designs */
.gft-sfc-band { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 36px; justify-content: space-between; }
.gft-sfc-brand { display: flex; flex-direction: column; gap: 6px; }
.gft-sfc-brand .gft-section-footer-logo img { width: 190px; }
.gft-sfc-links { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.gft-sfc-links a { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.gft-sfc-links a:hover { color: var(--gft-sec-gold-light); }
.gft-sfc-contact { display: flex; flex-direction: column; gap: 3px; font-size: 13px; color: #D9D2C3; }
.gft-sfc-contact a { font-size: 13px; }
.gft-section-footer-compact .gft-section-social { margin-top: 0; }
.gft-section-footer-compact .gft-section-footer-base { margin-top: 26px; }
.gft-sfc-legal { display: flex; flex-wrap: wrap; gap: 6px 18px; }
@media (max-width: 767px) {
	.gft-sfc-band { flex-direction: column; align-items: flex-start; }
}