/*
 * Palamenta mobile layout corrections.
 * Loaded after the generated Elementor/theme CSS so desktop widths do not leak
 * into narrow viewports. Desktop layout is intentionally left untouched.
 */

@media (max-width: 767px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  /* Compact two-column header: logo + navigation/search/actions. */
  #header,
  #header .desktop-header-wrapper,
  #header .headerbuilder,
  #header .elementor-element[data-id="5ed053e6"] {
    position: relative !important;
    top: auto !important;
    background: #ffffff !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="5ed053e6"] {
    min-height: 102px !important;
    padding: 8px 16px !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="5ed053e6"]
    > .elementor-container
    > .elementor-row {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 14px;
  }

  #header .elementor-19010000 .elementor-element[data-id="18020bee"] {
    width: 126px !important;
    max-width: 126px !important;
    flex: 0 0 126px !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="18020bee"]
    > .elementor-column-wrap,
  #header .elementor-19010000 .elementor-element[data-id="67211f1f"]
    > .elementor-column-wrap,
  #header .elementor-19010000 .elementor-element[data-id="f250ab4"]
    > .elementor-column-wrap,
  #header .elementor-19010000 .elementor-element[data-id="8b1369b"]
    > .elementor-column-wrap {
    padding: 0 !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="18020bee"] img {
    display: block !important;
    width: 126px !important;
    height: auto !important;
    max-height: 86px !important;
    object-fit: contain;
  }

  #header .elementor-19010000 .elementor-element[data-id="67211f1f"] {
    width: 36px !important;
    max-width: 36px !important;
    min-width: 36px !important;
    margin-left: auto !important;
    flex: 0 0 36px !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="884ea19"]
    > .elementor-container
    > .elementor-row {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="f250ab4"] {
    width: 36px !important;
    max-width: 36px !important;
    flex: 0 0 36px !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="f250ab4"] .pk-menu-icon {
    display: flex !important;
    width: 36px !important;
    height: 42px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="f250ab4"] .pk-menu-icon span {
    display: none !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="f250ab4"] .pk-menu-icon .svgic {
    width: 23px;
    height: 23px;
  }

  #header .elementor-19010000 .elementor-element[data-id="8b1369b"] {
    display: none !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="8b1369b"]
    > .elementor-column-wrap
    > .elementor-widget-wrap {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px;
  }

  #header .elementor-19010000 .elementor-element[data-id="ce094a4"] {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="ce094a4"] form,
  #header .elementor-19010000 .elementor-element[data-id="ce094a4"] fieldset,
  #header .elementor-19010000 .elementor-element[data-id="ce094a4"] .inner-search-button {
    width: 100% !important;
    min-width: 0 !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="ce094a4"] input[type="search"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    padding-right: 34px !important;
    padding-left: 10px !important;
    border-color: #d4d4d4 !important;
    color: #333333 !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="ce094a4"] input::placeholder {
    color: #777777 !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="9f14d5d"],
  #header .elementor-19010000 .elementor-element[data-id="fb2c0e9"] {
    width: 28px !important;
    max-width: 28px !important;
    margin: 0 !important;
    flex: 0 0 28px !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="9f14d5d"]
    > .elementor-widget-container {
    width: 28px !important;
    margin: 0 !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="9f14d5d"]
    .pk-ce-widget-wrapper,
  #header .elementor-19010000 .elementor-element[data-id="9f14d5d"]
    .pk-ce-widget,
  #header .elementor-19010000 .elementor-element[data-id="9f14d5d"]
    .myaccount-select,
  #header .elementor-19010000 .elementor-element[data-id="9f14d5d"]
    .pk-myaccount {
    width: 28px !important;
    margin: 0 !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="fb2c0e9"]
    .afq-cart-count {
    top: -4px !important;
    right: -4px !important;
    bottom: auto !important;
    left: auto !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="9f14d5d"] .current-item,
  #header .elementor-19010000 .elementor-element[data-id="fb2c0e9"] #quotes-cart-link {
    width: 28px !important;
    min-width: 28px !important;
    height: 42px !important;
    padding: 0 !important;
  }

  #header .headerbuilder .pk-dropdown-toggler,
  #header .headerbuilder .svgic,
  #header .headerbuilder .elementor-button-text,
  #header .headerbuilder .current-item,
  #header .headerbuilder a,
  #header .headerbuilder input,
  #header .headerbuilder input::placeholder,
  #index #header .headerbuilder .pk-dropdown-toggler,
  #index #header .headerbuilder .svgic,
  #index #header .headerbuilder .elementor-button-text,
  #index #header .headerbuilder .current-item,
  #index #header .headerbuilder a {
    color: #333333 !important;
    fill: #333333 !important;
  }

  #index #header .headerbuilder img[src*="logo-palamenta-black.png"] {
    content: url("/img/cms/logo-palamenta-black.png") !important;
  }

  /* Breadcrumbs remain readable instead of clipping long product names. */
  .page-width.top-content {
    width: 100%;
  }

  .breadcrumb {
    width: 100%;
    margin-bottom: 36px !important;
    padding: 16px 20px !important;
  }

  .breadcrumb ol {
    display: flex;
    flex-flow: row nowrap;
    gap: 7px;
    overflow-x: auto !important;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .breadcrumb ol::-webkit-scrollbar {
    display: none;
  }

  .breadcrumb li {
    flex: 0 0 auto;
  }

  .breadcrumb li:last-child {
    min-width: 0;
    max-width: min(55vw, 210px);
    overflow: hidden;
  }

  .breadcrumb li:last-child > span,
  .breadcrumb li:last-child > a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .breadcrumb,
  .breadcrumb a {
    font-size: 13px !important;
    line-height: 20px !important;
  }

  /* Elementor CMS columns must not retain their desktop percentages. */
  .cms-id-7 .elementor-element[data-id="577fec0"] .elementor-element[data-id="7b187da"],
  .cms-id-7 .elementor-element[data-id="577fec0"] .elementor-element[data-id="c32eb5d"],
  .cms-id-7 .elementor-element[data-id="2fd8afb"] .elementor-element[data-id="8aa2966"],
  .cms-id-7 .elementor-element[data-id="2fd8afb"] .elementor-element[data-id="2a3f54b"],
  .cms-id-7 .elementor-element[data-id="79ceea5"] .elementor-element[data-id="ab6d2a3"],
  .cms-id-7 .elementor-element[data-id="79ceea5"] .elementor-element[data-id="2d8b9b0"],
  .cms-id-6 .elementor-element[data-id="b32f8e2"] .elementor-element[data-id="db3212a"],
  .cms-id-6 .elementor-element[data-id="b32f8e2"] .elementor-element[data-id="4a2f7ba"],
  .cms-id-6 .elementor-element[data-id="5334532"] .elementor-element[data-id="ccc117b"],
  .cms-id-6 .elementor-element[data-id="5334532"] .elementor-element[data-id="e616951"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .cms-id-7 .elementor-element[data-id="577fec0"]
    > .elementor-container
    > .elementor-row,
  .cms-id-7 .elementor-element[data-id="2fd8afb"]
    > .elementor-container
    > .elementor-row,
  .cms-id-7 .elementor-element[data-id="79ceea5"]
    > .elementor-container
    > .elementor-row,
  .cms-id-6 .elementor-element[data-id="b32f8e2"]
    > .elementor-container
    > .elementor-row,
  .cms-id-6 .elementor-element[data-id="5334532"]
    > .elementor-container
    > .elementor-row {
    display: flex !important;
    flex-flow: row wrap !important;
  }

  .cms-id-7 .elementor-element[data-id="577fec0"] .elementor-text-editor p {
    width: 100% !important;
    max-width: 100% !important;
  }

  .cms-id-6 .elementor-element[data-id="b32f8e2"]
    > .elementor-container
    > .elementor-row,
  .cms-id-6 .elementor-element[data-id="5334532"]
    > .elementor-container
    > .elementor-row {
    row-gap: 44px !important;
  }

  body.cms-id-6 .elementor-element.elementor-element-db3212a
    > .elementor-column-wrap.elementor-element-populated,
  body.cms-id-6 .elementor-element.elementor-element-4a2f7ba
    > .elementor-column-wrap.elementor-element-populated {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    align-self: stretch !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    align-items: stretch !important;
  }

  .cms-id-6 .elementor-element[data-id="db3212a"] > .elementor-column-wrap > .elementor-widget-wrap,
  .cms-id-6 .elementor-element[data-id="4a2f7ba"] > .elementor-column-wrap > .elementor-widget-wrap {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    flex-direction: column !important;
  }

  .cms-id-6 .elementor-element[data-id="db3212a"] .elementor-widget,
  .cms-id-6 .elementor-element[data-id="4a2f7ba"] .elementor-widget {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Product/list pages: consistent useful width and no clipped controls. */
  #category #wrapper,
  #product #wrapper,
  #manufacturer #wrapper {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  #category #left-column,
  #category #content-wrapper-left,
  #product #content-wrapper,
  #manufacturer #content-wrapper {
    min-width: 0;
  }

  #category .product_list_top {
    gap: 12px;
  }

  #category .products.row {
    margin-right: -8px;
    margin-left: -8px;
  }

  #category.category-id-2 #wrapper.container {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
    box-sizing: border-box;
  }

  #category.category-id-2 #content-wrapper-left {
    width: 100% !important;
    max-width: 100% !important;
  }

  body#category.category-id-2
    #main-content
    #products.view_grid
    .product_list
    #js-product-list
    .product-list-container.grid-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px 14px !important;
  }

  body#category.category-id-2
    #main-content
    #products.view_grid
    .product_list
    #js-product-list
    .product-list-container.grid-container
    > .product-miniature {
    width: 100% !important;
    min-width: 0;
    max-width: 100% !important;
    margin: 0 !important;
  }

  #category.category-id-2 .view_grid .product-thumbnail {
    margin-bottom: 14px !important;
  }

  #category.category-id-2 .view_grid .product-title {
    font-size: 12px !important;
    line-height: 17px !important;
  }

  #category.category-id-2 .view_grid .price {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  #category .products.row > .product-miniature {
    padding-right: 8px;
    padding-left: 8px;
  }

  #product .product-page-col,
  #product .product-page-col > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  #product .product-page-col > [class*="col-"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  #product .product-images,
  #product .product-cover,
  #product .product-cover img {
    max-width: 100%;
  }

  /* Footer: compact spacing while keeping all links touch friendly. */
  #footer .elementor-section.elementor-section-boxed > .elementor-container {
    padding-right: 20px;
    padding-left: 20px;
  }

  #footer .elementor-column {
    min-width: 0;
  }
}

@media (max-width: 420px) {
  #header .elementor-19010000 .elementor-element[data-id="5ed053e6"] {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="5ed053e6"]
    > .elementor-container
    > .elementor-row {
    gap: 10px;
  }

  #header .elementor-19010000 .elementor-element[data-id="18020bee"] {
    width: 122px !important;
    max-width: 122px !important;
    flex-basis: 122px !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="18020bee"] img {
    width: 122px !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="884ea19"]
    > .elementor-container
    > .elementor-row,
  #header .elementor-19010000 .elementor-element[data-id="8b1369b"]
    > .elementor-column-wrap
    > .elementor-widget-wrap {
    gap: 6px;
  }

  #header .elementor-19010000 .elementor-element[data-id="ce094a4"] input[type="search"] {
    padding-left: 8px !important;
    font-size: 0 !important;
  }

  #header .elementor-19010000 .elementor-element[data-id="ce094a4"] input::placeholder {
    color: transparent !important;
  }

  .cms-id-7 .elementor-element[data-id="577fec0"] .elementor-text-editor p {
    font-size: 24px !important;
    line-height: 1.42 !important;
  }
}