.elementor-1159 .elementor-element.elementor-element-2fa41bd3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1159 .elementor-element.elementor-element-2fa41bd3:not(.elementor-motion-effects-element-type-background), .elementor-1159 .elementor-element.elementor-element-2fa41bd3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-1159 .elementor-element.elementor-element-220452fd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--border-radius:0px 0px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-1159 .elementor-element.elementor-element-220452fd{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-1159 .elementor-element.elementor-element-2fa41bd3{--content-width:1400px;}}/* Start custom CSS *//* Kambala header redesign */
.elementor-1159 .elementor-element.elementor-element-2fa41bd3 { background: transparent !important; padding-top: clamp(16px, 4.3vw, 88px) !important; padding-bottom: 12px !important; }
@media (min-width: 1025px) { .elementor-1159 .elementor-element.elementor-element-2fa41bd3 { padding-top: 63px !important; } }
.elementor-1159 .elementor-element.elementor-element-2fa41bd3 > .e-con-inner { max-width: 100% !important; padding-left: 6.5vw !important; padding-right: 6.5vw !important; }
.elementor-1159 .elementor-element.elementor-element-220452fd { background: transparent !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 0 !important; padding: 0 !important; }
.elementor-1159 .elementor-element.elementor-element-220452fd > .elementor-element { align-self: center !important; margin-top: 0 !important; margin-bottom: 0 !important; }
/* Logo */
/* Shared glass style (matches the hero 'Kaspars Kambala' card): dark tint + 14px blur. The border is NOT a real CSS border any more - it is a 2px gradient ring drawn just outside each element (see 'Gradient ring' below). */
.elementor-1159 [data-id="b480334"],
.elementor-1159 [data-id="6ce26b5"], .elementor-1159 [data-id="b06d43d"], .elementor-1159 [data-id="90976ff"], .elementor-1159 [data-id="2b062672"],
.elementor-1159 [data-id="3db7ec4c"] { border: 0 !important; background-color: rgba(20,12,12,0.28) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: none !important; }
/* Gradient ring: 2px solid, drawn just outside the element. Explicit size (element + 4px) because Elementor gives .e-con::before width/height 100%. */
.elementor-1159 [data-id="b480334"],
.elementor-1159 [data-id="6ce26b5"], .elementor-1159 [data-id="b06d43d"], .elementor-1159 [data-id="90976ff"], .elementor-1159 [data-id="2b062672"],
.elementor-1159 [data-id="3db7ec4c"] { position: relative; }
.elementor-1159 [data-id="b480334"]::before,
.elementor-1159 [data-id="6ce26b5"]::before, .elementor-1159 [data-id="b06d43d"]::before, .elementor-1159 [data-id="90976ff"]::before, .elementor-1159 [data-id="2b062672"]::before,
.elementor-1159 [data-id="3db7ec4c"]::before { content: ''; position: absolute; box-sizing: border-box; top: -2px; left: -2px; right: auto; bottom: auto; width: calc(100% + 4px); height: calc(100% + 4px); min-width: 0; min-height: 0; border-radius: inherit; padding: 2px; background: linear-gradient(135deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.06) 50%, rgba(255,255,255,0.35) 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); pointer-events: none; z-index: 1; box-shadow: none; opacity: 1; transition: none; }
/* Social icons: 35% white at the top-left and bottom-right corners, 6% white at the top-right and bottom-left corners */
.elementor-1159 [data-id="6ce26b5"]::before, .elementor-1159 [data-id="b06d43d"]::before, .elementor-1159 [data-id="90976ff"]::before, .elementor-1159 [data-id="2b062672"]::before { background-image: linear-gradient(135deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.06) 50%, rgba(255,255,255,0.35) 100%); }
/* Menu pill AND Telegram button (wide pills): 35% white at the top-left and bottom-right corners, 6% white at the top-right and bottom-left corners. 'to bottom right' makes the 50% line of the gradient pass exactly through the top-right and bottom-left corners, so the corners get exactly these values. */
.elementor-1159 [data-id="b480334"]::before,
.elementor-1159 [data-id="3db7ec4c"]::before { background-image: linear-gradient(to bottom right, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.06) 50%, rgba(255,255,255,0.35) 100%); }
/* Hover (social icons + Telegram button): the 2px ring turns accent red, the same red as the hover background. The red ring is a 2px box-shadow spread (same position as the white ring, 2px outside the element) so it can fade in smoothly; the white ring fades out at the same time. */
.elementor-1159 [data-id="6ce26b5"], .elementor-1159 [data-id="b06d43d"], .elementor-1159 [data-id="90976ff"], .elementor-1159 [data-id="2b062672"],
.elementor-1159 [data-id="3db7ec4c"] { box-shadow: 0 0 0 2px rgba(238,27,36,0) !important; transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s !important; }
.elementor-1159 [data-id="6ce26b5"]::before, .elementor-1159 [data-id="b06d43d"]::before, .elementor-1159 [data-id="90976ff"]::before, .elementor-1159 [data-id="2b062672"]::before,
.elementor-1159 [data-id="3db7ec4c"]::before { transition: opacity 0.3s !important; }
.elementor-1159 [data-id="6ce26b5"]:hover, .elementor-1159 [data-id="b06d43d"]:hover, .elementor-1159 [data-id="90976ff"]:hover, .elementor-1159 [data-id="2b062672"]:hover,
.elementor-1159 [data-id="3db7ec4c"]:hover { box-shadow: 0 0 0 2px #EE1B24 !important; }
.elementor-1159 [data-id="6ce26b5"]:hover::before, .elementor-1159 [data-id="b06d43d"]:hover::before, .elementor-1159 [data-id="90976ff"]:hover::before, .elementor-1159 [data-id="2b062672"]:hover::before,
.elementor-1159 [data-id="3db7ec4c"]:hover::before { opacity: 0 !important; }
/* Telegram button: XStore gives this button overflow:hidden, which cut off the outside ring - the ring is visible now */
.elementor-1159 [data-id="3db7ec4c"] { overflow: visible !important; }
/* Desktop menu pill */
.elementor-1159 [data-id="b480334"] { width: auto !important; flex: 0 0 auto; margin-left: 3.5vw !important; line-height: 0 !important; }
.elementor-1159 [data-id="b480334"] { display: flex !important; align-items: center; justify-content: center; gap: 2.2vw; min-height: clamp(48px, 3.4vw, 68px); margin: 0 !important; padding: 0 2.6vw !important; border-radius: 999px; background-image: none !important; box-sizing: border-box; }
/* Social icons: pushed to the right edge together with the Telegram button; circles as tall as the Telegram button, smaller icons inside; hidden on tablet and mobile */
.elementor-1159 .elementor-element.elementor-element-6ac78f8f, .elementor-1159 [data-id="6ac78f8f"] { width: auto !important; flex: 0 0 auto; gap: 0.5vw !important; margin-left: auto !important; margin-right: 1.2vw !important; }
@media (max-width: 1024px) { .elementor-1159 .elementor-element.elementor-element-6ac78f8f, .elementor-1159 [data-id="6ac78f8f"] { display: none !important; } }
.elementor-1159 [data-id="6ce26b5"], .elementor-1159 [data-id="b06d43d"], .elementor-1159 [data-id="90976ff"], .elementor-1159 [data-id="2b062672"] { width: clamp(46px, 3.25vw, 66px) !important; height: clamp(46px, 3.25vw, 66px) !important; min-width: 0 !important; background-repeat: no-repeat !important; background-position: center !important; }
.elementor-1159 [data-id="6ce26b5"]:hover, .elementor-1159 [data-id="b06d43d"]:hover, .elementor-1159 [data-id="90976ff"]:hover, .elementor-1159 [data-id="2b062672"]:hover { background-color: #EE1B24 !important; border-color: #EE1B24 !important; }
.elementor-1159 [data-id="6ce26b5"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M3 3h6v5h2V6h2V3h6v6h-2v2h-2v2h2v2h2v6h-6v-3h-2v-2H9v5H3z'/%3E%3C/svg%3E") !important; background-size: 34% !important; }
.elementor-1159 [data-id="b06d43d"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M23.5 6.19a3.02 3.02 0 0 0-2.12-2.14C19.5 3.55 12 3.55 12 3.55s-7.5 0-9.38.5A3.02 3.02 0 0 0 .5 6.19C0 8.07 0 12 0 12s0 3.93.5 5.81a3.02 3.02 0 0 0 2.12 2.14c1.87.5 9.38.5 9.38.5s7.5 0 9.38-.5a3.02 3.02 0 0 0 2.12-2.14C24 15.93 24 12 24 12s0-3.93-.5-5.81zM9.55 15.57V8.43L15.82 12l-6.27 3.57z'/%3E%3C/svg%3E") !important; background-size: 40% !important; }
.elementor-1159 [data-id="90976ff"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4'%3E%3Crect x='3' y='3' width='18' height='18' rx='5.5'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3C/svg%3E") !important; background-size: 34% !important; }
.elementor-1159 [data-id="2b062672"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12.53.02C13.84 0 15.14.01 16.44 0c.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.020.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E") !important; background-size: 32% !important; }
/* Telegram button: glass pill + accent circle with Telegram icon. The circle is inset 6px from the top, right and bottom edges; the text padding is 3px smaller than before so the gap between the text and the circle stays the same. */
.elementor-1159 [data-id="3db7ec4c"] { width: auto !important; flex: 0 0 auto; }
.elementor-1159 [data-id="3db7ec4c"] { position: relative; display: inline-flex !important; align-items: center; box-sizing: border-box; height: clamp(46px, 3.25vw, 66px); min-width: 0; padding: 0 calc(clamp(46px, 3.25vw, 66px) + 1.2vw - 3px) 0 1.7vw !important; margin: 0 !important; color: #FFFFFF !important; border-radius: 999px !important; font-family: 'Inter', sans-serif !important; font-size: clamp(13px, 0.85vw, 17px) !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; line-height: 1 !important; }
.elementor-1159 [data-id="3db7ec4c"]::after { content: ''; position: absolute; top: 6px; right: 6px; bottom: 6px; aspect-ratio: 1 / 1; border-radius: 50%; background: #EE1B24 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M21.9 4.3 18.7 19.4c-.2 1-.9 1.3-1.7.8l-4.8-3.5-2.3 2.2c-.3.3-.5.5-1 .5l.3-4.9 8.9-8c.4-.3-.1-.5-.6-.2L6.5 13.2l-4.7-1.5c-1-.3-1-1 .2-1.5L20.5 3c.9-.3 1.6.2 1.4 1.3z'/%3E%3C/svg%3E") 46% 52% / 46% no-repeat; transition: background-color 0.3s; }
.elementor-1159 [data-id="3db7ec4c"]:hover::after { background-color: #FFFFFF; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EE1B24' d='M21.9 4.3 18.7 19.4c-.2 1-.9 1.3-1.7.8l-4.8-3.5-2.3 2.2c-.3.3-.5.5-1 .5l.3-4.9 8.9-8c.4-.3-.1-.5-.6-.2L6.5 13.2l-4.7-1.5c-1-.3-1-1 .2-1.5L20.5 3c.9-.3 1.6.2 1.4 1.3z'/%3E%3C/svg%3E"); }
.elementor-1159 [data-id="3db7ec4c"]:hover { background-color: #EE1B24 !important; border-color: #EE1B24 !important; color: #FFFFFF !important; }
/* Mobile menu (hamburger) button: no background, white icon */
/* Fonts (performance): the theme's base font Urbanist made every page download an extra 42 KB font file, although every visible element already uses Inter. Use Inter as the base font everywhere (also covers the hidden mobile dropdown menu). */
html body { font-family: 'Inter', sans-serif; }
/* ===== Native Elementor header elements (replace the old XStore logo / menu / button / mobile menu widgets) ===== */
.elementor-1159 [data-id="220452fd"] { position: relative; }
.elementor-1159 [data-id="39e1378f"] { display: block !important; flex: 0 0 auto; width: clamp(150px, 12.75vw, 260px) !important; max-width: none !important; height: auto !important; line-height: 0 !important; }
.elementor-1159 [data-id="39e1378f"] img { display: block; width: 100%; height: auto; }
.elementor-1159 [data-id="70d24cdf"], .elementor-1159 [data-id="71f69829"], .elementor-1159 [data-id="2ea140e6"], .elementor-1159 [data-id="26adb5d"] { margin: 0 !important; padding: 0 !important; color: #FFFFFF !important; font-family: 'Inter', sans-serif !important; font-size: clamp(12px, calc(0.85vw - 1px), 16px) !important; font-weight: 500 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; white-space: nowrap; transition: color 0.3s; }
@media (hover: hover) and (pointer: fine) { .elementor-1159 [data-id="70d24cdf"]:hover, .elementor-1159 [data-id="71f69829"]:hover, .elementor-1159 [data-id="2ea140e6"]:hover, .elementor-1159 [data-id="26adb5d"]:hover { color: #EE1B24 !important; } }
.elementor-1159 [data-id="3db7ec4c"] { text-decoration: none !important; cursor: pointer; }
/* Hamburger (tablet + phone): three white lines, no background; becomes an X when open (a small script toggles body.kb-menu-open) */
.elementor-1159 [data-id="810ed5b"] { display: none !important; margin-left: auto !important; position: relative; flex: 0 0 auto; width: 46px !important; height: 46px !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 0 !important; color: transparent !important; cursor: pointer; }
.elementor-1159 [data-id="810ed5b"]::before, .elementor-1159 [data-id="810ed5b"]::after { content: ''; position: absolute; left: 11px; right: 11px; top: 15px; height: 2px; border-radius: 2px; background: #FFFFFF; transition: transform 0.25s, box-shadow 0.25s, top 0.25s, opacity 0.25s; }
.elementor-1159 [data-id="810ed5b"]::before { box-shadow: 0 8px 0 #FFFFFF, 0 16px 0 #FFFFFF; }
.elementor-1159 [data-id="810ed5b"]::after { opacity: 0; }
body.kb-menu-open .elementor-1159 [data-id="810ed5b"]::before { top: 22px; box-shadow: none; transform: rotate(45deg); }
body.kb-menu-open .elementor-1159 [data-id="810ed5b"]::after { top: 22px; opacity: 1; transform: rotate(-45deg); }
@media (max-width: 1024px) { .elementor-1159 [data-id="810ed5b"] { display: block !important; } .elementor-1159 [data-id="b480334"], .elementor-1159 [data-id="3db7ec4c"] { display: none !important; } }
/* Mobile dropdown panel */
.elementor-1159 [data-id="41329a37"] { display: none !important; position: absolute; top: calc(100% + 10px); left: 0; right: 0; flex-direction: column; gap: 0; padding: 0.5rem 1.5rem !important; border-radius: 1.5rem; background-color: rgba(18,12,12,0.86) !important; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: 0 0 0 1px rgba(255,255,255,0.12); z-index: 50; }
@media (max-width: 1024px) { body.kb-menu-open .elementor-1159 [data-id="41329a37"] { display: flex !important; } }
.elementor-1159 [data-id="25cd56a5"], .elementor-1159 [data-id="34f18e81"], .elementor-1159 [data-id="5cb7b2fe"], .elementor-1159 [data-id="6e59125e"] { display: block; margin: 0 !important; padding: 1rem 0 !important; border-bottom: 1px solid rgba(255,255,255,0.08); color: #FFFFFF !important; font-family: 'Inter', sans-serif !important; font-size: 1.1rem !important; font-weight: 500 !important; line-height: 1.2 !important; text-transform: none !important; text-decoration: none !important; }
.elementor-1159 [data-id="6e59125e"] { border-bottom: 0; }

.elementor-1159 [data-id="b480334"] { margin-left: 3.5vw !important; }

/* Header sits over the hero (absolute, full width) instead of pushing the page down */
.elementor-location-header.elementor-1159 { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 50; }
/* Header menu: the menu links turn accent red on hover (and when focused with the keyboard). */
.elementor-1159.elementor-1159 [data-id="b480334"] > p, .elementor-1159.elementor-1159 [data-id="41329a37"] > p { transition: color 0.3s; }
@media (hover: hover) and (pointer: fine) { .elementor-1159.elementor-1159 [data-id="b480334"] > p:hover, .elementor-1159.elementor-1159 [data-id="41329a37"] > p:hover { color: #EE1B24 !important; } }
.elementor-1159.elementor-1159 [data-id="b480334"] > p:focus-within, .elementor-1159.elementor-1159 [data-id="41329a37"] > p:focus-within { color: #EE1B24 !important; }/* End custom CSS */