/* Day Trips From Marrakech — replacements for the missing WoodMart icon font.
   woodmart-font-1-400.woff2 is missing from the theme and unrecoverable (it 404s on
   every page), so every glyph the theme draws with it renders as an invisible
   private-use character. mobile-menu.css already fixed the burger/close/submenu
   arrows this way; this file covers the rest of the site:

     - dropdown carets on the main nav
     - prev/next arrows on the photo gallery and the related-tours carousel
     - the five social share icons

   It also hides two WooCommerce action buttons that cannot work on a static site.
   Icons are CSS-drawn or inline SVG masks (no external requests, no CDN), matching
   the approach in mobile-menu.css and the project's inline-SVG rule. */

/* ---------- 1. Main-nav dropdown caret ---------- */
/* The theme renders a font glyph in ::after; replace it with a drawn chevron. */
.whb-main-header .wd-nav > li.menu-item-has-children > a.woodmart-nav-link::after,
.wd-nav-main > li.menu-item-has-children > a.woodmart-nav-link::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  opacity: 0.85;
}

/* ---------- 2. Carousel arrows (gallery + related tours) ---------- */
/* These navigate the photo gallery, so an invisible arrow is a real dead end. */
.wd-btn-arrow .wd-arrow-inner::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 auto;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}
.wd-btn-arrow.wd-prev .wd-arrow-inner::after {
  transform: translateX(2px) rotate(-135deg);
}
.wd-btn-arrow.wd-next .wd-arrow-inner::after {
  transform: translateX(-2px) rotate(45deg);
}
.wd-btn-arrow .wd-arrow-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Make the arrows legible against photos, and keep the disabled state readable. */
.wd-gallery-images .wd-btn-arrow .wd-arrow-inner,
.wd-gallery-thumb .wd-btn-arrow .wd-arrow-inner {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  color: #333;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
}
/* NOTE: these arrows are currently invisible on every page of the site, old and new,
   and that is CORRECT. WoodMart's carousel JS never initializes here (jQuery.fn.wdCarousel
   is undefined — verified on the live pre-existing pages too), and the theme's own guard
   `.wd-carousel:not(.wd-initialized) + .wd-nav-arrows .wd-btn-arrow { opacity: 0 !important }`
   hides the controls precisely because they would do nothing. Do NOT force them visible:
   that turns a correctly-hidden control into a dead button. The chevrons above only
   ensure the arrows look right if the carousel is ever fixed.
   The gallery remains usable meanwhile — every photo is laid out with its thumbnail. */
.wd-btn-arrow.wd-disabled {
  opacity: 0.35;
  pointer-events: none;
}

/* ---------- 3. Social share icons ---------- */
/* Brand marks as inline SVG masks so they inherit the theme's colour and hover
   states. Masks (not background-image) keep currentColor working. */
