/* LumoHosting Web Hosting — V12 UI language: CTAs, icons, hover, focus.
   Page-scoped; main CSS and other product pages untouched. */

/* A consistent lime gradient for primary actions. */
#web-hero .wl-hero__primary,
#web-pricing .web-plan-button--featured,
#web-pricing .web-plan-button,
#web-tools .btn-gradient,
#web-faq .btn-gradient {
  background-image:linear-gradient(112deg,#ceff45 0%,#a7f332 52%,#83df34 100%);
  color:#10243a;
  border:1px solid rgba(80,135,30,.18);
  box-shadow:0 6px 18px rgba(88,153,36,.13);
  text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease;
}
#web-hero .wl-hero__secondary,
#web-pricing .web-pricing-footer a,
#web-comparison .web-comparison-plan-link {
  transition:transform .18s ease,border-color .18s ease,color .18s ease,background-color .18s ease;
}
#web-hero .wl-hero__actions a {font-weight:800}
#web-hero .wl-hero__actions a span{transition:transform .18s ease}

/* Uniform icon language for short benefit lists, without remote icon fonts. */
#web-hero .wl-hero__trust-icon{
  border-radius:13px;
  background:linear-gradient(145deg,#d9ff85,#a4f336);
  color:#193a28;
  box-shadow:inset 0 0 0 1px rgba(74,128,33,.12);
}
#web-pricing .web-plan-check,
#web-comparison .wc-check{
  background:#e5f8d5;
  color:#337b25;
  border-radius:50%;
}

/* Cards: clear hierarchy and quiet elevation rather than constant motion. */
#web-pricing .web-plan-card,
#web-features .web-showcase-tile,
#web-features .web-showcase-primary,
#web-tools .lv-tool,
#web-faq .web-faq-item {
  transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;
}
#web-pricing .web-plan-card--featured {
  border-color:#9bda53;
}
#web-faq .web-faq-item[open] {
  border-color:#b6dca0;
  box-shadow:0 9px 25px rgba(22,62,29,.065);
}
#web-faq .web-faq-item summary {cursor:pointer}
#web-faq .web-faq-item summary:focus-visible {
  outline:3px solid #518a30;
  outline-offset:3px;
  border-radius:12px;
}
#web-faq .web-faq-item[open] .web-faq-toggle {
  color:#397d2c;
}

/* Keyboard access: visible focus, including buttons inside feature sections. */
#web-hero a:focus-visible,
#web-pricing a:focus-visible,
#web-pricing button:focus-visible,
#web-comparison a:focus-visible,
#web-comparison button:focus-visible,
#web-tools a:focus-visible,
#web-tools summary:focus-visible,
#web-faq a:focus-visible {
  outline:3px solid #438c2b;
  outline-offset:3px;
}

/* Desktop pointer devices only: prevent false hover on touchscreens. */
@media (hover:hover) and (pointer:fine) {
  #web-hero .wl-hero__primary:hover,
  #web-pricing .web-plan-button:hover,
  #web-tools .btn-gradient:hover,
  #web-faq .btn-gradient:hover {
    transform:translateY(-2px);
    box-shadow:0 12px 24px rgba(79,139,37,.23);
    filter:saturate(1.08);
  }
  #web-hero .wl-hero__secondary:hover{
    transform:translateY(-2px);
    background:#f6fbee;
    border-color:#99c884;
  }
  #web-hero .wl-hero__actions a:hover span{transform:translateX(3px)}
  #web-pricing .web-plan-card:hover,
  #web-features .web-showcase-tile:hover,
  #web-features .web-showcase-primary:hover,
  #web-tools .lv-tool:hover{
    transform:translateY(-3px);
    box-shadow:0 13px 34px rgba(26,59,31,.10);
    border-color:#c2dcb1;
  }
  #web-faq .web-faq-item:hover{border-color:#bbd8a8}
  #web-comparison .web-comparison-plan-link:hover{color:#387c28}
}

/* Mobile avoids animation and oversized shadow/hover styling. */
@media (max-width:760px) {
  #web-pricing .web-plan-card,
  #web-features .web-showcase-tile,
  #web-tools .lv-tool{transform:none}
  #web-hero .wl-hero__trust-icon{border-radius:10px}
}
@media (prefers-reduced-motion:reduce) {
  #web-hero .wl-hero__actions a,
  #web-hero .wl-hero__actions a span,
  #web-pricing .web-plan-button,
  #web-pricing .web-plan-card,
  #web-features .web-showcase-tile,
  #web-features .web-showcase-primary,
  #web-tools .lv-tool,
  #web-faq .web-faq-item {transition:none!important;transform:none!important}
}