/* AI News Category Carousel V8.1 - title decode + closer reference look */
.ai-news-hero-wrap,.ai-news-hero-wrap *{box-sizing:border-box}
.ai-news-hero-wrap{
  --ai-accent-1:#22ffbb;--ai-accent-2:#22ccff;--ai-accent-3:#ff4fc3;
  position:relative;width:100%;max-width:100%;overflow:hidden;isolation:isolate;color:#fff;
  background:radial-gradient(circle at 50% 0%,rgba(34,255,187,.08),transparent 28%),linear-gradient(180deg,#02040a 0%,#07101d 58%,#040915 100%);
  padding:64px 24px 42px;font-family:Inter,Arial,Helvetica,sans-serif
}
.ai-news-stars{position:absolute;inset:0;z-index:-3;background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),radial-gradient(circle at 12% 24%,rgba(255,255,255,.16) 0 1px,transparent 2px),radial-gradient(circle at 64% 30%,rgba(255,255,255,.12) 0 1px,transparent 2px);background-size:54px 54px,54px 54px,190px 190px,240px 240px;opacity:.82}
.ai-news-top,.ai-cat-carousel,.ai-news-subscribe{width:min(1280px,100%);margin-left:auto;margin-right:auto}
.ai-cat-top{min-height:auto;margin-bottom:32px}.ai-cat-copy{width:min(760px,100%)}
.ai-news-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;margin-bottom:16px;border-radius:999px;color:#cffff0;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.ai-news-kicker span{width:8px;height:8px;border-radius:50%;background:var(--ai-accent-1);box-shadow:0 0 15px var(--ai-accent-1)}
.ai-news-copy h1{margin:0;font-size:clamp(38px,4.1vw,62px);line-height:.96;letter-spacing:-.055em;font-weight:1000;text-transform:uppercase;color:#fff}.ai-news-copy h1 span{background:linear-gradient(90deg,var(--ai-accent-1),var(--ai-accent-2) 55%,var(--ai-accent-1));-webkit-background-clip:text;background-clip:text;color:transparent}
.ai-news-copy p{max-width:650px;margin:18px 0 0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.65}.ai-news-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}
.ai-news-btn-primary,.ai-news-btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:12px 22px;border-radius:999px;font-size:12px;font-weight:950;text-transform:uppercase;text-decoration:none!important}
.ai-news-btn-primary{color:#00120e!important;background:linear-gradient(90deg,var(--ai-accent-1),var(--ai-accent-2));box-shadow:0 0 26px rgba(34,255,187,.25)}.ai-news-btn-outline{color:#fff!important;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.03)}

.ai-cat-carousel{position:relative;padding:0 48px 42px;overflow:hidden}
.ai-cat-track{display:flex;gap:8px;transition:transform .5s ease;will-change:transform}
.ai-cat-card{
  flex:0 0 calc((100% - 32px)/5);min-width:calc((100% - 32px)/5);
  height:560px;border-radius:7px;overflow:hidden;position:relative;background:#07101d;
  border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 70px rgba(0,0,0,.48)
}
.ai-cat-card-link{display:block;position:relative;width:100%;height:100%;color:#fff!important;text-decoration:none!important}
.ai-cat-bg{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center bottom;display:block;filter:saturate(1.15) contrast(1.06);transform:scale(1.01);transition:transform .45s ease}
.ai-cat-card:hover .ai-cat-bg{transform:scale(1.06)}
.ai-cat-overlay{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(1,10,25,.96) 0%,rgba(1,10,25,.82) 23%,rgba(1,10,25,.36) 47%,rgba(1,10,25,.18) 68%,rgba(1,10,25,.50) 100%)
}
.ai-cat-card-2 .ai-cat-overlay{background:linear-gradient(180deg,rgba(0,24,17,.96) 0%,rgba(0,24,17,.82) 23%,rgba(0,24,17,.34) 47%,rgba(0,24,17,.18) 68%,rgba(0,24,17,.52) 100%)}
.ai-cat-card-3 .ai-cat-overlay{background:linear-gradient(180deg,rgba(14,2,45,.96) 0%,rgba(14,2,45,.82) 23%,rgba(14,2,45,.34) 47%,rgba(14,2,45,.18) 68%,rgba(14,2,45,.52) 100%)}
.ai-cat-card-4 .ai-cat-overlay{background:linear-gradient(180deg,rgba(48,16,0,.96) 0%,rgba(48,16,0,.82) 23%,rgba(48,16,0,.34) 47%,rgba(48,16,0,.18) 68%,rgba(48,16,0,.54) 100%)}
.ai-cat-card-5 .ai-cat-overlay{background:linear-gradient(180deg,rgba(1,18,45,.96) 0%,rgba(1,18,45,.82) 23%,rgba(1,18,45,.34) 47%,rgba(1,18,45,.18) 68%,rgba(1,18,45,.54) 100%)}
.ai-cat-content{position:relative;z-index:2;height:100%;padding:50px 24px 22px;text-align:center;display:flex;flex-direction:column;align-items:center}
.ai-cat-content h3{
  margin:0;color:#fff;font-size:clamp(21px,1.65vw,30px);line-height:1.08;letter-spacing:-.035em;
  font-weight:1000;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.45)
}
.ai-cat-content p{
  margin:30px 0 0;color:rgba(255,255,255,.95);font-size:15px;line-height:1.52;
  text-shadow:0 2px 16px rgba(0,0,0,.45);max-width:210px
}
.ai-cat-icon{
  position:absolute;z-index:3;left:50%;bottom:34px;transform:translateX(-50%);
  width:78px;height:78px;border-radius:50%;display:grid;place-items:center;font-size:31px;font-weight:900;color:#fff;
  background:rgba(14,108,255,.70);border:2px solid rgba(34,204,255,.65);box-shadow:0 0 28px rgba(34,204,255,.38);backdrop-filter:blur(8px)
}
.ai-cat-card-2 .ai-cat-icon{background:rgba(0,160,100,.66);border-color:rgba(34,255,187,.58);box-shadow:0 0 28px rgba(34,255,187,.32)}
.ai-cat-card-3 .ai-cat-icon{background:rgba(115,46,255,.66);border-color:rgba(155,92,255,.72);box-shadow:0 0 28px rgba(155,92,255,.38)}
.ai-cat-card-4 .ai-cat-icon{background:rgba(218,91,0,.76);border-color:rgba(255,132,0,.72);box-shadow:0 0 28px rgba(255,132,0,.38)}
.ai-cat-card-5 .ai-cat-icon{background:rgba(0,103,220,.74);border-color:rgba(34,204,255,.68);box-shadow:0 0 28px rgba(34,204,255,.36)}
.ai-cat-arrow{position:absolute;top:45%;z-index:10;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}
.ai-cat-prev{left:0}.ai-cat-next{right:0}
.ai-cat-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.ai-cat-dot{width:30px;height:4px;border:0;border-radius:99px;background:rgba(255,255,255,.25);cursor:pointer}.ai-cat-dot.is-active{background:linear-gradient(90deg,var(--ai-accent-1),var(--ai-accent-2));box-shadow:0 0 14px rgba(34,204,255,.65)}
.ai-news-subscribe{margin-top:8px;display:grid;grid-template-columns:46px minmax(210px,.7fr) minmax(260px,1fr);gap:18px;align-items:center;padding:16px 22px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px)}
.ai-news-sub-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#9b5cff,var(--ai-accent-3))}
.ai-news-subscribe strong{display:block;font-size:16px}.ai-news-subscribe span{display:block;margin-top:3px;color:rgba(255,255,255,.62);font-size:12px}.ai-news-subscribe form{display:flex;gap:12px;align-items:center}.ai-news-subscribe input{width:100%;min-height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);color:#fff;padding:0 18px;outline:none}.ai-news-subscribe button{white-space:nowrap;min-height:42px;border:0;border-radius:999px;padding:0 22px;font-weight:950;cursor:pointer;color:#00120e;background:linear-gradient(90deg,#c78cff,var(--ai-accent-3))}
.elementor-widget-shortcode,.elementor-widget-shortcode .elementor-widget-container,.mg-card-box{max-width:100%;overflow:hidden}
@media(max-width:1100px){.ai-cat-card{flex-basis:calc((100% - 16px)/3);min-width:calc((100% - 16px)/3);height:540px}.ai-news-subscribe{grid-template-columns:46px 1fr}.ai-news-subscribe form{grid-column:1/-1}}
@media(max-width:768px){.ai-news-hero-wrap{padding:44px 16px 30px}.ai-news-copy h1{font-size:36px;line-height:1.02}.ai-cat-carousel{padding:0 0 38px;overflow:hidden}.ai-cat-card{flex-basis:86%;min-width:86%;height:520px}.ai-cat-arrow{display:none}.ai-cat-content{padding:44px 22px 22px}.ai-cat-content h3{font-size:29px}.ai-cat-content p{font-size:15px}.ai-news-subscribe{grid-template-columns:1fr;margin-top:20px}.ai-news-sub-icon{display:none}.ai-news-subscribe form{flex-direction:column;align-items:stretch}}


