.elementor-350 .elementor-element.elementor-element-a7e6124{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-350 .elementor-element.elementor-element-dbbc9bc .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:32px;font-weight:900;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-350 .elementor-element.elementor-element-bd3b347{font-family:"Cabin", Sans-serif;font-size:16px;font-weight:400;}.elementor-350 .elementor-element.elementor-element-fc3aa89{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-350 .elementor-element.elementor-element-3a15ff8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-350 .elementor-element.elementor-element-e46ba2e{--grid-columns:4;}.elementor-350 .elementor-element.elementor-element-e46ba2e .elementor-loop-container{grid-auto-rows:1fr;}.elementor-350 .elementor-element.elementor-element-e46ba2e .e-loop-item > .elementor-section, .elementor-350 .elementor-element.elementor-element-e46ba2e .e-loop-item > .elementor-section > .elementor-container, .elementor-350 .elementor-element.elementor-element-e46ba2e .e-loop-item > .e-con, .elementor-350 .elementor-element.elementor-element-e46ba2e .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-350 .elementor-element.elementor-element-e46ba2e .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-350 .elementor-element.elementor-element-e46ba2e .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-350 .elementor-element.elementor-element-e46ba2e .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-350 .elementor-element.elementor-element-e46ba2e .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-350 .elementor-element.elementor-element-e46ba2e .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-350 .elementor-element.elementor-element-e46ba2e{--grid-columns:2;}}@media(max-width:767px){.elementor-350 .elementor-element.elementor-element-e46ba2e{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-8d8e11a *//* =========================
   FILTER BAR (BLUE THEME)
   Scoped to this section only
========================= */

:root{
  --lc-blue: #0077c0; /* LapCabby blue */
}

/* Wrapper */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters{
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

/* Rows */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-row{
  display: grid;
  gap: 10px;
  align-items: stretch;
}

/* Row 1: 4 equal */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-row--1{
  grid-template-columns: repeat(4, 1fr);
}

/* Row 2: 4 filters + search (flex) + reset (auto) */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-row--2{
  grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(220px, 1.5fr) auto;
}

/* =========================
   FIELDS (SELECT + SEARCH)
========================= */

.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-select,
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-search{
  width: 100%;
  height: 35px;              /* smaller */
  padding: 0 38px 0 12px;    /* space for arrow on selects */

  border: 1px solid rgba(255,255,255,0.45);
  border-radius: 6px;

  font-family: "Cabin", sans-serif;
  font-size: 14px;           /* smaller */
  font-weight: 600;

  background: var(--lc-blue);
  color: #ffffff;

  box-shadow: 0 2px 10px rgba(0,0,0,0.10);  /* subtle shadow */
  transition: transform .15s ease,
              box-shadow .15s ease,
              border-color .15s ease,
              filter .15s ease;
}

/* Hover */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-select:hover,
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-search:hover{
  border-color: rgba(255,255,255,0.85);
  box-shadow: 0 4px 14px rgba(0,0,0,0.14);
}

/* Focus */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-select:focus,
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-search:focus{
  outline: none;
  border-color: #ffffff;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.20), 0 6px 16px rgba(0,0,0,0.16);
}

/* Make search padding normal (no arrow space needed) */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-search{
  padding-right: 12px;
}

/* Placeholder text colour */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-search::placeholder{
  color: rgba(255,255,255,0.85);
}

/* =========================
   SELECT: CUSTOM DROPDOWN ARROW
========================= */

.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-select{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  /* subtle arrow */
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px 14px;
}

/* On some browsers, option dropdown is system-styled (fine). */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-select option{
  color: #111; /* dropdown list text */
}

/* =========================
   RESET BUTTON (BLUE FILLED)
========================= */

.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-reset{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  height: 35px;
  padding: 0 16px;

  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.6);

  background: #f28c00 !important;  /* solid orange */
  color: #ffffff !important;       /* white text */

  font-family: "Cabin", sans-serif;
  font-size: 14px;
  font-weight: 700;

  text-decoration: none !important;
  cursor: pointer;

  box-shadow: 0 2px 10px rgba(0,0,0,0.10);
  transition: all .15s ease;
}

.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-reset:hover{
  background: #D97700 !important; /* slightly darker blue */
  border-color: #ffffff;
}

.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-reset:visited{
  color: #ffffff !important;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1024px){
  .elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-row--1{
    grid-template-columns: repeat(2, 1fr);
  }

  /* Row 2: 2 columns on tablet */
  .elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-row--2{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px){
  .elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-row--1,
  .elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-row--2{
    grid-template-columns: 1fr;
  }

  .elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-reset{
    width: 100%;
  }
}
/* =========================
   SEARCH CLEAR (X) ICON
========================= */

/* Chrome / Safari (WebKit) */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-search::-webkit-search-cancel-button{
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  cursor: pointer;

  /* White SVG X */
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7a1 1 0 1 0-1.42 1.42L10.59 12l-4.9 4.89a1 1 0 1 0 1.42 1.42L12 13.41l4.89 4.9a1 1 0 0 0 1.42-1.42L13.41 12l4.9-4.89a1 1 0 0 0 0-1.4z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}
/* Typeahead dropdown */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-typeahead{
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 50;

  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  overflow: hidden;

  box-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

/* Items */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-typeahead-item{
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 10px 12px;
  text-decoration: none !important;

  color: #222 !important;
  background: #fff;
}

.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-typeahead-item:hover{
  background: #f6f6f6;
}

.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-typeahead-img{
  width: 42px;
  height: 42px;
  border-radius: 6px;
  object-fit: cover;
  flex: 0 0 auto;
  background: #eee;
}

.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-typeahead-title{
  font-family: "Cabin", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-typeahead-empty{
  padding: 10px 12px;
  font-family: "Cabin", sans-serif;
  font-size: 14px;
  color: #666;
}

/* =========================
   SEARCH FIELD (STAND OUT)
========================= */

.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-search{
  background: #f5f5f5 !important;
  color: #666 !important;

  border: 1px solid #0077c0 !important; /* LapCabby blue */
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);

  padding: 0 12px !important;
}

/* Placeholder */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-search::placeholder{
  color: #666 !important;
  opacity: 0.8;
}

/* Hover */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-search:hover{
  border-color: #0066a6 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

/* Focus */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filter-search:focus{
  outline: none;
  border-color: #0077c0 !important;
  box-shadow: 0 0 0 3px rgba(0,119,192,0.15);
}
/* =========================
   MOBILE COLLAPSE (Filters toggle)
   Desktop = panel always open
   <=1024px = collapsible
========================= */

/* Default: desktop/tablet landscape (open, no toggle) */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-toggle{
  display: none;
}

.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-panel{
  display: block !important;
}

.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-panel[hidden]{
  display: block !important; /* ignore hidden on desktop */
}

/* Tablet portrait + mobile */
@media (max-width: 1024px){

  /* Show toggle button */
  .elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-toggle{
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    height: 40px;
    padding: 0 14px;

    background: #0077c0;
    color: #ffffff;

    border: 1px solid rgba(255,255,255,0.45);
    border-radius: 6px;

    font-family: "Cabin", sans-serif;
    font-size: 14px;
    font-weight: 700;

    box-shadow: 0 2px 10px rgba(0,0,0,0.10);
    cursor: pointer;
  }

  /* Chevron */
  .elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-toggle-icon{
    width: 10px;
    height: 10px;
    display: inline-block;

    border-right: 2px solid rgba(255,255,255,0.95);
    border-bottom: 2px solid rgba(255,255,255,0.95);

    transform: rotate(45deg);
    transition: transform .18s ease;
  }

  /* Rotate when open */
  .elementor-350 .elementor-element.elementor-element-8d8e11a form.lc-filters.is-open .lc-filters-toggle-icon{
    transform: rotate(-135deg);
  }

  /* Panel collapse behaviour */
  .elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-panel{
    margin-top: 10px;
  }

  .elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-panel[hidden]{
    display: none !important;
  }
}
/* Add vertical space between Row 1 and Row 2 (keep grid intact) */
.elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-row--1{
  margin-bottom: 12px;
}

/* Slightly more space when filters are collapsed/opened on tablet/mobile */
@media (max-width: 1024px){
  .elementor-350 .elementor-element.elementor-element-8d8e11a .lc-filters-row--1{
    margin-bottom: 14px;
  }
}
/* Typeahead product title */
.lc-typeahead-title{
  color: #0077c0; /* LapCabby blue */
  font-weight: 600;
}

/* Ensure link doesn't override it */
.lc-typeahead-item{
  text-decoration: none;
  color: inherit;
}

/* Hover state */
.lc-typeahead-item:hover .lc-typeahead-title{
  color: #5eb3e4; /* lighter LapCabby blue */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Quicksand';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://staging.lapcabby.cc/wp-content/uploads/2026/06/quicksand-v37-latin-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Quicksand';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://staging.lapcabby.cc/wp-content/uploads/2026/06/quicksand-v37-latin-700.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cabin';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://staging.lapcabby.cc/wp-content/uploads/2026/06/cabin-v35-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Cabin';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://staging.lapcabby.cc/wp-content/uploads/2026/06/cabin-v35-latin-500.woff2') format('woff2');
}
/* End Custom Fonts CSS */