.wd-social-icons .wd-social-icon .wd-icon::before {
  content: none; /* drop the invisible font glyph */
}
.wd-social-icons .wd-social-icon .wd-icon {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  vertical-align: middle;
}
.wd-social-icons .social-facebook .wd-icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.12 5.32H17V2.14A26.11 26.11 0 0 0 14.26 2C11.54 2 9.68 3.66 9.68 6.7v2.62H6.61v3.56h3.07V22h3.68v-9.12h3.06l.46-3.56h-3.52V7.05c0-1.03.28-1.73 1.76-1.73Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.12 5.32H17V2.14A26.11 26.11 0 0 0 14.26 2C11.54 2 9.68 3.66 9.68 6.7v2.62H6.61v3.56h3.07V22h3.68v-9.12h3.06l.46-3.56h-3.52V7.05c0-1.03.28-1.73 1.76-1.73Z'/%3E%3C/svg%3E");
}
.wd-social-icons .social-twitter .wd-icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.9 1.15h3.68l-8.04 9.19L24 22.85h-7.41l-5.8-7.58-6.64 7.58H.47l8.6-9.83L0 1.15h7.59l5.24 6.93ZM17.61 20.65h2.04L6.49 3.24H4.3Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.9 1.15h3.68l-8.04 9.19L24 22.85h-7.41l-5.8-7.58-6.64 7.58H.47l8.6-9.83L0 1.15h7.59l5.24 6.93ZM17.61 20.65h2.04L6.49 3.24H4.3Z'/%3E%3C/svg%3E");
}
.wd-social-icons .social-pinterest .wd-icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5.37 0 0 5.37 0 12c0 5.08 3.16 9.43 7.63 11.18-.11-.95-.2-2.41.04-3.45.22-.94 1.4-5.96 1.4-5.96s-.36-.72-.36-1.78c0-1.67.97-2.92 2.17-2.92 1.02 0 1.51.77 1.51 1.69 0 1.03-.66 2.57-1 4-.28 1.19.6 2.16 1.77 2.16 2.12 0 3.76-2.24 3.76-5.47 0-2.86-2.06-4.86-5-4.86-3.4 0-5.39 2.55-5.39 5.19 0 1.03.4 2.13.89 2.73.1.12.11.22.08.34l-.33 1.37c-.05.22-.17.27-.4.16-1.5-.7-2.43-2.89-2.43-4.65 0-3.77 2.74-7.25 7.9-7.25 4.14 0 7.36 2.95 7.36 6.9 0 4.12-2.6 7.43-6.2 7.43-1.21 0-2.35-.63-2.74-1.37l-.75 2.85c-.27 1.04-1 2.35-1.49 3.15 1.12.35 2.31.53 3.55.53 6.63 0 12-5.37 12-12S18.63 0 12 0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5.37 0 0 5.37 0 12c0 5.08 3.16 9.43 7.63 11.18-.11-.95-.2-2.41.04-3.45.22-.94 1.4-5.96 1.4-5.96s-.36-.72-.36-1.78c0-1.67.97-2.92 2.17-2.92 1.02 0 1.51.77 1.51 1.69 0 1.03-.66 2.57-1 4-.28 1.19.6 2.16 1.77 2.16 2.12 0 3.76-2.24 3.76-5.47 0-2.86-2.06-4.86-5-4.86-3.4 0-5.39 2.55-5.39 5.19 0 1.03.4 2.13.89 2.73.1.12.11.22.08.34l-.33 1.37c-.05.22-.17.27-.4.16-1.5-.7-2.43-2.89-2.43-4.65 0-3.77 2.74-7.25 7.9-7.25 4.14 0 7.36 2.95 7.36 6.9 0 4.12-2.6 7.43-6.2 7.43-1.21 0-2.35-.63-2.74-1.37l-.75 2.85c-.27 1.04-1 2.35-1.49 3.15 1.12.35 2.31.53 3.55.53 6.63 0 12-5.37 12-12S18.63 0 12 0Z'/%3E%3C/svg%3E");
}
.wd-social-icons .social-linkedin .wd-icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.13 1.45-2.13 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.63-1.85 3.36-1.85 3.6 0 4.27 2.37 4.27 5.45v6.29ZM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13ZM7.12 20.45H3.56V9h3.56v11.45ZM22.22 0H1.77C.79 0 0 .77 0 1.72v20.56C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.72V1.72C24 .77 23.2 0 22.22 0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.13 1.45-2.13 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.63-1.85 3.36-1.85 3.6 0 4.27 2.37 4.27 5.45v6.29ZM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13ZM7.12 20.45H3.56V9h3.56v11.45ZM22.22 0H1.77C.79 0 0 .77 0 1.72v20.56C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.72V1.72C24 .77 23.2 0 22.22 0Z'/%3E%3C/svg%3E");
}
.wd-social-icons .social-tg .wd-icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.91 3.79 20.3 20.84c-.25 1.21-.98 1.5-1.99.93l-5.49-4.05-2.66 2.56c-.3.3-.55.55-1.12.55l.4-5.63 10.24-9.25c.44-.4-.1-.62-.69-.22L6.44 13.06.2 11.11c-1.36-.42-1.38-1.36.28-2.01L22.16 1.8c1.13-.42 2.12.26 1.75 1.99Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.91 3.79 20.3 20.84c-.25 1.21-.98 1.5-1.99.93l-5.49-4.05-2.66 2.56c-.3.3-.55.55-1.12.55l.4-5.63 10.24-9.25c.44-.4-.1-.62-.69-.22L6.44 13.06.2 11.11c-1.36-.42-1.38-1.36.28-2.01L22.16 1.8c1.13-.42 2.12.26 1.75 1.99Z'/%3E%3C/svg%3E");
}

/* ---------- 4. Hide dead WooCommerce actions ---------- */
/* Add-to-cart and quick-view need the WordPress backend, which this static site does
   not have — add-to-cart URLs are even disallowed in robots.txt. They currently render
   as invisible-but-clickable boxes on the product cards. Hide them rather than draw an
   icon for a control that cannot do anything. */
.wd-add-btn,
.quick-view,
.wd-more-desc-btn {
  display: none !important;
}