/* V8.2 exact 5 visible fix */
.ai-cat-carousel {
  overflow: visible !important;
}

.ai-cat-viewport {
  width: 100%;
  max-width: 100%;
  overflow: hidden !important;
}

.ai-cat-track {
  width: 100% !important;
  max-width: 100% !important;
}

.ai-cat-card {
  flex: 0 0 calc((100% - 32px) / 5) !important;
  min-width: calc((100% - 32px) / 5) !important;
  max-width: calc((100% - 32px) / 5) !important;
}

@media(max-width:1100px){
  .ai-cat-card {
    flex: 0 0 calc((100% - 16px) / 3) !important;
    min-width: calc((100% - 16px) / 3) !important;
    max-width: calc((100% - 16px) / 3) !important;
  }
}

@media(max-width:768px){
  .ai-cat-card {
    flex: 0 0 86% !important;
    min-width: 86% !important;
    max-width: 86% !important;
  }
}


/* V9 category card line + admin-uploaded icon support */
.ai-cat-content h3 {
  position: relative;
  padding-bottom: 18px !important;
  margin-bottom: 0 !important;
}

.ai-cat-content h3:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2px;
  transform: translateX(-50%);
  width: 52px;
  height: 4px;
  border-radius: 99px;
  background: #0d7cff;
  box-shadow: 0 0 14px rgba(13,124,255,.55);
}

