/* LYTL Tools Station — clean isolated widget CSS — 0.18.0 */

.elementor-widget-lytl_tools_station:has(.lytl-tools.is-overlay){
  position:absolute;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
}

.lytl-tools{
  --tools-station-bg:#45245d;
  --tools-station-opacity:74%;
  --tools-station-fit:cover;
  --tools-station-position:center center;
  --tools-station-overlay:#25102f;
  --tools-station-overlay-opacity:30%;
  --tools-station-blur:8px;
  --tools-station-border:#e4bf64;
  --tools-station-border-width:1px;
  --tools-station-radius:20px;
  --tools-gap:9px;
  --tools-grid-cols:3;
  --tools-detail-width:820px;
  --tools-detail-height:78vh;
  --tools-modal-overlay:#120817;
  --tools-modal-overlay-opacity:67%;
  --tools-detail-blur:8px;
  --tools-detail-border:#e4bf64;
  --tools-detail-radius:22px;
  display:inline-block;
  position:relative;
  -webkit-tap-highlight-color:transparent;
}

.lytl-tools *{box-sizing:border-box}

.lytl-tools__station{
  position:relative;
  overflow:hidden;
  border:var(--tools-station-border-width) solid var(--tools-station-border);
  border-radius:var(--tools-station-radius);
  background:color-mix(in srgb,var(--tools-station-bg) var(--tools-station-opacity),transparent);
  backdrop-filter:blur(var(--tools-station-blur));
  -webkit-backdrop-filter:blur(var(--tools-station-blur));
  box-shadow:0 16px 38px rgba(18,7,25,.27),inset 0 1px 0 rgba(255,255,255,.10);
}
.lytl-tools__station.station-bg-transparent{
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.lytl-tools__station.station-bg-image,
.lytl-tools__station.station-bg-video{background:transparent}

.lytl-tools__station-media{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}
.lytl-tools__station-media img,
.lytl-tools__station-media video{
  width:100%;
  height:100%;
  display:block;
  object-fit:var(--tools-station-fit);
  object-position:var(--tools-station-position);
}
.lytl-tools__station-media span{
  position:absolute;
  inset:0;
  background:color-mix(in srgb,var(--tools-station-overlay) var(--tools-station-overlay-opacity),transparent);
}
.lytl-tools__station-inner{
  position:relative;
  z-index:2;
  padding:16px;
}
.lytl-tools__head{text-align:center;margin-bottom:12px}
.lytl-tools__kicker{
  margin-bottom:3px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}
.lytl-tools__head h3{
  margin:0;
  line-height:1.05;
}
.lytl-tools__subtitle{
  margin:5px 0 0;
  line-height:1.35;
}

.lytl-tools__list{
  display:flex;
  gap:var(--tools-gap);
  align-items:stretch;
}
.lytl-tools.layout-column .lytl-tools__list{flex-direction:column}
.lytl-tools.layout-row .lytl-tools__list{flex-direction:row;flex-wrap:wrap}
.lytl-tools.layout-grid .lytl-tools__list{
  display:grid;
  grid-template-columns:repeat(var(--tools-grid-cols),minmax(0,1fr));
}

.lytl-tools__tool{
  --tool-card-width:340px;
  --tool-card-height:92px;
  --tool-card-color:#633d82;
  --tool-card-opacity:88%;
  --tool-card-border:#e4bf64;
  --tool-card-border-width:1px;
  --tool-card-radius:14px;
  --tool-card-fit:cover;
  --tool-card-position:center center;
  --tool-card-zoom:1;
  --tool-card-overlay:#25102f;
  --tool-card-overlay-opacity:22%;
  --tool-media-w:62px;
  --tool-media-h:62px;
  --tool-media-fit:contain;
  --tool-media-zoom:1;
  --tool-media-position:center center;
  --tool-media-x:20%;
  --tool-media-y:50%;
  position:relative;
  overflow:hidden;
  width:var(--tool-card-width);
  min-height:var(--tool-card-height);
  border:var(--tool-card-border-width) solid var(--tool-card-border);
  border-radius:var(--tool-card-radius);
  background:color-mix(in srgb,var(--tool-card-color) var(--tool-card-opacity),transparent);
  backdrop-filter:blur(var(--tool-card-blur,6px));
  -webkit-backdrop-filter:blur(var(--tool-card-blur,6px));
  box-shadow:0 7px 18px rgba(10,4,15,.17),inset 0 1px 0 rgba(255,255,255,.08);
}
.lytl-tools.layout-grid .lytl-tools__tool{
  width:100%;
}
.lytl-tools__tool.tool-bg-transparent{background:transparent}
.lytl-tools__tool.tool-bg-image,
.lytl-tools__tool.tool-bg-video{background:transparent}

.lytl-tools__tool-bg{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}
.lytl-tools__tool-bg img,
.lytl-tools__tool-bg video{
  width:100%;
  height:100%;
  display:block;
  object-fit:var(--tool-card-fit);
  object-position:var(--tool-card-position);
  transform:scale(var(--tool-card-zoom));
  transform-origin:center;
}
.lytl-tools__tool-bg span{
  position:absolute;
  inset:0;
  background:color-mix(in srgb,var(--tool-card-overlay) var(--tool-card-overlay-opacity),transparent);
}

.lytl-tools__tool-open{
  position:relative;
  z-index:2;
  width:100%;
  min-height:var(--tool-card-height);
  padding:10px;
  border:0!important;
  background:transparent!important;
  color:#fff;
  display:flex;
  align-items:center;
  gap:11px;
  text-align:left;
  cursor:pointer;
}
.lytl-tools__tool-open:focus,
.lytl-tools__tool-open:active{
  outline:none!important;
  box-shadow:none!important;
  background:transparent!important;
}
.lytl-tools__tool-open:hover{
  background:rgba(255,255,255,.045)!important;
}

.lytl-tools__tool-media{
  position:relative;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:var(--tool-media-w);
  height:var(--tool-media-h);
  overflow:hidden;
  z-index:2;
}
.lytl-tools__tool-media img,
.lytl-tools__tool-media video,
.lytl-tools__tool-icon{
  width:100%;
  height:100%;
  display:block;
  object-fit:var(--tool-media-fit);
  object-position:var(--tool-media-position);
  transform:scale(var(--tool-media-zoom));
  transform-origin:center;
}
.lytl-tools__tool-icon{
  display:grid;
  place-items:center;
  color:var(--tool-card-border);
}
.lytl-tools__tool-icon svg{
  width:100%;
  height:100%;
  fill:currentColor;
}

.lytl-tools.media-place-right .lytl-tools__tool-media{order:3}
.lytl-tools__tool.media-place-right .lytl-tools__tool-media{order:3}
.lytl-tools__tool.media-place-top .lytl-tools__tool-open,
.lytl-tools__tool.media-place-bottom .lytl-tools__tool-open{
  flex-direction:column;
  align-items:flex-start;
}
.lytl-tools__tool.media-place-bottom .lytl-tools__tool-media{order:3}
.lytl-tools__tool.media-place-free .lytl-tools__tool-media{
  position:absolute;
  left:var(--tool-media-x);
  top:var(--tool-media-y);
  transform:translate(-50%,-50%);
  z-index:4;
}
.lytl-tools__tool.media-place-free .lytl-tools__tool-open{
  position:relative;
}

.lytl-tools__tool-copy{
  flex:1 1 auto;
  min-width:0;
  position:relative;
  z-index:2;
}
.lytl-tools__tool-copy strong{
  display:block;
  line-height:1.08;
}
.lytl-tools__tool-copy small{
  display:block;
  margin-top:3px;
  line-height:1.25;
}
.lytl-tools__chevron{
  flex:0 0 auto;
  color:var(--tool-card-border);
  font-size:24px;
  line-height:1;
}
.lytl-tools__audio-button{
  position:absolute;
  right:8px;
  bottom:6px;
  z-index:5;
  min-height:24px;
  padding:3px 7px!important;
  border:1px solid color-mix(in srgb,var(--tool-card-border) 65%,transparent)!important;
  border-radius:999px!important;
  background:rgba(22,9,29,.50)!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1!important;
  cursor:pointer;
}
.lytl-tools__audio-button.is-playing{
  box-shadow:0 0 12px color-mix(in srgb,var(--tool-card-border) 48%,transparent)!important;
}

/* detail modal */
.lytl-tools__overlay{
  position:fixed;
  inset:0;
  z-index:2147482601;
  display:grid;
  place-items:center;
  padding:12px;
  background:color-mix(in srgb,var(--tools-modal-overlay) var(--tools-modal-overlay-opacity),transparent);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.lytl-tools__overlay[hidden]{display:none!important}

.lytl-tools__detail{
  --detail-bg:#351845;
  --detail-opacity:95%;
  --detail-bg-fit:cover;
  --detail-bg-position:center center;
  --detail-bg-zoom:1;
  --detail-overlay:#25102f;
  --detail-overlay-opacity:44%;
  --detail-title-color:#fff0b8;
  --detail-title-size:34px;
  --detail-body-color:#fff;
  --detail-body-size:15px;
  position:relative;
  overflow:hidden;
  width:min(var(--tools-detail-width),calc(100vw - 24px));
  height:min(var(--tools-detail-height),calc(100vh - 24px));
  border:1px solid var(--tools-detail-border);
  border-radius:var(--tools-detail-radius);
  background:color-mix(in srgb,var(--detail-bg) var(--detail-opacity),transparent);
  backdrop-filter:blur(var(--tools-detail-blur));
  -webkit-backdrop-filter:blur(var(--tools-detail-blur));
  box-shadow:0 28px 90px rgba(0,0,0,.45);
  color:var(--detail-body-color);
}
.lytl-tools__detail.detail-bg-image,
.lytl-tools__detail.detail-bg-video{background:transparent}

.lytl-tools__detail-bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.lytl-tools__detail-bg img,
.lytl-tools__detail-bg video{
  width:100%;
  height:100%;
  display:block;
  object-fit:var(--detail-bg-fit);
  object-position:var(--detail-bg-position);
  transform:scale(var(--detail-bg-zoom));
  transform-origin:center;
}
.lytl-tools__detail-bg span{
  position:absolute;
  inset:0;
  background:color-mix(in srgb,var(--detail-overlay) var(--detail-overlay-opacity),transparent);
}

.lytl-tools__close{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:20!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid color-mix(in srgb,var(--tools-detail-border) 65%,transparent)!important;
  border-radius:50%!important;
  background:rgba(36,16,47,.78)!important;
  color:#fff!important;
  font:400 27px/1 system-ui,sans-serif!important;
  text-align:center!important;
  cursor:pointer;
}
.lytl-tools__close:focus,
.lytl-tools__close:active{
  outline:none!important;
  box-shadow:none!important;
}

.lytl-tools__detail-scroll{
  position:relative;
  z-index:2;
  height:100%;
  overflow:auto;
  padding:28px 64px 28px 28px;
  scrollbar-width:thin;
}
.lytl-tools__detail-kicker{
  margin-bottom:4px;
  color:var(--tools-detail-border);
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}
.lytl-tools__detail-head h2{
  margin:0 0 10px;
  color:var(--detail-title-color);
  font-size:var(--detail-title-size);
  line-height:1.02;
}
.lytl-tools__detail-media{
  width:52%;
  margin:12px auto 16px;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.lytl-tools__detail-media img,
.lytl-tools__detail-media video{
  width:100%;
  height:100%;
  display:block;
}
.lytl-tools__detail-media .lytl-tools__detail-icon{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
}
.lytl-tools__detail-media svg{
  width:70%;
  height:70%;
  fill:currentColor;
}
.lytl-tools__detail-media audio{width:100%}

.lytl-tools__detail-description,
.lytl-tools__detail-instructions{
  color:var(--detail-body-color);
  font-size:var(--detail-body-size);
  line-height:1.5;
}
.lytl-tools__detail-description p:first-child,
.lytl-tools__detail-instructions p:first-child{margin-top:0}
.lytl-tools__detail-instructions{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid color-mix(in srgb,var(--tools-detail-border) 32%,transparent);
}

.lytl-tools__detail-actions{
  margin-top:18px;
}
.lytl-tools__detail-actions a{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border:1px solid color-mix(in srgb,var(--tools-detail-border) 72%,transparent);
  border-radius:999px;
  background:rgba(54,26,70,.58);
  color:#fff;
  font-weight:800;
  text-decoration:none;
}
body.lytl-tools-open{overflow:hidden}

@media(max-width:760px){
  .lytl-tools.layout-row .lytl-tools__list,
  .lytl-tools.layout-grid .lytl-tools__list{
    display:flex;
    flex-direction:column;
  }
  .lytl-tools__tool{width:100%!important}
  .lytl-tools__detail-scroll{padding:56px 16px 20px}
  .lytl-tools__detail-media{width:100%!important}
}

.lytl-tools__detail.detail-bg-transparent{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}

.lytl-tools__tool.tool-bg-transparent{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none}


/* 1.0.1 FRONT-PAGE HOTFIX — keep Tool button copy inside its card */
.lytl-tools__tool-open,
.lytl-tools__tool-copy,
.lytl-tools__tool-copy strong,
.lytl-tools__tool-copy small{
  white-space:normal!important;
}
.lytl-tools__tool-copy{
  min-width:0!important;
  max-width:100%;
  overflow:hidden;
}
.lytl-tools__tool-copy strong,
.lytl-tools__tool-copy small{
  max-width:100%;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:auto;
}