.elementor-149728 .elementor-element.elementor-element-7fa33a6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-149728 .elementor-element.elementor-element-d78be4d{--display:grid;--e-con-grid-template-columns:minmax(0, 1.55fr) minmax(0, 1fr) minmax(0, 1fr);--e-con-grid-template-rows:auto;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-149728 .elementor-element.elementor-element-458bea4{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:auto;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-149728 .elementor-element.elementor-element-6a4450a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1300px){.elementor-149728 .elementor-element.elementor-element-d78be4d{--grid-auto-flow:row;}.elementor-149728 .elementor-element.elementor-element-458bea4{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-149728 .elementor-element.elementor-element-d78be4d{--content-width:1360px;}.elementor-149728 .elementor-element.elementor-element-6a4450a{--content-width:1360px;}}@media(max-width:1024px){.elementor-149728 .elementor-element.elementor-element-d78be4d{--e-con-grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.elementor-149728 .elementor-element.elementor-element-458bea4{--grid-auto-flow:row;grid-column:1 / -1;}}@media(max-width:767px){.elementor-149728 .elementor-element.elementor-element-7fa33a6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:28px;--padding-left:0px;--padding-right:0px;}.elementor-149728 .elementor-element.elementor-element-d78be4d{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--grid-auto-flow:row;}.elementor-149728 .elementor-element.elementor-element-458bea4{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--grid-auto-flow:row;}}/* Start custom CSS *//* ==================== Diwan Core · chrome-footer.css ==================== */

/**
 * The footer: the dark band, its link columns, the newsletter, the social
 * marks and the legal line, as the code footer and as built in Elementor
 * (split from chrome.css in 3.6.0).
 */

/* ------------------------------------------------------------------ footer */

/* A dark band, as on staging: #202020 with white text, generous above and
   tighter below, and the whole thing inside the same 1400px box as the header
   so the two line up on the left and right edges. */

.diwan-footer {
	--diwan-footer-bg: #202020;
	--diwan-footer-text: #fff;
	--diwan-footer-muted: rgba(255, 255, 255, 0.62);
	--diwan-footer-rule: rgba(255, 255, 255, 0.14);

	background: var(--diwan-footer-bg);
	color: var(--diwan-footer-text);
	font-family: "Loew", "Loew Font Family", "IBM Plex Sans Arabic", "Cairo", system-ui, sans-serif;
	padding-block: 80px 40px;
}

/* The room above the footer belongs to the page, not to the footer. A margin
   on the footer left a white strip under a tinted last band (the events'
   "More events"); a page drawn in Elementor ends in its own padded band, and
   a page the theme draws gets the same room at the foot of its content. */
main.site-main {
	padding-block-end: 60px;
}

/* Excluding the button here for the same reason as in the header: a colour set
   on every link in a section outranks a single class, and the newsletter button
   would come out with the footer's own text colour on its own background. */
.diwan-footer a:not(.diwan-button) {
	color: var(--diwan-footer-text);
}

.diwan-footer a {
	text-decoration: none;
}

.diwan-footer a:not(.diwan-button):hover,
.diwan-footer a:not(.diwan-button):focus-visible {
	color: var(--diwan-papyrus, #e0b070);
}

.diwan-footer__inner {
	align-items: start;
	display: grid;
	/* The links take roughly half and the two blocks a quarter each, which is
	   the 691 / 447 / 447 split the staging footer uses at 1400. */
	gap: 32px;
	grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr) minmax(0, 1fr);
}

.diwan-footer__links {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Set at the same size and weight as the links, deliberately: on staging these
   read as group labels, not as headings. 14 pixels, as Waterstones' footer is
   (the client's review of 1 October 2026: 12 cm of footer, against their 9). */
.diwan-footer__title {
	font-size: 13px;
	font-weight: 400;
	margin: 0 0 10px;
	white-space: nowrap;
}

.diwan-footer__column ul,
.diwan-footer__social {
	list-style: none;
	margin: 0;
	padding: 0;
}

.diwan-footer__column li + li {
	margin-block-start: 6px;
}

/* 13 pixels, as Waterstones' footer, and every link on one line in every
   column (Diwan, October 2026): "Corporate Partnerships" used to break over
   two. Down to 12 on the narrowest laptops, where three columns of links
   share half of 1025 pixels. */
.diwan-footer__column a {
	color: var(--diwan-footer-muted);
	font-size: 13px;
	white-space: nowrap;
}

@media (min-width: 1025px) and (max-width: 1200px) {
	.diwan-footer__column a,
	.diwan-footer__title,
	.diwan-footer__brand {
		font-size: 12px;
	}

	/* A brand and its four marks need 282 pixels and the column has 256 at
	   1025: the page scrolled sideways in Arabic (Diwan, 5 October 2026: every
	   width from 1300 down looked over). The name's column and the marks a
	   size smaller here (named through the footer: the rules they change come
	   later in this file). */
	.diwan-footer .diwan-footer__social li {
		gap: 10px;
		grid-template-columns: minmax(0, 10em) minmax(0, 1fr);
	}

	.diwan-footer .diwan-footer__icons {
		gap: 4px;
	}

	.diwan-footer .diwan-footer__icon {
		block-size: 24px;
		inline-size: 24px;
	}

	.diwan-footer .diwan-footer__icon svg {
		block-size: 16px;
		inline-size: 16px;
	}
}

/* The button under the field rather than beside it (Diwan, October 2026):
   the field gets the column's whole width, and the column needs less of
   the row. */
.diwan-footer__newsletter {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-inline-size: 320px;
}

.diwan-footer__newsletter input {
	background: transparent;
	border: 1px solid var(--diwan-footer-rule);
	border-radius: var(--diwan-radius-sm, 4px);
	color: var(--diwan-footer-text);
	flex: 0 0 auto;
	font: inherit;
	font-size: 13px;
	min-inline-size: 0;
	padding: 9px 12px;
}

.diwan-footer__newsletter input::placeholder {
	color: var(--diwan-footer-muted);
}

.diwan-footer__newsletter input:focus {
	border-color: var(--diwan-papyrus, #e0b070);
	outline: none;
}

.diwan-footer__newsletter .diwan-button {
	background: var(--diwan-footer-text);
	border-color: var(--diwan-footer-text);
	align-self: flex-start;
	color: var(--diwan-footer-bg);
	flex: 0 0 auto;
	padding: 9px 22px;
}

/* The name in a column of its own, the marks from one line after it, in
   either language, as the existing site sets them: the marks start together
   rather than being pushed to the far edge a different distance each row. */
.diwan-footer__social li {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 11.5em) minmax(0, 1fr);
	padding-block: 3px;
}

.diwan-footer__social li + li {
	border-block-start: 1px solid var(--diwan-footer-rule);
}

.diwan-footer__brand {
	color: var(--diwan-footer-muted);
	font-size: 13px;
	white-space: nowrap;
}

/* A brand's marks on its own line, one brand to a line. */
.diwan-footer__icons {
	display: flex;
	flex-wrap: nowrap;
	gap: 6px;
	justify-content: flex-start;
}

/* On the narrowest phones (320, a 400% zoom) Diwan Productions' five marks
   (Spotify since 3.3.0) do not fit beside its name: they go on to a second
   line rather than push the page sideways. */
@media (max-width: 400px) {
	.diwan-footer .diwan-footer__icons {
		flex-wrap: wrap;
	}
}

/* The network's own solid mark, white, in a 32-pixel square to press. */
.diwan-footer__icon {
	align-items: center;
	color: var(--diwan-footer-text, #fff);
	display: inline-flex;
	block-size: 28px;
	inline-size: 28px;
	justify-content: center;
	transition: color 0.16s ease;
}

.diwan-footer__icon svg {
	block-size: 18px;
	inline-size: 18px;
}

/* Written with the footer's own link rule in front, which otherwise wins. */
.diwan-footer a.diwan-footer__icon:hover,
.diwan-footer a.diwan-footer__icon:focus-visible {
	color: var(--diwan-papyrus, #e0b070);
	outline: none;
}

/* An account the shop has not given us the address of yet: drawn like the
   rest, as the existing site draws it, but not a link and so no hover. */
.diwan-footer__icon.is-missing {
	color: var(--diwan-footer-text, #fff);
	cursor: default;
}

.diwan-footer__legal {
	align-items: center;
	border-block-start: 1px solid var(--diwan-footer-rule);
	color: var(--diwan-footer-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	gap: 12px 28px;
	justify-content: space-between;
	margin-block-start: 24px;
	padding-block-start: 16px;
}

.diwan-footer__copyright {
	margin: 0;
}

.diwan-footer__legal-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.diwan-footer__legal-links a {
	color: var(--diwan-footer-muted);
	font-size: 13px;
	text-transform: uppercase;
}

@media (max-width: 1024px) {
	.diwan-footer__inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	/* The three link columns span the full width once the grid drops to two,
	   so they keep their own three columns instead of being squeezed. */
	.diwan-footer__links {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	.diwan-footer {
		margin-block-start: 40px;
		padding-block: 48px 28px;
	}

	.diwan-footer__inner {
		gap: 32px;
		grid-template-columns: minmax(0, 1fr);
	}

	.diwan-footer__links {
		gap: 26px;
		grid-template-columns: minmax(0, 1fr);
	}

	.diwan-footer__newsletter {
		max-inline-size: none;
	}

	.diwan-footer__newsletter .diwan-button {
		inline-size: 100%;
	}

	.diwan-footer__legal {
		justify-content: flex-start;
		margin-block-start: 28px;
	}
}

/* The footer's spacing is the container's, not the code footer's. */
.e-con.diwan-footer {
	margin-block-start: var(--margin-block-start);
	padding-block: var(--padding-block-start) var(--padding-block-end);
}

/*
 * A page built from bands already ends on a band with its own padding, and
 * the last one is often on the soft grey. The footer's own gap would open a
 * white strip between the two, so on those pages the footer sits right under
 * the last band. Pages that end in plain text (the basket, the account) keep
 * the gap, because nothing else stands between their last line and the footer.
 */
body.elementor-page .diwan-footer,
body.elementor-page .e-con.diwan-footer {
	margin-block-start: 0;
}/* End custom CSS */