/*
 * recovered.css: fixes for files the Wayback Machine never saved.
 * The original style.css is kept unchanged; this file only fills the gaps.
 *  - Dubai W23 font files were not archived: Tajawal (Google Fonts) is used as a stand-in.
 *    To bring the real font back, put dubaiw23-regular.ttf / dubaiw23-bold.ttf in assets/fonts/.
 *  - left-arrow / address / email / main-menu icons were not archived: SVG stand-ins.
 *  - slider.jpg / main-about.jpg / contact.jpg backgrounds were not archived: the site colours are used.
 *    To use photos again, put them in assets/img/ with those names and delete the 3 "background" lines below.
 */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap');

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-family: dubai, 'Tajawal', sans-serif, serif, arial; }

.footer-ul li:before { background-image: url(../img/left-arrow.svg); }
.footer-ul li.address:before { background: url(../img/address.svg) center/contain no-repeat; }
.footer-ul li.email:before { background: url(../img/email.svg) center/contain no-repeat; }
.navbar-light .navbar-toggler-icon { background-image: url(../img/main-menu.svg); }

#main-about { background: linear-gradient(135deg, #178e9a 0%, #0f6670 100%); }
#main-why { background: #f4f9f9; }
#main-contact { background: linear-gradient(135deg, #178e9a 0%, #0f6670 100%); }

/* Card and post images keep their shape whatever size file is available. */
.blog-item-img img { height: 100%; object-fit: cover; }
.post-img > img, .post-archive-img img { max-width: 100%; height: auto; }
.post-content img { max-width: 100%; height: auto; }

/* Card placeholder for posts whose image was not archived. */
.rayan-noimg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: linear-gradient(135deg, #178e9a 0%, #0f6670 100%); }
.rayan-noimg img { width: 60% !important; max-width: 182px; height: auto !important; filter: brightness(0) invert(1); opacity: .9; object-fit: contain !important; }
