/* Ideative brand fonts */
@font-face{font-family:'Open Sauce One';font-weight:400;src:url(open-sauce-one-latin-400-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Open Sauce One';font-weight:500;src:url(open-sauce-one-latin-500-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Open Sauce One';font-weight:700;src:url(open-sauce-one-latin-700-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Open Sauce One';font-weight:800;src:url(open-sauce-one-latin-800-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Open Sauce One';font-weight:900;src:url(open-sauce-one-latin-900-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:400;src:url(ibm-plex-sans-arabic-arabic-400-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:500;src:url(ibm-plex-sans-arabic-arabic-500-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:600;src:url(ibm-plex-sans-arabic-arabic-600-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:700;src:url(ibm-plex-sans-arabic-arabic-700-normal.woff2) format('woff2');font-display:swap}

/* Arabic pages inherit IBM Plex Sans Arabic first */
html[lang^="ar"] body, html[lang^="ar"] h1, html[lang^="ar"] h2, html[lang^="ar"] h3,
html[lang^="ar"] h4, html[lang^="ar"] h5, html[lang^="ar"] h6,
html[lang^="ar"] input, html[lang^="ar"] textarea, html[lang^="ar"] select,
html[lang^="ar"] .menu-smart li a, html[lang^="ar"] .btn {
	font-family: 'IBM Plex Sans Arabic', 'Open Sauce One', sans-serif !important;
}


/* --- Project tiles: white ground, greyscale at rest, colour on hover --- */
html body { background-color: #FFFFFF !important; }

.tmb.tmb-content-overlay .t-entry-visual img,
.tmb.tmb-content-overlay .t-entry-visual-cont img {
	filter: grayscale(100%);
	transition: filter .5s ease;
}
.tmb.tmb-content-overlay:hover .t-entry-visual img,
.tmb.tmb-content-overlay:hover .t-entry-visual-cont img,
.tmb.tmb-content-overlay:focus-within .t-entry-visual img,
.tmb.tmb-content-overlay:focus-within .t-entry-visual-cont img {
	filter: grayscale(0%);
}
.tmb.tmb-content-overlay .t-entry-visual-overlay-in {
	transition: opacity .4s ease;
}
.tmb.tmb-content-overlay .t-entry-visual-overlay-in {
	opacity: .38 !important;
}
.tmb.tmb-content-overlay:hover .t-entry-visual-overlay-in,
.tmb.tmb-content-overlay:focus-within .t-entry-visual-overlay-in {
	opacity: .14 !important;
}
@media (prefers-reduced-motion: reduce) {
	.tmb.tmb-content-overlay .t-entry-visual img,
	.tmb.tmb-content-overlay .t-entry-visual-cont img,
	.tmb.tmb-content-overlay .t-entry-visual-overlay-in { transition: none; }
}


/* --- Home "Selected work" stacked cards: colour on hover --- */
[class*="row-stacked-cards"] .tmb img,
[class*="row-stacked-cards"] .tmb .uncode-picture-image {
	filter: grayscale(100%);
	transition: filter .55s ease;
}
[class*="row-stacked-cards"] .tmb:hover img,
[class*="row-stacked-cards"] .tmb:hover .uncode-picture-image,
[class*="row-stacked-cards"] .tmb:focus-within img,
[class*="row-stacked-cards"] .tmb:focus-within .uncode-picture-image {
	filter: grayscale(0%) !important;
}
@media (prefers-reduced-motion: reduce) {
	[class*="row-stacked-cards"] .tmb img { transition: none; }
}

/* --- Contact form feedback --- */
.wpcf7-submit:disabled{opacity:.35 !important;cursor:not-allowed !important}
.wpcf7 .wpcf7-not-valid-tip{display:block;color:#E84D3D;font-size:13px;margin-top:6px}
.wpcf7 .wpcf7-not-valid{border-bottom-color:#E84D3D !important}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{color:#E84D3D;border:1px solid #E84D3D;padding:10px 14px;margin-top:18px}
.wpcf7 form.sent .wpcf7-response-output{color:#1a7f37;border:1px solid #1a7f37;padding:10px 14px;margin-top:18px}

/* --- Touch devices: project photos in colour (no hover exists) --- */
@media (hover: none){
  [class*="row-stacked-cards"] .tmb img,.tmb.tmb-content-overlay img{filter:grayscale(0%) !important}
  .tmb.tmb-content-overlay .t-overlay{opacity:.2 !important}
}

/* --- Mobile: contact form fields stack in one column --- */
@media (max-width:767px){
  .wpcf7-inline-wrapper{display:block !important}
  .wpcf7-inline-field{width:100% !important;max-width:100% !important;display:block !important;margin-inline:0 !important;padding-left:0 !important;padding-right:0 !important}
}

/* --- Mobile: clients strip side padding --- */
@media (max-width:767px){
  .idtv-clients .chead{padding-left:22px !important;padding-right:22px !important}
}

/* --- Remove Saudi emblem everywhere --- */
img.nf-sa{display:none !important}

/* --- Arabic: clients tagline matches title font (no faux-italic fallback) --- */
html[lang="ar"] .idtv-clients .cs,
html[lang^="ar-"] .idtv-clients .cs{font-family:'IBM Plex Sans Arabic',sans-serif !important;font-style:normal !important}