/* Small additions on top of the original theme. Nothing here changes her layout. */

/* The film: its first frame is painted immediately, so there is never a black gap
   before the (now seamlessly looping) video takes over. */
.elementor-background-video-container { background: #000 url("/assets/img/atelier-poster.webp") center / cover no-repeat; }
.elementor-background-video-container.dh-bag { background-image: url("/assets/img/bag-poster.webp"); }
.elementor-background-video-hosted { opacity: 0; transition: opacity .6s ease; }
.elementor-background-video-hosted.dh-playing { opacity: 1; }

/* Instagram tiles are static now (the plugin's script used to reveal them) */
#sb_instagram .sbi_item { opacity: 1 !important; }
#sb_instagram .sbi_photo { display: block; aspect-ratio: 1 / 1; overflow: hidden; height: auto !important; }
#sb_instagram .sbi_photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
#sb_instagram .sbi_photo:hover img { transform: scale(1.04); }

/* spam trap for the form — invisible to people */
.dh-hp { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

/* her menu item "Deema Hefzi" used to break onto two lines at laptop widths */
.jws_main_menu .nav > li > a, .jws_main_menu .nav > li > a span { white-space: nowrap; }

/* ── footer: same palette and type, tidier ─────────────────────────────────────────── */
#colophon .elementor-element-7722a8d, #colophon .elementor-element-4dd8482 { display: none; }        /* the second, duplicate logo */
#colophon .elementor-element-7a0129f { width: 100% !important; }
#colophon .elementor-element-2e8c344 { padding: 72px 0 40px !important; }
#colophon .elementor-element-e41bc11 { padding: 0 0 28px !important; }
#colophon .elementor-element-e41bc11 > .elementor-container { border-top: 1px solid rgba(0, 0, 0, .09); padding-top: 22px; }
#colophon .dh-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 32px; margin: 0; font-size: 13px; letter-spacing: .05em; }
#colophon .dh-foot a { border-bottom: 1px solid currentColor; }
#colophon .elementor-element-e4c44e1 .elementor-spacer-inner { height: 6px !important; }
#colophon .elementor-element-6f35189 { max-width: 400px; line-height: 1.75; }
#colophon .elementor-element-6f35189 p { margin-bottom: 0; }
#colophon .elementor-element-797aef2 { margin-top: 22px; }
#colophon .elementor-social-icon { transition: transform .35s ease, opacity .35s ease; }
#colophon .elementor-social-icon:hover { transform: translateY(-2px); opacity: .8; }
#colophon .menu-list-title { margin-bottom: 14px; }
#colophon .elementor-icon-list-item a { display: inline-block; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .45s ease; padding-bottom: 2px; }
#colophon .elementor-icon-list-item a:hover { background-size: 100% 1px; }
@media (min-width: 1025px) {
  #colophon .dh-foot { padding-inline-end: 72px; }   /* clear of the back-to-top button */
  #colophon .elementor-element-2e8c344 > .elementor-container { justify-content: space-between; }
  #colophon .elementor-element-26d2ba3 { width: 36% !important; }
  #colophon .elementor-element-507ceed { width: auto !important; flex: 1 1 0; }
}
@media (max-width: 767px) {
  #colophon .elementor-element-2e8c344 { padding: 48px 0 24px !important; }
  #colophon .dh-foot { justify-content: center; text-align: center; }
}