.elementor-149801 .elementor-element.elementor-element-dcafs1e{padding:40px 18px 28px 18px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-149801 .elementor-element.elementor-element-dcafte{text-align:center;}.elementor-149801 .elementor-element.elementor-element-dcafte .elementor-heading-title{color:var( --e-global-color-diwanblue );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-149801 .elementor-element.elementor-element-dcafxe{text-align:center;}.elementor-149801 .elementor-element.elementor-element-dcafs2e{padding:0px 18px 28px 18px;}.elementor-149801 .elementor-element.elementor-element-dcafs3e{padding:0px 18px 60px 18px;}.elementor-149801 .elementor-element.elementor-element-dcafye{text-align:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-149801 .elementor-element.elementor-element-dcafs1e{padding:24px 18px 20px 18px;}.elementor-149801 .elementor-element.elementor-element-dcafs2e{padding:0px 18px 24px 18px;}.elementor-149801 .elementor-element.elementor-element-dcafs3e{padding:0px 18px 40px 18px;}}/* Start custom CSS *//* ==================== Diwan Core · cafe.css ==================== */

/**
 * Diwan Café: the intro and the cafés.
 *
 * The concept's layout in the site's own colours: the buttons are the site's
 * buttons (black, papyrus and wood on hover) and the headings its headings.
 */

/* ---------------------------------------------------------------- the intro */

.elementor-widget.diwan-cafe-intro__title .elementor-heading-title {
	color: var(--diwan-heading, #246b8f);
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
}

/* A short rule under the title, as the concept draws it. */
.elementor-widget.diwan-cafe-intro__title::after {
	background: var(--diwan-papyrus, #e0b070);
	block-size: 2px;
	content: "";
	display: block;
	inline-size: 44px;
	margin: 10px auto 0;
}

/* Diwan's words about its cafés (October 2026) run to a few paragraphs: a
   little smaller and wider than a single line would be, so both cafés still
   stand whole on a laptop's first screen. The words under the cards are
   the same words, set the same way. */
.elementor-widget.diwan-cafe-intro__text,
.elementor-widget.diwan-cafe-after__text {
	color: var(--diwan-text, #1a1a1a);
	font-size: 14px;
	line-height: 1.55;
	margin-inline: auto;
	max-inline-size: min(1000px, 100%);
}

.elementor-widget.diwan-cafe-intro__text p,
.elementor-widget.diwan-cafe-after__text p {
	margin-block: 0 0.7em;
}

/* Less air round the words on a computer, over the section's own padding
   (named twice over, so it holds whatever order the rules arrive in). */
@media (min-width: 768px) {
	.elementor .elementor-element.elementor-section.diwan-cafe-intro {
		padding-block: 24px 16px;
	}
}

.elementor-widget.diwan-cafe-intro__text p:last-child,
.elementor-widget.diwan-cafe-after__text p:last-child {
	margin-block-end: 0;
}

/* ---------------------------------------------------------------- the cards */

.diwan-cafe {
	background: var(--diwan-surface, #fff);
	block-size: 100%;
	border: 1px solid var(--diwan-border-soft, #ececec);
	border-radius: var(--diwan-radius, 6px);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

/* Both cafés whole on the first screen, words and buttons included (Diwan,
   October 2026): the picture gives way to the screen's height as well as to
   its width. */
.diwan-cafe__shot {
	background: var(--diwan-surface-sunken, #f4f3f1);
	/* The picture takes what the screen's height leaves under the words
	   above, so both cafés end on the first screen. Since the English page
	   moved its second paragraph under the cards (October 2026) there is
	   80 pixels more of it; the Arabic page, three short paragraphs over the
	   cards, is the one that sets the figure. */
	block-size: clamp(150px, min(30vw, calc(100svh - 490px)), 340px);
	display: block;
	overflow: hidden;
	position: relative;
}

/* A shade at the foot of the picture, so the words on it can be read. */
.diwan-cafe__shot::after {
	background: linear-gradient(180deg, rgb(0 0 0 / 0) 45%, rgb(0 0 0 / 0.55) 100%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

/* Two classes deep: Elementor's own ".elementor img { height: auto }" weighs
   one class and an element, and with one class here it won, so the picture
   kept its own shape and its box cut the bottom off, showing the top of each
   café rather than the part chosen for it (aldiwan, 13 October 2026). */
.diwan-cafe__shot .diwan-cafe__image {
	block-size: 100%;
	display: block;
	inline-size: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

a.diwan-cafe__shot:hover .diwan-cafe__image,
a.diwan-cafe__shot:focus-visible .diwan-cafe__image {
	transform: scale(1.04);
}

.diwan-cafe__pdf {
	background: rgb(255 255 255 / 0.94);
	border-radius: var(--diwan-radius-sm, 3px);
	color: var(--diwan-text, #1a1a1a);
	font-size: 11px;
	font-weight: 600;
	inset-block-start: 16px;
	inset-inline-end: 16px;
	letter-spacing: 0.08em;
	padding: 5px 9px;
	position: absolute;
	z-index: 2;
}

/* The site's button, on the picture. */
.diwan-cafe__cta {
	align-items: center;
	background: var(--diwan-btn-bg, #000);
	color: var(--diwan-btn-text, #fff);
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	gap: 8px;
	inset-block-end: 16px;
	inset-inline-start: 16px;
	letter-spacing: 0.06em;
	padding: 11px 18px;
	position: absolute;
	text-transform: uppercase;
	transition: background-color 0.15s ease, color 0.15s ease;
	z-index: 2;
}

a.diwan-cafe__shot:hover .diwan-cafe__cta,
a.diwan-cafe__shot:focus-visible .diwan-cafe__cta {
	background: var(--diwan-hover, #e0b070);
	color: var(--diwan-hover-text, #3b0f00);
}

a.diwan-cafe__shot:focus-visible {
	outline: 2px solid var(--diwan-blue, #246b8f);
	outline-offset: -2px;
}

/* The chevron points onward, which in Arabic is to the left. */
[dir="rtl"] .diwan-cafe__cta svg,
.rtl .diwan-cafe__cta svg {
	transform: scaleX(-1);
}

.diwan-cafe__meta {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 6px;
	padding: 14px 18px 16px;
}

.diwan-cafe__name {
	color: var(--diwan-heading, #246b8f);
	font-size: 19px;
	font-weight: 600;
	line-height: 1.3;
	margin: 0;
}

.diwan-cafe__row {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	justify-content: space-between;
}

.diwan-cafe__place {
	align-items: center;
	color: var(--diwan-text-muted, #6e6e6e);
	display: flex;
	font-size: 14px;
	gap: 6px;
	margin: 0;
}

.diwan-cafe__place svg {
	color: var(--diwan-wood, #3b0f00);
	flex: none;
}

.diwan-cafe__actions {
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	font-weight: 600;
	gap: 16px;
	margin: 0;
}

.diwan-cafe__actions a {
	color: var(--diwan-link, #246b8f);
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-offset: 3px;
	transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.diwan-cafe__actions a:hover,
.diwan-cafe__actions a:focus-visible {
	color: var(--diwan-wood, #3b0f00);
	text-decoration-color: currentcolor;
}

/* One under the other on a phone: Elementor stacks the columns, and its own
   gap keeps them apart. */
@media (max-width: 767px) {
	.elementor-widget.diwan-cafe-intro__title .elementor-heading-title {
		font-size: 24px;
	}

	.diwan-cafe__shot {
		block-size: 220px;
	}
}/* End custom CSS */