/*

Theme Name: Soft Mozart Lebanon

Theme URI: https://softmozartlebanon.local

Author: Soft Mozart Lebanon

Description: Lightweight Elementor-ready WordPress theme for Soft Mozart Lebanon.

Version: 1.0

License: GPLv2 or later

Text Domain: soft-mozart-lebanon

*/



:root {

  --sm-orange: #D67A2A;

  --sm-dark: #111111;

  --sm-soft: #FFF8F0;

}



body {

  margin: 0;

  font-family: Arial, sans-serif;

  color: var(--sm-dark);

  background: #ffffff;

}



a {

  color: var(--sm-orange);

}



.elementor-button {

  border-radius: 28px;

}



/* softmozart-global-top-gap-fix-20260709 start */

html,

body,

body.elementor-template-canvas,

body.elementor-page {

  margin-top: 0 !important;

  padding-top: 0 !important;

}

html[style*="margin-top"],

html[style*="padding-top"] {

  margin-top: 0 !important;

  padding-top: 0 !important;

}

.elementor,

.elementor-page .elementor,

.sma-native,

.sma-native.elementor-element,

.sma-native > .elementor-element:first-child,

.sma-native > .e-con:first-child,

.sma-native > .e-con-full:first-child {

  margin-top: 0 !important;

  padding-top: 0 !important;

}

.sma-headless-widget,

.sma-headless-widget.elementor-widget,

.sma-headless-widget .elementor-widget-container {

  display: none !important;

  height: 0 !important;

  min-height: 0 !important;

  margin: 0 !important;

  padding: 0 !important;

  overflow: hidden !important;

}

.sma-header,

.smp-top {

  margin-top: 0 !important;

}

body.admin-bar .sma-header {

  top: 0 !important;

}

/* softmozart-global-top-gap-fix-20260709 end */

/* softmozart-uniform-header-marketplace-fix-20260709 start */
html,
body {
  margin: 0 !important;
  padding: 0 !important;
}

body.elementor-template-canvas,
body.elementor-page {
  margin: 0 !important;
  padding: 0 !important;
}

body.elementor-template-canvas > .elementor,
body.elementor-page > .elementor,
body .elementor.elementor-20,
body .elementor.elementor-104,
body .elementor.elementor-144,
body .elementor.elementor-147,
body .elementor.elementor-157,
body .elementor.elementor-160,
body .elementor.elementor-163,
body .elementor.elementor-166,
body .elementor.elementor-401 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.sma-native,
.sma-native.elementor-element,
.sma-native.e-con,
.sma-native.e-con-full {
  margin-top: 0 !important;
  padding-top: 0 !important;
  gap: 0 !important;
  row-gap: 0 !important;
  --gap: 0px !important;
  --row-gap: 0px !important;
  --padding-top: 0px !important;
  --padding-block-start: 0px !important;
}

.sma-native > .sma-headless-widget,
.sma-headless-widget,
.sma-headless-widget.elementor-widget,
.sma-headless-widget .elementor-widget-container {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.sma-native > .sma-header,
.sma-native .sma-header,
.sma-market-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9990 !important;
  margin: 0 !important;
  padding: 0 4vw !important;
  height: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  background: rgba(247,250,252,.96) !important;
  border-bottom: 1px solid #E0E8EF !important;
  backdrop-filter: blur(14px);
}

.sma-native .sma-header > .e-con-inner,
.sma-native .sma-header-inner,
.sma-native .sma-header-inner.e-con,
.sma-native .sma-header-inner.e-con > .e-con-inner,
.sma-market-header-inner {
  height: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.sma-native .sma-header .elementor-widget,
.sma-native .sma-header .elementor-widget-container {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.sma-native .sma-header-logo,
.sma-native .sma-header-logo .elementor-widget-container {
  display: flex !important;
  align-items: center !important;
}

.sma-native .sma-header-logo img,
.sma-market-logo img {
  width: 285px !important;
  max-width: 27vw !important;
  max-height: 96px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

.smp {
  font-family: Poppins, Inter, Arial, sans-serif !important;
  color: #172033 !important;
}

.smp-shell {
  width: min(1180px, calc(100% - 44px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.smp h1 {
  font-family: Poppins, Inter, Arial, sans-serif !important;
  font-size: clamp(26px, 2.8vw, 38px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  color: #1F2A44 !important;
  max-width: 660px !important;
  margin: 0 !important;
}

.smp-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  padding: 22px 0 48px !important;
  overflow: visible !important;
}

.smp-card {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid #E0E8EF !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 16px 38px rgba(31,42,68,.07) !important;
}

.smp-media {
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: #F2F6F8 !important;
}

.smp-media img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  padding: 18px !important;
  display: block !important;
}

.smp-card-body {
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  flex: 1 !important;
}

@media (max-width: 920px) {
  .smp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .sma-native > .sma-header,
  .sma-native .sma-header,
  .sma-market-header,
  .sma-native .sma-header > .e-con-inner,
  .sma-native .sma-header-inner,
  .sma-native .sma-header-inner.e-con,
  .sma-native .sma-header-inner.e-con > .e-con-inner,
  .sma-market-header-inner {
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
  }

  .sma-native .sma-header-logo img,
  .sma-market-logo img {
    width: 230px !important;
    max-width: 66vw !important;
    max-height: 76px !important;
  }
}

@media (max-width: 640px) {
  .smp-shell {
    width: min(100% - 28px, 1180px) !important;
  }

  .smp-grid {
    grid-template-columns: 1fr !important;
  }

  .smp-media {
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
  }
}
/* softmozart-uniform-header-marketplace-fix-20260709 end */