/* ==== safeval sections (Safekeeping, Valuations & Estimates, Zakat): shared ====
   Built from work/safeval/css; loaded only on the section's own pages. */

.gft-section .gfsv-kicker .elementor-heading-title { margin: 0; }
.gft-section .gfsv-h1 .elementor-heading-title { margin: 0; }
.gft-section .gfsv-gold {
	background: linear-gradient(180deg, #F7E7B4 0%, #E3C57A 42%, #B88A32 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.gft-section .gfsv-lead p { margin: 0 0 4px; }
.gft-section .gfsv-lead p:last-child { margin-bottom: 0; }
.gft-section .gfsv-lead-big { font-size: 1.32em; line-height: 1.3; color: #FFFFFF; }

/* dark photographic hero */
.gft-section .gfsv-hero { overflow: hidden; }
.gft-section .gfsv-hero-photo { position: relative; }
.gft-section .gfsv-hero-photo::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 22%;
	background: linear-gradient(270deg, #0D0B08 0%, rgba(13, 11, 8, 0) 100%);
	pointer-events: none;
	z-index: 1;
}
.gft-section .gfsv-hero-photo .elementor-element { position: relative; z-index: 2; }
.gft-section .gfsv-hero .elementor-button { box-shadow: none; }
.gft-section .gfsv-hero-icons .elementor-icon-box-title,
.gft-section .gfsv-badges .elementor-icon-box-title { margin-top: 0; }
.gft-section .gfsv-side-words .elementor-icon-list-item:last-child .elementor-icon-list-text { color: #E3C57A; }
.gft-section .gfsv-side-words .elementor-icon-list-icon { display: none; }
.gft-section .gfsv-side-text p { margin: 0; }
.gft-section .gfsv-side-text p::after { content: ""; display: block; width: 44px; height: 1px; margin: 14px auto 0; background: #C6A44E; }

/* tables written in a text editor */
.gft-section .gfsv-table { width: 100%; margin: 0; border-collapse: collapse; background: #FBF8F2; border: 1px solid #EFE6D4; }
.gft-section .gfsv-table th { padding: 10px 14px; background: #F2E9D8; border: 0; color: #23201A; font-family: "Jost", sans-serif; font-size: 14px; font-weight: 500; text-align: left; text-transform: none; letter-spacing: 0; }
.gft-section .gfsv-table td { padding: 8px 14px; border: 0; border-top: 1px solid #EFE6D4; color: #23201A; font-size: 15px; }
.gft-section .gfsv-table th:last-child,
.gft-section .gfsv-table td:last-child { text-align: center; white-space: nowrap; }
.gft-section .gfsv-table tbody tr:nth-child(even) td { background: #FFFFFF; }

/* note box */
.gft-section .gfsv-note { padding: 16px 20px; background: #FAF6EF; border-left: 3px solid #C6A44E; }
.gft-section .gfsv-note p { margin: 0; }

/* toggles (FAQ) */
.gft-section .elementor-toggle .elementor-tab-title { display: flex; align-items: center; gap: 10px; }
.gft-section .elementor-toggle .elementor-tab-title .elementor-toggle-title { flex: 1 1 auto; }
.gft-section .elementor-toggle .elementor-toggle-icon { order: 2; width: auto; }
.gft-section .elementor-toggle .elementor-tab-title a { color: inherit; }
.gft-section .elementor-toggle .elementor-tab-content p { margin: 0 0 8px; }
.gft-section .elementor-toggle .elementor-tab-content p:last-child { margin-bottom: 0; }

/* sub pages */
.gft-section .gfsv-band-dark {
	background-image: radial-gradient(ellipse at 50% 0%, rgba(198, 164, 78, .16) 0%, rgba(13, 11, 8, 0) 62%);
	border-bottom: 1px solid rgba(198, 164, 78, .35);
}
.gft-section .gfsv-band-zakat { border-bottom: 1px solid #E6DAC0; }
.gft-section .gfsv-band .gfsv-lead p { margin: 0; }
.gft-section .gfsv-rail .elementor-widget-text-editor p:last-child { margin-bottom: 0; }
.gft-section .gfsv-rail .elementor-widget-heading h2 { margin-bottom: 0; }
.gft-section .gfsv-aside .elementor-icon-list-text a,
.gft-section .gfsv-aside a.elementor-icon-list-text { color: inherit; }
.gft-section .gfsv-aside .gfsv-table td,
.gft-section .gfsv-aside .gfsv-table th { padding: 7px 10px; font-size: 14px; }
.gft-section .gfsv-cta { border-top: 1px solid rgba(198, 164, 78, .35); }
.gft-section .gfsv-form .gft-tool { margin: 0; }

/* the design's one-band footer, printed by includes/sections/safeval.php */
.gfsv-footband { padding: 26px 0; background: #0B0907; border-top: 1px solid rgba(198, 164, 78, .45); color: #EDE6D8; }
.gfsv-footband-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 18px; }
.gfsv-fb-logo img { display: block; width: 190px; height: auto; }
.gfsv-fb-item { display: flex; align-items: center; gap: 10px; padding-left: 18px; border-left: 1px solid rgba(198, 164, 78, .45); font-size: 15px; line-height: 1.4; color: #EDE6D8; }
.gfsv-fb-item a { color: #EDE6D8; font-size: 18px; text-decoration: none; white-space: nowrap; }
.gfsv-fb-item a:hover { color: #E3C57A; }
.gfsv-fb-ic { display: inline-flex; flex: 0 0 auto; }
.gfsv-fb-ic svg { width: 24px; height: 24px; fill: #D9B45E; }
.gfsv-fb-sign { padding-left: 18px; border-left: 1px solid rgba(198, 164, 78, .45); font-family: "Cormorant Garamond", serif; font-size: 21px; font-style: italic; font-weight: 600; line-height: 1.1; text-align: center; color: #D9B45E; }
.gfsv-fb-sign span { display: block; }
.gfsv-fb-social { display: flex; gap: 10px; }
.gfsv-fb-social a { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: #D9B45E; transition: background .2s ease; }
.gfsv-fb-social a:hover { background: #F2DA97; }
.gfsv-fb-social svg { width: 20px; height: 20px; fill: #0B0907; }
.gft-section .gft-section-footer { padding-top: 34px; background: #15120E; }
@media (max-width: 1024px) {
	.gfsv-footband-in { justify-content: flex-start; }
	.gfsv-fb-item, .gfsv-fb-sign { padding-left: 0; border-left: 0; }
}
@media (max-width: 767px) {
	.gfsv-footband { padding: 24px 0 20px; }
	.gfsv-footband-in { flex-direction: column; align-items: flex-start; gap: 14px; }
	.gfsv-fb-sign { text-align: left; }
}

/* phones: stack the hero and give the photo its own space */
@media (max-width: 1024px) {
	.gft-section .gfsv-hero-photo::after { width: 12%; }
}

/* hero side words column */
.gft-section .gfsv-hero-words { position: relative; }
.gft-section .gfsv-side-words .elementor-icon-list-text { white-space: nowrap; }

/* short price tables stay tables on phones (tables.php stacks every other table into cards) */
@media (max-width: 767px) {
	.gft-section .gfsv-pricing table.gft-stack,
	.gft-section .gfsv-aside table.gft-stack { display: table; width: 100% !important; border-collapse: collapse; }
	.gft-section .gfsv-pricing table.gft-stack thead,
	.gft-section .gfsv-aside table.gft-stack thead { display: table-header-group; }
	.gft-section .gfsv-pricing table.gft-stack tbody,
	.gft-section .gfsv-aside table.gft-stack tbody { display: table-row-group; width: auto !important; }
	.gft-section .gfsv-pricing table.gft-stack tr,
	.gft-section .gfsv-aside table.gft-stack tr { display: table-row; width: auto !important; margin: 0; border: 0; background: none; }
	.gft-section .gfsv-pricing table.gft-stack td,
	.gft-section .gfsv-pricing table.gft-stack th,
	.gft-section .gfsv-aside table.gft-stack td,
	.gft-section .gfsv-aside table.gft-stack th { display: table-cell; width: auto !important; padding: 8px 10px; border-bottom: 0; }
	.gft-section .gfsv-pricing table.gft-stack td[data-label]::before,
	.gft-section .gfsv-aside table.gft-stack td[data-label]::before { content: none; display: none; }
}

/* ==== Jewellery Valuations & Estimates (valuations.png) ==== */

/* service cards */
.gft-section-valuations .gfsv-scard { overflow: hidden; border: 1px solid #EADFCB; }
.gft-section-valuations .gfsv-scard-photo { -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%); mask-image: linear-gradient(90deg, transparent 0%, #000 45%); }
.gft-section-valuations .gfsv-scard .elementor-icon-box-title { margin: 0 0 4px; }
.gft-section-valuations .gfsv-scard .elementor-icon-box-title a { color: inherit; }
.gft-section-valuations .gfsv-scard-more { margin-left: 52px; }

/* Zakat band */
.gft-section-valuations .gfsv-zband { overflow: hidden; background-image: linear-gradient(90deg, #0E0B08 60%, #1B150D 100%); }
.gft-section-valuations .gfsv-zband-photo { -webkit-mask-image: linear-gradient(90deg, #000 70%, transparent 100%); mask-image: linear-gradient(90deg, #000 70%, transparent 100%); }
.gft-section-valuations .gfsv-zband-cta { border-left: 1px solid rgba(198, 164, 78, .4); }
.gft-section-valuations .gfsv-zband-title .elementor-widget-heading h2 { margin: 0; }
.gft-section-valuations .gfsv-zband-quote p::after { content: ""; display: block; width: 36px; height: 1px; margin: 12px auto 0; background: #C6A44E; }
.gft-section-valuations .gfsv-gold-text .elementor-heading-title { background: linear-gradient(180deg, #F7E7B4 0%, #E3C57A 45%, #B88A32 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* cross links */
.gft-section-valuations .gfsv-lcard { overflow: hidden; border: 1px solid #2A241B; }
.gft-section-valuations .gfsv-lcard-photo { -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 40%); mask-image: linear-gradient(90deg, transparent 0%, #000 40%); }
.gft-section-valuations .gfsv-lcard .elementor-widget-heading h2 { margin: 0; }
.gft-section-valuations .gfsv-lcard .elementor-heading-title a { color: inherit; }

/* how it works */
.gft-section-valuations .gfsv-how .elementor-widget-heading h2 { margin: 0; }
.gft-section-valuations .gfsv-step { position: relative; }
.gft-section-valuations .gfsv-step-num { flex: 0 0 auto; }
.gft-section-valuations .gfsv-step-num .elementor-heading-title { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(180deg, #F2D790 0%, #D2AC57 100%); }
.gft-section-valuations .gfsv-step .elementor-widget-icon-box { flex: 1 1 auto; }
.gft-section-valuations .gfsv-step .elementor-icon-box-title { margin: 0 0 2px; }
.gft-section-valuations .gfsv-step .elementor-icon-box-title a { color: inherit; }
@media (min-width: 1025px) {
	.gft-section-valuations .gfsv-steps .gfsv-step:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -10px; width: 8px; height: 8px; border-top: 1.5px solid #6E4D17; border-right: 1.5px solid #6E4D17; transform: translateY(-50%) rotate(45deg); }
}

/* what can be valued */
.gft-section-valuations .gfsv-items-band .elementor-widget-heading h2 { margin: 0; }
.gft-section-valuations .gfsv-items .elementor-widget-image-box { padding: 2px 6px; border-left: 1px solid rgba(198, 164, 78, .35); }
.gft-section-valuations .gfsv-items .elementor-image-box-img img { width: auto; max-height: 58px; }

/* why choose and FAQ */
.gft-section-valuations .gfsv-whyfaq .elementor-widget-heading h2 { margin: 0; }
.gft-section-valuations .gfsv-faq-col { padding-left: 30px; border-left: 1px solid #E3D6BD; }

@media (max-width: 1024px) {
	.gft-section-valuations .gfsv-faq-col { padding-left: 0; border-left: 0; }
	.gft-section-valuations .gfsv-zband-cta { border-left: 0; }
	.gft-section-valuations .gfsv-items .elementor-widget-image-box:nth-child(5n+1) { border-left: 0; }
	.gft-section-valuations .gfsv-items { row-gap: 16px; }
}
@media (max-width: 767px) {
	.gft-section-valuations .gfsv-items .elementor-widget-image-box,
	.gft-section-valuations .gfsv-items .elementor-widget-image-box:nth-child(5n+1) { border-left: 0; }
	.gft-section-valuations .gfsv-lcard-photo { min-height: 110px; }
}

.gft-section-valuations .gfsv-step { flex-wrap: nowrap; }

/* the shop-wide announcement bar (strapline and Shop Now) gives way here, as on
   the other service sites (repairs.css, bespoke.css) */
.gft-section-valuations .whb-top-bar { display: none; }

/* ==== dark header, as in his valuations design (same treatment as the bespoke and rings sites) ==== */
body.gft-section-valuations {
	--gbw-ink: #0E0C09;
	--gbw-panel: #17130E;
	--gbw-panel-2: #1F1A13;
	--gbw-gold: #C6A44E;
	--gbw-gold-deep: #A8802D;
	--gbw-gold-pale: #E6D3A0;
	--gbw-cream: #FBF7EF;
	--gbw-cream-2: #F4ECDD;
	--gbw-line: #E4D7BB;
	--gbw-text-dark: #E9E1D0;
	--gbw-muted-dark: #B3A993;
	--gbw-text: #5A554B;
	--gbw-head: #23201A;
}

/* ---------------------------------------------------------------- header */

/* the shop-wide announcement bar gives way to this site's own */
body.gft-section-valuations .whb-top-bar { display: none; }

body.gft-section-valuations .whb-header .whb-general-header,
body.gft-section-valuations .whb-header .whb-header-bottom,
body.gft-section-valuations .whb-clone,
body.gft-section-valuations .whb-clone .whb-general-header {
	background-color: var(--gbw-ink);
}
body.gft-section-valuations .whb-general-header-inner,
body.gft-section-valuations .whb-header-bottom-inner { border-color: rgba(198, 164, 78, .28) !important; }
body.gft-section-valuations .whb-header-bottom { border-bottom: 1px solid rgba(198, 164, 78, .35); }
body.gft-section-valuations .whb-header .wd-nav-header,
body.gft-section-valuations .whb-clone .wd-nav-header { --wd-navigation-color: 233, 225, 208; }
body.gft-section-valuations .whb-header .wd-nav-main > li > a,
body.gft-section-valuations .whb-clone .wd-nav-main > li > a { color: var(--gbw-text-dark); letter-spacing: .06em; }
body.gft-section-valuations .whb-header .wd-nav-main > li > a:hover,
body.gft-section-valuations .whb-header .wd-nav-main > li.current-menu-item > a,
body.gft-section-valuations .whb-header .wd-nav-main > li.current-menu-ancestor > a,
body.gft-section-valuations .whb-clone .wd-nav-main > li > a:hover { color: var(--gbw-gold) !important; }
body.gft-section-valuations .whb-header .wd-nav-main > li.current-menu-item > a .nav-link-text { box-shadow: inset 0 -1px 0 var(--gbw-gold); }
body.gft-section-valuations .whb-header .wd-nav-main > li.gft-nav-home > a { color: var(--gbw-gold) !important; }
body.gft-section-valuations .whb-header .wd-nav-main > li.gft-nav-cta > a,
body.gft-section-valuations .whb-clone .wd-nav-main > li.gft-nav-cta > a {
	padding: 9px 18px !important;
	background-image: linear-gradient(134deg, #A8802D 0%, #FBF3A1 47%, #CDA42D 100%);
	color: #1A1A1A !important;
	border-radius: 2px;
}
body.gft-section-valuations .whb-header .wd-nav-main > li.gft-nav-cta > a:hover { box-shadow: 0 4px 16px rgba(198, 164, 78, .45); color: #1A1A1A !important; }
body.gft-section-valuations .whb-header .wd-tools-element > a,
body.gft-section-valuations .whb-header .wd-tools-element .wd-tools-text,
body.gft-section-valuations .whb-header .wd-tools-element .wd-tools-icon,
body.gft-section-valuations .whb-header .wd-header-mobile-nav > a,
body.gft-section-valuations .whb-clone .wd-tools-element > a { color: var(--gbw-text-dark) !important; }
body.gft-section-valuations .whb-header .wd-tools-element > a:hover { color: var(--gbw-gold) !important; }
body.gft-section-valuations .whb-header .wd-tools-count { background-color: var(--gbw-gold); color: #1A1A1A; }
body.gft-section-valuations .whb-header .wd-header-search-form .searchform input[type="text"] {
	background-color: #1B1712;
	border-color: rgba(198, 164, 78, .35);
	color: #F3EDE0;
}
body.gft-section-valuations .whb-header .wd-header-search-form .searchform input[type="text"]::placeholder { color: #A89F8B; }
body.gft-section-valuations .whb-header .wd-header-search-form .searchsubmit { color: var(--gbw-gold); }

/* ---------------------------------------------------- the name strip */

body.gft-section-valuations .gft-section-strip { background: var(--gbw-panel); border-bottom: 1px solid rgba(198, 164, 78, .3); }
body.gft-section-valuations .gft-section-strip .gft-section-name { color: #F3EDE0; font-size: 19px; }
body.gft-section-valuations .gft-section-strip .gft-section-name span { color: var(--gbw-gold); }
body.gft-section-valuations .gft-section-strip .gft-section-name:hover { color: var(--gbw-gold); }
body.gft-section-valuations .gft-section-strip .gft-section-tag { color: var(--gbw-muted-dark); letter-spacing: .04em; }
body.gft-section-valuations .gft-section-strip .gft-section-back { color: var(--gbw-gold); }