.elementor-kit-6{--e-global-color-primary:#FF3E89;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#8A24D4;--e-global-color-187e1f2:#D03881;--e-global-typography-primary-font-family:"Varela Round";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Varela Round";--e-global-typography-accent-font-weight:500;background-color:transparent;color:#FFFFFF;font-family:"Varela Round", Sans-serif;font-weight:500;background-image:linear-gradient(180deg, #00092F 12%, #4C0486 100%);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:#AD1010;padding-inline-end:0px;padding-inline-start:0px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{border-radius:22px 22px 22px 22px;}.elementor-kit-6 img{opacity:1;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{background-color:#FFFFFFAB;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:22px 22px 22px 22px;}.elementor-kit-6 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea:focus,.elementor-kit-6 .elementor-field-textual:focus{background-color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{background-color:transparent;background-image:linear-gradient(180deg, #00092F 12%, #4C0486 100%);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. GLOBAL FIXED BACKGROUND */
/* This forces the background to stay fixed on all pages */
body.elementor-page {
    background-attachment: fixed !important;
}

/* 2. THE EXCEPTION PAGE */
/* Replace '123' with your specific Page ID */
/* This forces the background to scroll ONLY on that page */
.page-id-6868 {
    background-attachment: scroll !important;
}

/* 3. FORM FOCUS FIXES */
/* Prevents transparency and ensures visibility when clicking fields */

/* Elementor Form Widget Fields */
.elementor-field-group .elementor-field:focus,

/* Post Comments (Elementor Widget & Standard WP) */
.elementor-widget-post-comments input:focus,
.elementor-widget-post-comments textarea:focus,
#commentform input:focus,
#commentform textarea:focus,

/* Search Bar Inputs */
.elementor-search-form__input:focus {
    background-color: #ffffff !important; /* Change to your preferred focus color */
    color: #000000 !important;           /* Change to your preferred text color */
    opacity: 1 !important;
    outline: none !important;
    transition: background-color 0.2s ease-in-out;
}

/* Container wrapper handling bounds and rounding */
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.elementor-wc-products .product .woocommerce-loop-product__link {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 22px; /* Match this value to your site's border radius */
}

/* Primary thumbnail base styling */
.woocommerce ul.products li.product img.wp-post-image,
.elementor-wc-products .product img.wp-post-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit;
}

/* Secondary image sizing, positioning, and rounding */
.woocommerce ul.products li.product img.secondary-hover-image,
.elementor-wc-products .product img.secondary-hover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
    border-radius: inherit; /* Copies corner rounding from parent wrapper */
}

/* Reveal secondary image on hover */
.woocommerce ul.products li.product:hover img.secondary-hover-image,
.elementor-wc-products .product:hover img.secondary-hover-image {
    opacity: 1;
}

/* =========================================================
   hiDia - SHOP  (global)
   Shop pages   -> one scrolling row with arrows
   Category / archive pages -> normal grid with page numbers
   Both share the same look (rounded, cold, minimal).

   Rules are written twice because WooCommerce puts the
   "woocommerce" class on a wrapper on some pages and on the
   <body> on others.
   ========================================================= */

