:root {
  --bmm-navy: #17283d;
  --bmm-red: #d92332;
  --bmm-text: #172033;
  --bmm-muted: #697586;
  --bmm-line: #e7eaee;
  --bmm-soft: #f6f8fa;
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.bmm-native-hidden,
.bmm-desktop-native-hidden {
  display: none !important;
}

.bmm-support-card {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 13px;
  padding: 15px;
  border: 0;
  border-radius: 14px;
  background: var(--bmm-navy);
  color: #fff;
  font: inherit;
  text-align: left;
  box-shadow: 0 10px 28px rgba(23, 40, 61, 0.16);
  cursor: pointer;
  box-sizing: border-box;
}

.bmm-support-avatar {
  display: block;
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.92);
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}

.bmm-support-avatar[hidden] {
  display: none;
}

.bmm-support-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
}

.bmm-support-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.bmm-support-copy strong {
  font-size: 15px;
  font-weight: 850;
}

.bmm-support-copy small {
  margin-top: 3px;
  color: #dbe4ed;
  font-size: 11px;
  line-height: 1.35;
}

.bmm-support-action {
  margin-top: 7px;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.wd-toolbar .wd-header-wishlist .wd-tools-icon,
.wd-toolbar .woodmart-toolbar-wishlist .wd-tools-icon,
.woodmart-toolbar .wd-header-wishlist .wd-tools-icon {
  display: block !important;
}

@media (max-width: 1024px) {
  body {
    padding-bottom: max(58px, env(safe-area-inset-bottom));
  }

  .bmm-desktop-browser {
    display: none !important;
  }

  .bmm-mobile-shell {
    width: 100%;
    max-width: 100%;
    min-height: calc(100dvh - 68px);
    padding: 0 0 calc(82px + env(safe-area-inset-bottom));
    overflow: hidden;
    background: #fff;
    color: var(--bmm-text);
    box-sizing: border-box;
  }

  .bmm-mobile-brand {
    display: flex;
    min-height: 54px;
    align-items: center;
    padding: 10px 18px 6px;
    text-decoration: none;
  }

  .bmm-brand-logo {
    display: block;
    width: auto;
    max-width: 158px;
    height: 36px;
    object-fit: contain;
    object-position: left center;
  }

  .bmm-mobile-tabs {
    display: none !important;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid var(--bmm-line);
    background: #fff;
  }

  .bmm-mobile-tab {
    position: relative;
    min-height: 47px;
    padding: 10px 8px;
    border: 0;
    background: transparent;
    color: #697180;
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 0.04em;
    cursor: pointer;
  }

  .bmm-mobile-tab.is-active {
    color: var(--bmm-red);
  }

  .bmm-mobile-tab.is-active::after {
    position: absolute;
    right: 20px;
    bottom: -1px;
    left: 20px;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--bmm-red);
    content: "";
  }

  .bmm-mobile-pane {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    background: #fff;
    box-sizing: border-box;
  }

  .bmm-category-header {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr) 74px;
    align-items: center;
    min-height: 51px;
    padding: 5px 14px;
    border-bottom: 1px solid var(--bmm-line);
    background: #fff;
    box-sizing: border-box;
  }

  .bmm-category-title {
    grid-column: 2;
    margin: 0;
    overflow: hidden;
    color: var(--bmm-text);
    font-size: 17px;
    font-weight: 850;
    line-height: 1.2;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .bmm-category-back {
    grid-column: 1;
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 4px;
    padding: 3px 5px;
    border: 0;
    background: transparent;
    color: var(--bmm-text);
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
  }

  .bmm-category-back[hidden] {
    visibility: hidden;
  }

  .bmm-category-back > span:first-child {
    font-size: 25px;
    line-height: 1;
  }

  .bmm-category-list {
    width: 100%;
    max-width: 100%;
    padding: 4px 0 18px;
    overflow-x: hidden;
    box-sizing: border-box;
  }

  .bmm-category-row {
    display: flex !important;
    width: 100%;
    max-width: 100%;
    min-height: 64px;
    align-items: center;
    gap: 12px;
    padding: 8px 17px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f2 !important;
    background: #fff !important;
    color: var(--bmm-text) !important;
    text-decoration: none !important;
    box-sizing: border-box;
  }

.bmm-category-photo-frame {
    display: block;
    width: 62px;
    min-width: 62px;
    max-width: 62px;
    height: 46px;
    overflow: hidden;
    border: 1px solid #e1e5e9;
    border-radius: 9px;
    background: var(--bmm-soft);
  }

  .bmm-category-photo {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: cover !important;
  }

  .bmm-category-copy {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 3px;
  }

  .bmm-category-name {
    overflow: hidden;
    color: var(--bmm-text);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.22;
    text-overflow: ellipsis;
  }

  .bmm-category-subtitle {
    display: -webkit-box;
    overflow: hidden;
    color: var(--bmm-muted);
    font-size: 10px;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .bmm-category-chevron,
  .bmm-customer-chevron {
    margin-left: auto;
    color: #8f98a5;
    font-size: 24px;
    font-weight: 400;
  }

  .bmm-mobile-category-browser > .bmm-category-list > .bmm-support-card,
  .bmm-mobile-pane > .bmm-support-card {
    width: calc(100% - 28px);
    margin: 18px 14px 6px;
  }

  .bmm-customer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .bmm-customer-menu > li {
    margin: 0;
    border-bottom: 1px solid #edf0f2;
  }

  .bmm-customer-link {
    display: flex !important;
    min-height: 57px;
    align-items: center;
    gap: 12px;
    padding: 9px 18px !important;
    color: var(--bmm-text) !important;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none !important;
  }

  .bmm-customer-icon {
    display: grid;
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    place-items: center;
    border-radius: 9px;
    background: #f2f4f6;
    color: var(--bmm-red);
  }

  .bmm-customer-icon::before {
    width: 14px;
    height: 14px;
    border: 1.8px solid currentColor;
    border-radius: 4px;
    content: "";
  }

  .grecaptcha-badge {
    bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  }
}

.bmm-category-photo-frame.is-loading,
.bmm-category-card-photo.is-loading {
  background: linear-gradient(100deg, #f1f3f5 28%, #fafbfc 42%, #f1f3f5 58%);
  background-size: 220% 100%;
  animation: bmm-photo-loading 1.15s ease-in-out infinite;
}

@keyframes bmm-photo-loading {
  to { background-position-x: -220%; }
}

@media (min-width: 1025px) {
  .bmm-mobile-shell {
    display: none !important;
  }

  .wd-header-cats.bmm-desktop-ready > .wd-dropdown-cats {
    width: min(1180px, calc(100vw - 32px)) !important;
    min-width: 920px !important;
    max-height: min(720px, calc(100vh - 120px));
    overflow: hidden !important;
    border: 1px solid #e2e6ea;
    border-radius: 0 0 16px 16px;
    background: #fff;
    box-shadow: 0 22px 54px rgba(22, 35, 52, 0.18);
  }

  .bmm-desktop-browser {
    display: flex;
    max-height: min(720px, calc(100vh - 120px));
    flex-direction: column;
    overflow: auto;
    background: #fff;
    color: var(--bmm-text);
  }

  .bmm-desktop-brand {
    display: flex;
    min-height: 55px;
    align-items: center;
    padding: 12px 22px 5px;
  }

  .bmm-desktop-logo {
    width: auto;
    max-width: 178px;
    height: 38px;
    object-fit: contain;
    object-position: left center;
  }

  .bmm-desktop-heading {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr) 120px;
    align-items: center;
    min-height: 54px;
    padding: 4px 22px;
    border-bottom: 1px solid var(--bmm-line);
  }

  .bmm-desktop-title {
    grid-column: 2;
    margin: 0;
    color: var(--bmm-text);
    font-size: 22px;
    font-weight: 850;
    text-align: center;
  }

  .bmm-desktop-back {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border: 0;
    background: transparent;
    color: var(--bmm-text);
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
  }

  .bmm-desktop-back[hidden] {
    visibility: hidden;
  }

  .bmm-desktop-back > span:first-child {
    font-size: 28px;
    line-height: 1;
  }

  .bmm-desktop-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
    padding: 18px 22px 4px;
  }

  .bmm-category-card {
    display: flex !important;
    min-width: 0;
    min-height: 91px;
    align-items: center;
    gap: 13px;
    padding: 10px !important;
    border: 1px solid #e4e8ec !important;
    border-radius: 12px;
    background: #fff !important;
    color: var(--bmm-text) !important;
    text-decoration: none !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    box-sizing: border-box;
  }

  .bmm-category-card:hover {
    border-color: #cbd2da !important;
    box-shadow: 0 8px 22px rgba(23, 40, 61, 0.09);
    transform: translateY(-1px);
  }

  .bmm-category-card-photo {
    display: block;
    width: 104px;
    height: 70px;
    flex: 0 0 104px;
    overflow: hidden;
    border-radius: 9px;
    background: var(--bmm-soft);
  }

  .bmm-category-card-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .bmm-category-card-copy {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 5px;
  }

  .bmm-category-card-copy strong {
    color: var(--bmm-text);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.22;
  }

  .bmm-category-card-copy small {
    display: -webkit-box;
    overflow: hidden;
    color: var(--bmm-muted);
    font-size: 11px;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .bmm-category-card-chevron {
    margin-left: auto;
    color: #8e98a5;
    font-size: 26px;
  }

  .bmm-desktop-browser > .bmm-support-card {
    width: auto;
    min-height: 78px;
    margin: 16px 22px 20px;
  }
}

@media (min-width: 1320px) {
  .bmm-desktop-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .bmm-category-card-photo {
    width: 92px;
    flex-basis: 92px;
  }
}

@supports not (overflow: clip) {
  html,
  body {
    overflow-x: hidden;
  }
}


/* BMM existing admin interface styles */
.bmm-wrap{max-width:1600px}.bmm-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bmm-card{background:#fff;border:1px solid #dcdcde;border-radius:8px;padding:22px;margin:20px 0;box-shadow:0 1px 2px rgba(0,0,0,.04)}.bmm-card h2{margin-top:0}.bmm-card select{min-width:260px;max-width:100%}.bmm-card code{white-space:nowrap}.bmm-count{display:inline-block;background:#e7f5ec;color:#087a32;border-radius:999px;padding:5px 10px;font-size:18px;font-weight:700}.bmm-ok{color:#087a32;font-weight:600}.bmm-error{color:#b32d2e;font-weight:600}.bmm-map-table td{vertical-align:middle}.bmm-elementor-table,.bmm-standard-menu-table{table-layout:fixed}.bmm-elementor-table .bmm-col-name{width:18%}.bmm-elementor-table .bmm-col-icon{width:16%}.bmm-elementor-table .bmm-col-category{width:26%}.bmm-elementor-table .bmm-col-url{width:22%}.bmm-elementor-table .bmm-col-click{width:9%}.bmm-elementor-table .bmm-col-delete{width:9%}.bmm-standard-menu-table .bmm-std-name{width:18%}.bmm-standard-menu-table .bmm-std-icon{width:16%}.bmm-standard-menu-table .bmm-std-category{width:26%}.bmm-standard-menu-table .bmm-std-url{width:22%}.bmm-standard-menu-table .bmm-std-click{width:9%}.bmm-standard-menu-table .bmm-std-delete{width:9%}.bmm-elementor-table th,.bmm-elementor-table td,.bmm-standard-menu-table th,.bmm-standard-menu-table td{padding:12px}.bmm-depth{color:#646970}.bmm-category-select,.bmm-full-field{box-sizing:border-box;width:100%!important;max-width:none!important;min-width:0!important}.bmm-field-note{display:block;margin-top:5px;color:#646970;line-height:1.3}.bmm-icon-picker{display:flex;align-items:center;gap:10px}.bmm-icon-preview{width:52px;height:52px;min-width:52px;object-fit:contain;border:1px solid #dcdcde;border-radius:50%;background:linear-gradient(45deg,#f0f0f1 25%,transparent 25%),linear-gradient(-45deg,#f0f0f1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f1 75%),linear-gradient(-45deg,transparent 75%,#f0f0f1 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.bmm-icon-picker .button{margin-bottom:5px}.bmm-icon-reset{display:inline-block;margin:0 0 5px 5px}.bmm-icon-state{display:block;color:#646970;line-height:1.25}.bmm-block-name{max-width:650px;margin-bottom:20px;padding:16px;background:#f6f7f7;border-left:4px solid #2271b1}.bmm-block-name input{display:block;width:100%;max-width:600px;margin-top:7px}.bmm-assignment-box{margin:18px 0;padding:18px;background:#f0f6fc;border:1px solid #9ec5e8;border-radius:6px}.bmm-assignment-box h3{margin-top:0}.bmm-assignment-box td{vertical-align:middle}.bmm-block-badge{display:inline-block;margin:2px;padding:4px 8px;background:#e7f5ec;color:#087a32;border-radius:12px;font-weight:600}.bmm-block-clickability{margin:0 0 20px;padding:16px;background:#fff8e5;border:1px solid #dba617;border-radius:6px}.bmm-block-clickability h2{margin-top:0}.bmm-block-menu-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(220px,2fr) 48px 90px;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #e3d4a6}.bmm-block-menu-row:first-of-type{border-top:0}.bmm-block-menu-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#646970}.bmm-block-menu-row>small{color:#646970}.bmm-heading-editor{margin:20px 0;padding:18px;background:#f0f6fc;border:1px solid #c5d9ed;border-radius:6px}.bmm-heading-editor h2{margin-top:0}.bmm-heading-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px;margin-top:14px}.bmm-heading-grid label{display:block;padding:12px;background:#fff;border:1px solid #c3c4c7;border-radius:5px}.bmm-heading-grid label span{display:block;margin-bottom:6px;font-weight:600}.bmm-heading-grid input{box-sizing:border-box;width:100%}.bmm-heading-grid small{display:block;margin-top:5px;color:#646970}.bmm-heading-grid .bmm-heading-delete{margin:12px -12px -12px;padding:10px 12px;background:#fff3f3;border-top:1px solid #f0b7b7;color:#b32d2e;font-weight:600}.bmm-heading-grid .bmm-heading-delete input{width:auto;margin-right:5px}.bmm-add-heading{margin:20px 0;padding:18px;background:#f6f7f7;border:1px solid #c3c4c7;border-radius:6px}.bmm-add-heading h2{margin-top:0}.bmm-add-heading-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bmm-add-heading-grid label strong{display:block;margin-bottom:6px}.bmm-add-heading-grid input,.bmm-add-heading-grid select{box-sizing:border-box;width:100%;max-width:none}.bmm-click-cell,.bmm-delete-cell{text-align:center}.bmm-click-cell small{display:block;margin-top:5px;color:#646970}.bmm-switch{position:relative;display:inline-block;width:42px;height:22px}.bmm-switch input{opacity:0;width:0;height:0}.bmm-switch span{position:absolute;inset:0;background:#8c8f94;border-radius:22px;cursor:pointer;transition:.2s}.bmm-switch span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.bmm-switch input:checked+span{background:#2271b1}.bmm-switch input:checked+span:before{transform:translateX(20px)}.bmm-delete-cell label{color:#b32d2e;font-weight:600}.bmm-muted{color:#8c8f94;font-size:12px}.bmm-sticky-actions{position:sticky;bottom:0;background:#fff;padding:15px 0;margin-bottom:0;border-top:1px solid #ddd}@media(max-width:1100px){.bmm-heading-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.bmm-icon-picker{display:block}.bmm-icon-preview{margin-bottom:8px}}@media(max-width:782px){.bmm-grid,.bmm-heading-grid,.bmm-add-heading-grid{grid-template-columns:1fr}.bmm-block-menu-row{grid-template-columns:1fr 48px}.bmm-block-menu-row>span{grid-column:1/-1;grid-row:2}.bmm-card select{min-width:100%}.bmm-elementor-table,.bmm-elementor-table tbody,.bmm-elementor-table tr,.bmm-elementor-table td,.bmm-standard-menu-table,.bmm-standard-menu-table tbody,.bmm-standard-menu-table tr,.bmm-standard-menu-table td{display:block;width:100%}.bmm-elementor-table thead,.bmm-elementor-table colgroup,.bmm-standard-menu-table thead,.bmm-standard-menu-table colgroup{display:none}.bmm-elementor-table td,.bmm-standard-menu-table td{box-sizing:border-box}.bmm-elementor-table td:before,.bmm-standard-menu-table td:before{display:block;margin-bottom:6px;font-weight:600}.bmm-elementor-table td:nth-child(1):before,.bmm-standard-menu-table td:nth-child(1):before{content:"Menüpont neve"}.bmm-elementor-table td:nth-child(2):before,.bmm-standard-menu-table td:nth-child(2):before{content:"PNG ikon"}.bmm-elementor-table td:nth-child(3):before,.bmm-standard-menu-table td:nth-child(3):before{content:"WooCommerce-termékkategória"}.bmm-elementor-table td:nth-child(4):before,.bmm-standard-menu-table td:nth-child(4):before{content:"Egyedi URL"}.bmm-elementor-table td:nth-child(5):before,.bmm-standard-menu-table td:nth-child(5):before{content:"Kattintható"}.bmm-elementor-table td:nth-child(6):before,.bmm-standard-menu-table td:nth-child(6):before{content:"Törlés"}}