.ai-cat-card-2 .ai-cat-content h3:after {
  background: #18e693;
  box-shadow: 0 0 14px rgba(24,230,147,.52);
}

.ai-cat-card-3 .ai-cat-content h3:after {
  background: #8e4dff;
  box-shadow: 0 0 14px rgba(142,77,255,.55);
}

.ai-cat-card-4 .ai-cat-content h3:after {
  background: #f47b16;
  box-shadow: 0 0 14px rgba(244,123,22,.55);
}

.ai-cat-card-5 .ai-cat-content h3:after {
  background: #129dff;
  box-shadow: 0 0 14px rgba(18,157,255,.55);
}

.ai-cat-content p {
  margin-top: 24px !important;
}

.ai-cat-icon img {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  display: block !important;
}

.ai-cat-icon span {
  display: block;
  line-height: 1;
}

.ai-cat-card {
  border-radius: 5px !important;
}

.ai-cat-card:before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(255,255,255,.9);
  pointer-events: none;
  z-index: 5;
  border-radius: inherit;
  opacity: .85;
}


/* V9.1 mobile responsive fix */
@media (max-width: 768px) {
  .ai-news-hero-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .ai-news-top,
  .ai-cat-carousel,
  .ai-news-subscribe {
    width: 100% !important;
    max-width: 100% !important;
  }

  .ai-cat-carousel {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
  }

  .ai-cat-viewport {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .ai-cat-track {
    gap: 0 !important;
    width: auto !important;
    max-width: none !important;
  }

  .ai-cat-card {
    flex: 0 0 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 520px !important;
    border-radius: 8px !important;
  }

  .ai-cat-bg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .ai-cat-content {
    padding: 44px 22px 20px !important;
    width: 100% !important;
  }

  .ai-cat-content h3 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 28px !important;
    line-height: 1.08 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .ai-cat-content p {
    max-width: 270px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 15px !important;
  }

  .ai-cat-icon {
    width: 76px !important;
    height: 76px !important;
    bottom: 34px !important;
  }

  .ai-news-subscribe {
    display: grid !important;
    grid-template-columns: 1fr !important;
    padding: 18px !important;
    gap: 14px !important;
  }

  .ai-news-subscribe input,
  .ai-news-subscribe button {
    width: 100% !important;
  }
}


/* V9.2 mobile hero text visibility fix */
@media (max-width: 768px) {
  .ai-news-hero-wrap {
    padding-top: 36px !important;
  }

  .ai-cat-top {
    display: block !important;
    min-height: auto !important;
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .ai-cat-copy,
  .ai-news-copy {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-align: left !important;
    transform: none !important;
  }

  .ai-news-kicker {
    display: inline-flex !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
    margin-bottom: 14px !important;
  }

  .ai-news-copy h1,
  .ai-cat-copy h1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 34px !important;
    line-height: 1.04 !important;
    letter-spacing: -0.035em !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    text-indent: 0 !important;
    transform: none !important;
  }

  .ai-news-copy h1 span,
  .ai-cat-copy h1 span {
    display: inline !important;
  }

  .ai-news-copy p,
  .ai-cat-copy p {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 16px 0 0 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    text-indent: 0 !important;
    transform: none !important;
  }

  .ai-news-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    transform: none !important;
  }

  .ai-news-btn-primary,
  .ai-news-btn-outline {
    min-height: 42px !important;
    padding: 11px 17px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  .ai-cat-carousel {
    margin-top: 0 !important;
  }
}

@media (max-width: 430px) {
  .ai-news-copy h1,
  .ai-cat-copy h1 {
    font-size: 31px !important;
  }

  .ai-news-kicker {
    font-size: 9px !important;
  }

  .ai-news-btn-primary,
  .ai-news-btn-outline {
    font-size: 10px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}


/* V9.3 hard mobile layout reset for SmartMag/Elementor conflicts */
@media (max-width: 768px) {
  body {
    overflow-x: hidden !important;
  }

  .elementor-widget-shortcode .elementor-shortcode,
  .elementor-widget-shortcode .ai-news-hero-wrap,
  .ai-news-hero-wrap.ai-cat-wrap {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 34px 18px 30px !important;
    overflow: hidden !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .ai-news-hero-wrap .ai-news-top.ai-cat-top {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    text-align: left !important;
  }

  .ai-news-hero-wrap .ai-news-copy.ai-cat-copy {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .ai-news-hero-wrap .ai-news-kicker {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 7px 12px !important;
    color: #cffff0 !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-indent: 0 !important;
    transform: none !important;
  }

  .ai-news-hero-wrap .ai-news-copy h1,
  .ai-news-hero-wrap .ai-cat-copy h1 {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 31px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
    text-align: left !important;
    text-indent: 0 !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    overflow: visible !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    clip: auto !important;
    clip-path: none !important;
  }

  .ai-news-hero-wrap .ai-news-copy h1 br,
  .ai-news-hero-wrap .ai-cat-copy h1 br {
    display: block !important;
  }

  .ai-news-hero-wrap .ai-news-copy h1 span,
  .ai-news-hero-wrap .ai-cat-copy h1 span {
    display: inline !important;
    background: linear-gradient(90deg,var(--ai-accent-1),var(--ai-accent-2) 55%,var(--ai-accent-1)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }

  .ai-news-hero-wrap .ai-news-copy p,
  .ai-news-hero-wrap .ai-cat-copy p {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-align: left !important;
    text-indent: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    overflow: visible !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    clip: auto !important;
    clip-path: none !important;
  }

  .ai-news-hero-wrap .ai-news-buttons {
    display: flex !important;
    position: relative !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px 0 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .ai-news-hero-wrap .ai-news-btn-primary,
  .ai-news-hero-wrap .ai-news-btn-outline {
    display: inline-flex !important;
    min-height: 40px !important;
    padding: 10px 15px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-indent: 0 !important;
    transform: none !important;
  }

  .ai-news-hero-wrap .ai-cat-carousel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 38px 0 !important;
    overflow: hidden !important;
  }
}

@media (max-width: 390px) {
  .ai-news-hero-wrap .ai-news-copy h1,
  .ai-news-hero-wrap .ai-cat-copy h1 {
    font-size: 28px !important;
  }
}


/* V9.4 per-category color controls */
.ai-cat-card {
  --cat-line-color: #0d7cff;
  --cat-icon-bg: #0d7cff;
  --cat-box-bg: rgba(1,10,25,.96);
}

.ai-cat-card .ai-cat-overlay {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--cat-box-bg) 92%, transparent) 0%,
      color-mix(in srgb, var(--cat-box-bg) 78%, transparent) 24%,
      color-mix(in srgb, var(--cat-box-bg) 36%, transparent) 48%,
      color-mix(in srgb, var(--cat-box-bg) 18%, transparent) 68%,
      color-mix(in srgb, var(--cat-box-bg) 55%, transparent) 100%
    ) !important;
}

.ai-cat-card .ai-cat-content h3:after {
  background: var(--cat-line-color) !important;
  box-shadow: 0 0 14px color-mix(in srgb, var(--cat-line-color) 60%, transparent) !important;
}

.ai-cat-card .ai-cat-icon {
  background: var(--cat-icon-bg) !important;
  border-color: var(--cat-line-color) !important;
  box-shadow: 0 0 28px color-mix(in srgb, var(--cat-line-color) 45%, transparent) !important;
}