/* ---------- 1. sorting dropdown (everywhere) ---------- */
.woocommerce-ordering select.orderby{
  --hd-fill:  rgba(124,140,200,.14);   /* cold translucent background */
  --hd-line:  rgba(150,166,226,.22);   /* border */
  --hd-text:  #E7EAF6;                 /* text colour */
  --hd-round: 999px;                   /* corner roundness */
  --hd-pad:   10px 42px 10px 18px;     /* inner spacing */

  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-color:var(--hd-fill);
  border:1px solid var(--hd-line);
  color:var(--hd-text);
  border-radius:var(--hd-round);
  padding:var(--hd-pad);
  font-size:14px; line-height:1.2; cursor:pointer; outline:none; box-shadow:none;
  transition:background-color .2s ease, border-color .2s ease;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23E7EAF6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 16px center;
}
.woocommerce-ordering select.orderby:hover,
.woocommerce-ordering select.orderby:focus{
  background-color:rgba(124,140,200,.22); border-color:rgba(150,166,226,.38);
}
.woocommerce-ordering select.orderby option{ background:#161B2E; color:#E7EAF6; }

/* ---------- 2. shared values (tweak here) ---------- */
body .woocommerce ul.products,
body.woocommerce ul.products{
  --hd-card-w:   190px;                 /* width of a product card */
  --hd-card-gap: 24px;                  /* space between products */
  --hd-fill:     rgba(124,140,200,.14); /* pill background */
  --hd-line:     rgba(150,166,226,.22); /* pill border */
  --hd-text:     #E7EAF6;               /* price text */
  --hd-hover:    #FF3E89;               /* pink on hover */
  --hd-title:    #FFFFFF;               /* product name */
  --hd-round:    999px;                 /* corner roundness */
  --hd-gap:      2px;                   /* space between name and price */
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

/* ---------- 3. SHOP pages: one scrolling row ---------- */
body:not(.archive) .woocommerce ul.products,
body:not(.archive).woocommerce ul.products{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:var(--hd-card-gap) !important;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
body:not(.archive) .woocommerce ul.products::-webkit-scrollbar,
body:not(.archive).woocommerce ul.products::-webkit-scrollbar{ display:none; }

body:not(.archive) .woocommerce ul.products li.product,
body:not(.archive).woocommerce ul.products li.product{
  flex:0 0 var(--hd-card-w) !important;
  width:var(--hd-card-w) !important;
}

/* ---------- 4. CATEGORY / ARCHIVE pages: normal grid ---------- */
body.archive ul.products{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(var(--hd-card-w), 1fr)) !important;
  gap:var(--hd-card-gap) !important;
  overflow:visible !important;
}
body.archive ul.products li.product{
  flex:none !important;
  width:auto !important;
}

/* ---------- 5. product name + price pill (everywhere) ---------- */
body .woocommerce ul.products li.product,
body.woocommerce ul.products li.product{
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  clear:none !important;
}

body .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:var(--hd-title) !important;
  font-weight:600;
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

body .woocommerce ul.products li.product .price,
body.woocommerce ul.products li.product .price{
  display:inline-block !important;
  background:var(--hd-fill) !important;
  border:1px solid var(--hd-line) !important;
  color:var(--hd-text) !important;
  border-radius:var(--hd-round) !important;
  padding:8px 18px !important;
  margin-top:var(--hd-gap) !important;
  font-size:14px !important;
  line-height:1.2 !important;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}
body .woocommerce ul.products li.product .price *,
body.woocommerce ul.products li.product .price *{ color:inherit !important; }

body .woocommerce ul.products li.product:hover .price,
body.woocommerce ul.products li.product:hover .price{
  background:var(--hd-hover) !important;
  border-color:var(--hd-hover) !important;
  color:#FFFFFF !important;
}

body .woocommerce ul.products li.product > a.button,
body .woocommerce ul.products li.product > .button,
body.woocommerce ul.products li.product > a.button,
body.woocommerce ul.products li.product > .button{ display:none !important; }

/* ---------- 6. page numbers: hidden on shop, shown on categories ---------- */
body:not(.archive) nav.woocommerce-pagination{ display:none !important; }

body.archive nav.woocommerce-pagination{ margin-top:28px; text-align:center; }
body.archive nav.woocommerce-pagination ul{ display:inline-flex; gap:8px; border:0 !important; }
body.archive nav.woocommerce-pagination ul li{ border:0 !important; margin:0 !important; }
body.archive nav.woocommerce-pagination a.page-numbers,
body.archive nav.woocommerce-pagination span.page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:38px; height:38px; padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(150,166,226,.22);
  background:rgba(124,140,200,.14);
  color:#E7EAF6 !important;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}
body.archive nav.woocommerce-pagination a.page-numbers:hover,
body.archive nav.woocommerce-pagination span.current{
  background:#FF3E89 !important;
  border-color:#FF3E89 !important;
  color:#FFFFFF !important;
}

/* ---------- 7. arrows wrapper + fade (shop pages only) ---------- */
body .hidia-shopnav{ clear:both; --hd-fade: 90px; }   /* how wide the fade is */

body .hidia-shopnav.hidia-fade-r ul.products{
  -webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--hd-fade)), transparent 100%);
          mask-image:linear-gradient(to right, #000 calc(100% - var(--hd-fade)), transparent 100%);
}
body .hidia-shopnav.hidia-fade-l ul.products{
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--hd-fade));
          mask-image:linear-gradient(to right, transparent 0, #000 var(--hd-fade));
}
body .hidia-shopnav.hidia-fade-l.hidia-fade-r ul.products{
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--hd-fade), #000 calc(100% - var(--hd-fade)), transparent 100%);
          mask-image:linear-gradient(to right, transparent 0, #000 var(--hd-fade), #000 calc(100% - var(--hd-fade)), transparent 100%);
}

