/* ==== CAD Jewellery Design: its own black and gold website ====
   Loaded only on the CAD section's pages (includes/section-sites.php).
   The client's design cad.png: a black header with gold lettering, the
   Gold Factory London mark on the left, the section menu in the middle. */

body.gft-section-cad {
	font-variant-numeric: lining-nums;
	background-color: #0B0A08;
}
.gft-section-cad .main-page-wrapper,
.gft-section-cad .wd-page-content {
	background-color: #0B0A08;
}

/* header rows turn black; the logo is the design's gold on black mark */
.gft-section-cad .whb-general-header,
.gft-section-cad .whb-header-bottom,
.gft-section-cad .whb-sticky-header .whb-general-header,
.gft-section-cad .whb-clone {
	background-color: #0B0A08 !important;
	border-color: rgba(210, 169, 84, 0.35) !important;
	--wd-header-el-color: #EDE6D8;
	--wd-header-el-color-hover: #D2A954;
	--wd-navigation-color: 237, 230, 216;
}
.gft-section-cad .whb-header-bottom {
	border-top: 1px solid rgba(210, 169, 84, 0.25) !important;
	border-bottom: 1px solid rgba(210, 169, 84, 0.55) !important;
}
.gft-section-cad .wd-logo img {
	content: url("https://goldfactoryonline.co.uk/wp-content/uploads/2026/09/gf-sec-logo-dark.webp");
	object-fit: contain;
}
.gft-section-cad .wd-header-my-account .wd-tools-text,
.gft-section-cad .wd-header-cart .wd-tools-text,
.gft-section-cad .wd-header-cart .amount,
.gft-section-cad .whb-general-header a {
	color: #EDE6D8;
}
.gft-section-cad .whb-general-header .wd-tools-icon,
.gft-section-cad .whb-general-header .wd-tools-icon::before {
	color: #D2A954;
}
.gft-section-cad .whb-general-header .searchform input[type="text"] {
	background-color: #15130F;
	border-color: rgba(210, 169, 84, 0.45);
	color: #EDE6D8;
}
.gft-section-cad .whb-general-header .searchform .searchsubmit {
	color: #D2A954;
}

/* the section menu row */
.gft-section-cad .wd-nav-main > li > a {
	color: #EDE6D8 !important;
	font-family: "Cormorant Garamond", serif;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.gft-section-cad .wd-nav-main > li > a:hover,
.gft-section-cad .wd-nav-main > li.current-menu-item > a {
	color: #D2A954 !important;
}
.gft-section-cad .wd-nav-main > li.gft-nav-home > a {
	color: #D2A954 !important;
}

/* the strip under the header */
.gft-section-cad .gft-section-strip {
	background: #0B0A08;
	border-bottom: 1px solid rgba(210, 169, 84, 0.45);
}
.gft-section-cad .gft-section-name {
	color: #F1EADB;
}
.gft-section-cad .gft-section-name span,
.gft-section-cad .gft-section-back {
	color: #D2A954;
}
.gft-section-cad .gft-section-name:hover,
.gft-section-cad .gft-section-back:hover {
	color: #F0D48C;
}
.gft-section-cad .gft-section-tag {
	color: #B9AF9D;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	font-size: 12px;
}

/* the section's own footer */
.gft-section-cad .gft-section-footer {
	background: #0B0A08;
	border-top: 1px solid rgba(210, 169, 84, 0.55);
	color: #CFC6B4;
}
.gft-section-cad .gft-section-footer-title {
	color: #D2A954;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 17px;
}
.gft-section-cad .gft-section-footer a {
	color: #DCD4C3;
}
.gft-section-cad .gft-section-footer a:hover {
	color: #F0D48C;
}
.gft-section-cad .gft-section-footer-base {
	border-top-color: rgba(210, 169, 84, 0.3);
}

/* the shop's contact form sitting on the dark pages */
.gft-section-cad .gf-cf7 label,
.gft-section-cad .gf-cf7 p {
	color: #23201A;
}

/* the header's own hairlines, gold instead of light grey */
.gft-section-cad .whb-general-header-inner,
.gft-section-cad .whb-header-bottom-inner,
.gft-section-cad .whb-top-bar-inner {
	border-color: rgba(210, 169, 84, 0.3) !important;
}

/* phone: the two long icon labels (Chains & Necklaces, Bangles & Bracelets)
   ran into each other at 390px */
@media (max-width: 480px) {
	body.gft-section-cad .e-con.elementor-element-cdb9bd19 .elementor-widget-icon-box.elementor-element .elementor-icon-box-title {
		font-size: 12.5px;
		letter-spacing: 0.02em;
	}
	.gft-section-cad .elementor-element-cdb9bd19 {
		--column-gap: 18px;
		column-gap: 18px;
	}
}