/* ============================================================================
   Al Mulla Finance — Patches for missing assets & visual fixes
   ============================================================================ */

/* ---- Bootstrap 3 Glyphicons (so carousel arrows etc. render) ---- */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
       url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
       url('../fonts/glyphicons-halflings-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-chevron-left:before { content: "\e079"; }
.glyphicon-chevron-right:before { content: "\e080"; }
.glyphicon-menu-left:before { content: "\e257"; }
.glyphicon-menu-right:before { content: "\e258"; }
.glyphicon-search:before { content: "\e003"; }
.glyphicon-phone:before { content: "\e145"; }
.glyphicon-map-marker:before { content: "\e062"; }
.glyphicon-envelope:before { content: "\2709"; }
.glyphicon-calendar:before { content: "\e109"; }
.glyphicon-time:before { content: "\e023"; }

/* ---- Make carousel arrows visible (round buttons with white arrows) ---- */
.carousel-control {
  width: auto !important;
  background: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(30, 110, 80, 0.85);
  color: #fff !important;
  font-size: 20px;
  text-decoration: none;
  margin: 20px;
  transition: background 0.2s, transform 0.15s;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}
.carousel-control:hover .glyphicon-chevron-left,
.carousel-control:hover .glyphicon-chevron-right {
  background: rgba(20, 90, 65, 1);
  transform: scale(1.07);
}
.carousel-control.left { left: 0; right: auto; }
.carousel-control.right { right: 0; left: auto; }
.carousel-control.left .glyphicon-chevron-left { margin-left: 30px; }
.carousel-control.right .glyphicon-chevron-right { margin-right: 30px; }

/* ---- Hide broken-image icons for unarchived/missing images ---- */
img[src*="/Frontend/Al-Mulla/EN/img/map.png"],
img[src*="/Frontend/Al-Mulla/AR/img/map.png"],
img[src*="/p2.png"],
img[src*="/Shape%201.png"],
img[src*="/Shape 1.png"],
img[src*="0a96cfe8-5b14-4aaf-86f5-2fe5aa0d46c3"],
img[src*="afd2a79b-14e6-41f4-bbb5-61648e55b3c3"] {
  display: none !important;
}

/* Suppress empty image src attribute */
img[src=""], img:not([src]) { display: none !important; }

/* ---- Hide Promotions nav tab (EN + AR) ---- */
nav li:has(> a[href$="promotions.html"]),
nav li:has(> a[href$="ar/promotions.html"]),
.menu li:has(> a[href$="promotions.html"]),
ul li:has(> a[href$="promotions.html"]),
ul li:has(> a[href$="ar/promotions.html"]) {
  display: none !important;
}
/* Fallback for older browsers without :has() support */
a[href$="promotions.html"],
a[href$="ar/promotions.html"],
a[href="promotions.html"],
a[href="../promotions.html"],
a[href="../../promotions.html"] {
  display: none !important;
}

/* ---- Hide the empty/orphan checkbox-like elements (top-left squares) ---- */
.banner > .carousel input[type="checkbox"]:not([checked]):empty,
input.broken-asset {
  display: none !important;
}

/* ---- Properly style any remaining decorative empty containers ---- */
.banner .empty-overlay,
.banner img[src=""] {
  display: none !important;
}

/* ---- Carousel indicators (small dots at bottom of slider) ---- */
.carousel-indicators li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 4px;
  background: rgba(255,255,255,0.6);
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
.carousel-indicators .active {
  background: #28a745;
  border-color: #28a745;
  width: 14px;
  height: 14px;
}

/* ---- Personal Finance / Commercial Finance section: replace broken Shape diamond ---- */
.financial-services .shape,
.about-section .shape,
img[alt=""][src*="Shape"] {
  display: none !important;
}

/* ---- Search button visibility in header ---- */
.search-icon, .search-icon img {
  vertical-align: middle;
}

/* ---- Map container — replace with Google Maps embed via JS fallback ---- */
#map:empty::before {
  content: "📍 Burj Jassim – Miraqab – Alsoor Street, Kuwait City\A Phone: 1882888";
  white-space: pre-line;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  min-height: 300px;
  background: #f0f0f0;
  color: #333;
  font-size: 16px;
  padding: 20px;
}

/* ---- General fixes: hide any input checkboxes that have no parent context ---- */
.banner input[type="checkbox"],
.financial-services input[type="checkbox"]:not(.form-check-input) {
  display: none !important;
}

/* ---- Remove any orphan iframe placeholders ---- */
iframe[src=""], iframe[src*="about:blank"] {
  display: none;
}

/* ---- Fix font rendering for finance services dark background ---- */
.financial-services {
  position: relative;
}
.financial-services .container {
  position: relative;
  z-index: 2;
}