/* =========================================================
   hiDia - PRODUCT OPTIONS (Size, Color, ...) - DIA MERCH ONLY
   Scoped to the "Elementor Merch Product" template (id 8875).
   Custom products (template 9008) keep the default look.
   Same rounded / cold / minimal look as the shop.
   Tweak the values in the first block.
   ========================================================= */
body.elementor-page-8875 .wcpa_form_outer{
  --hd-fill:   rgba(124,140,200,.14);  /* fill of dropdowns and inputs */
  --hd-line:   rgba(150,166,226,.22);  /* their border */
  --hd-text:   #E7EAF6;                /* text */
  --hd-round:  999px;                  /* roundness of the dropdown */
  --hd-ring:   #FF3E89;                /* colour of the selected swatch */
  --hd-swatch: 34px;                   /* size of a colour swatch */
}

/* field titles (Size, Color): never centred */
body.elementor-page-8875 .wcpa_form_outer .wcpa_field_label{
  text-align:left !important;
  color:#FFFFFF !important;
  font-family:"Varela Round", sans-serif !important;
  font-weight:700 !important;
  font-size:15px !important;
  letter-spacing:.2px;
  margin-bottom:8px !important;
}

/* no asterisk on required fields */
body.elementor-page-8875 .wcpa_form_outer .wcpa_required_ast{ display:none !important; }

/* dropdowns: same pill as the shop sorting */
body.elementor-page-8875 .wcpa_form_outer select.wcpa_field{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-color:var(--hd-fill) !important;
  border:1px solid var(--hd-line) !important;
  color:var(--hd-text) !important;
  border-radius:var(--hd-round) !important;
  padding:10px 42px 10px 18px !important;
  min-width:140px;
  font-size:14px; line-height:1.2; cursor:pointer; outline:none;
  box-shadow:none !important;
  transition:background-color .2s ease, border-color .2s ease;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23E7EAF6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
}
body.elementor-page-8875 .wcpa_form_outer select.wcpa_field:hover,
body.elementor-page-8875 .wcpa_form_outer select.wcpa_field:focus{
  background-color:rgba(124,140,200,.22) !important;
  border-color:rgba(150,166,226,.38) !important;
}
body.elementor-page-8875 .wcpa_form_outer select.wcpa_field option{ background:#161B2E; color:#E7EAF6; }

/* text boxes / numbers / textareas: same family, softer corners */
body.elementor-page-8875 .wcpa_form_outer input[type="text"].wcpa_field,
body.elementor-page-8875 .wcpa_form_outer input[type="number"].wcpa_field,
body.elementor-page-8875 .wcpa_form_outer input[type="email"].wcpa_field,
body.elementor-page-8875 .wcpa_form_outer textarea.wcpa_field{
  background-color:var(--hd-fill) !important;
  border:1px solid var(--hd-line) !important;
  color:var(--hd-text) !important;
  border-radius:18px !important;
  padding:10px 18px !important;
  box-shadow:none !important;
}

/* colour swatches: name centred under its own swatch */
body.elementor-page-8875 .wcpa_form_outer .wcpa_color label{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  gap:6px;
  margin:0 16px 8px 0 !important;
  color:var(--hd-text) !important;
  font-size:13px;
  cursor:pointer;
}
body.elementor-page-8875 .wcpa_form_outer .wcpa_color .wcpa_color_wrap{
  width:var(--hd-swatch) !important;
  height:var(--hd-swatch) !important;
  border-radius:10px !important;
  border:1px solid rgba(231,234,246,.55) !important;  /* light border: visible on dark */
  overflow:hidden;
  box-shadow:none !important;
  transition:border-color .15s ease;
}
body.elementor-page-8875 .wcpa_form_outer .wcpa_color .wcpa_color_wrap:hover{
  border-color:rgba(231,234,246,.95) !important;
}
body.elementor-page-8875 .wcpa_form_outer .wcpa_color .wcpa_color_bg{ border-radius:inherit !important; }

/* selected swatch: the tick alone marks the choice, no coloured ring */
body.elementor-page-8875 .wcpa_form_outer .wcpa_color input:checked + .wcpa_color_bg{
  box-shadow:none !important;
}/* End custom CSS */